Se si cambia un po 'il codice CSS, è possibile convertire il vostro sito WordPress larghezza fissa a un layout larghezza fluida. Ciò significa che l'area del contenuto principale del sito si espandono e si contraggono per adattarsi alle dimensioni della finestra del browser, senza una barra di scorrimento orizzontale che compare in basso automaticamente. Questa modifica richiede l'accesso alla Editor tema WordPress. È necessario essere l'amministratore o Super Admin del sito per completare la conversione.

istruzione

1 Accedi al tuo pannello di controllo di amministrazione di WordPress. Fai clic su "Aspetto" dalla barra dei menu a sinistra, quindi fare clic su "Editor".

2 Fai clic su "index.php" dalla lista dei file sulla destra. Questi file controllano il tema WordPress. Scorrere verso il basso fino a trovare il tag principale <div> che controlla la larghezza del sito. Questo è di solito la prima <div>, ed è in genere chiamato "wrapper" o "contenitore". Si noti l'id del <div>, ad esempio: "<div id =" wrapper ">".

3 Fai clic su "style.css" dalla lista dei file. Copia e incolla questo codice in un nuovo file e salvarlo sul computer. Ora si dispone di un backup che è possibile ripristinare nel caso in cui si commette un errore.

4 Scorrere il file fino a individuare il nome del principale <div>. Per creare un layout larghezza fluida, è necessario modificare l'attributo "larghezza" a "100%". Ad esempio, se è attualmente elencato come "width: 927px;", cambiarlo in "width: 100%;".

5 Fai clic su "Salva modifiche", quindi caricare il tuo blog in un browser. Se il sito si riempie l'intera larghezza della finestra del browser, la conversione è riuscita. Prova rendendo la finestra più piccola, e guardare il vostro sito Riduci e adatta.

Consigli e avvertenze

• Se non si nota alcuna differenza nella comparsa del vostro sito, le modifiche apportate in "style.css" non hanno salvato correttamente.
• Se il tuo sito ha un aspetto diverso, ma il cambiamento non è quello che si voleva, è perché non si è modificata la larghezza della corretta <div>, o perché c'è un involucro separato per diverse parti del sito. Alcuni siti utilizzano un involucro per l'intestazione, e una per l'area contenuto. Ripetere la procedura dal punto 2, saltando Fase 3 se si dispone già di una copia di backup, e verificare i risultati con un diverso <div>. Continuare fino a individuare quella giusta.