Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Che cos'è: Layout fluido

Nello sviluppo di temi WordPress, il layout fluido è un approccio alla progettazione di siti web che utilizza valori proporzionali come unità di misura per blocchi di contenuti, immagini e altri elementi. Questo permette al sito web di adattarsi a schermi e dispositivi di dimensioni diverse.

I layout fluidi utilizzano unità flessibili come percentuali o ems per definire la larghezza degli elementi. Questo permette al contenuto di ridimensionarsi e riorganizzarsi per adattarsi allo schermo su cui viene visualizzato.

Questo è diverso dai layout corretti, in cui ogni aspetto del tema ha una larghezza corretta in sgranati.

Glossary: Fluid Layout

Quali sono i vantaggi dei layout fluidi?

Quando si crea un sito web o un tema WordPress, i designer e gli sviluppatori devono decidere se creare un design a larghezza corretta o fluida.

I design a larghezza corretta sono più facili da creare, ma hanno diversi difetti. In particolare, non offrono la migliore esperienza agli utenti con schermi molto grandi o molto piccoli.

Molti utenti oggi hanno schermi grandi con una risoluzione superiore a 1024×768 pixel. I siti web con layout corretto possono lasciare molto spazio bianco su entrambi i lati del tema.

Per gli utenti con schermi più piccoli o che utilizzano dispositivi mobili, un design corretto può richiedere anche una barra di scorrimento orizzontale.

Questi problemi possono essere corretti utilizzando un layout fluido.

Quali sono le sfide dei layout fluidi?

Sebbene il design fluido risolva molti problemi legati alle dimensioni multiple degli schermi, crea alcuni problemi a sua volta.

Il designer ha meno controllo su ciò che l’utente vede e i contenuti, come le immagini, possono richiedere più larghezze per essere visualizzati su risoluzioni diverse.

Se lo schermo dell’utente è estremamente grande, le pagine web con pochi contenuti e un layout fluido potrebbero non apparire al meglio.

Layout fluidi e design responsive

Con l’aumento dell’uso di smartphone e tablet, lo sviluppo responsive è diventato importante.

Si tratta di un processo non dissimile dai layout fluidi, che consiste nel creare un sito web o un tema tenendo conto di tutti i dispositivi e le dimensioni dello schermo.

Le tecniche di progettazione fluida, insieme alle media query CSS, vengono spesso utilizzate per creare un sito web o un tema “responsive”.

Speriamo che questo articolo vi abbia aiutato ad approfondire il tema dei layout fluidi in WordPress. Potreste anche consultare il nostro elenco di letture aggiuntive qui sotto per trovare articoli correlati su suggerimenti, trucchi e idee utili per WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Ulteriori letture

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!