Una pagina Web ha tre tipi di larghezze della pagina: fisso, fluido e ibrido. In un layout fisso, non altera la larghezza dell'area del contenuto con la larghezza della finestra del browser. In un layout fluido, lo fa. Un layout ibrido contiene elementi di layout sia fissa o fluida e viene spesso utilizzato per mantenere un'area di contenuto principale larghezza fissa al centro di un'area di priorità bassa fluida. Questo permette al sito di essere ottimizzato per una risoluzione di schermo particolare ma rimanere centrati, visualizzazione di uno sfondo specifico con risoluzioni più elevate.

Utilizzando l'Editor tema

Per apportare questa modifica al tuo sito, è necessario accedere all'Editor del tema. Accedi al tuo pannello di controllo di WordPress admin. Andare su "Aspetto", quindi "Editor". Vedrete un elenco di file sulla destra – questi controllano l'aspetto del tuo sito. Se non Vedi l'opzione "Aspetto", non dispone dei privilegi di amministratore – contattare il proprietario del sito e chiedere loro di aggiornare le autorizzazioni.

Il foglio di stile di editing

Fare clic su "Style. css" dall'elenco dei file sulla destra dello schermo. Aggiungere il codice seguente al file, a partire su una nuova riga nella parte inferiore:

intestazione-wrapper, #footer-wrapper {background: #FFF;} intestazione, #footer, #page-wrapper {width: 960px; auto margin: 0;} piè di pagina-wrapper {clear: entrambi;}

Sostituire "960" con la larghezza in pixel che si desidera il fluido area del tuo sito per avere. È anche possibile scorrere attraverso il file e modificare i valori di larghezza per "#sidebar" e "#content".

Modifica l'intestazione

Fare clic su "header. php" dall'elenco a destra. Iniziare una nuova riga sotto il tag "< body >", quindi aggiungere la seguente riga di codice:

< div id = "intestazione-wrapper" >

Nella parte inferiore del file, aggiungere la seguente riga di codice:

< / div ><!-intestazione-wrapper-->
< div id = "pagina-wrapper" >

Il divisore "pagina-wrapper" ora inizierà immediatamente dopo la principale testata del sito. Ciò è necessario perché WordPress utilizza diversi file per la zona del corpo principale. A partire del < div > nell'intestazione evita di dover aggiungere il codice a ogni file singolarmente.

Il piè di pagina di editing

Fare clic su "footer" dall'elenco principale sulla destra. Nella parte superiore del file, aggiungere quanto segue:

< / div ><!..--pagina-wrapper-->
< div id = "piè di pagina-wrapper" >

E quanto segue in fondo, appena prima la < / body > tag:

< / div ><!-piè di pagina-wrapper →

La prima linea chiude il divisore "pagina-wrapper" che è stato aperto nell'intestazione. Immissione nella parte superiore del file assicura che esso non si avvolge anche il piè di pagina.