Nwlapcug.com


Come convertire un Template WordPress a larghezza fluida

Come convertire un Template WordPress a larghezza fluida


Template di WordPress, o temi, è possibile utilizzare un foglio di stile CSS per definire il design. Temi di larghezza fluida regolano per ospitare risoluzioni di monitor diversi. Ad esempio, impostare la larghezza fluida all'80% e non importa di quale risoluzione monitor i visitatori utilizzano il tema si occupa di 80 per cento dello schermo. Questo aiuta a dare il vostro sito WordPress un layout coerente relativo su diversi monitor. Convertire un tema a larghezza fluida con un tweak del codice CSS.

Istruzioni

1

Aprire la cartella del tema di WordPress sul vostro computer. Hai scaricato e installato il tema a un certo punto nel passato. Se hai cancellato la copia sul tuo computer dopo che hai caricato il tema al tuo sito, è possibile scaricare un'altra copia da qualsiasi sito Web fornito il vostro tema.

2

Cercare il file denominato "Style. css" e fare doppio clic per aprirlo. Se viene richiesto di scegliere un programma per aprirlo con, scegliere blocco note (Windows) o TextEdit (Mac). Qualsiasi programma di progettazione Web funziona anche, ma blocco note e TextEdit sono facili da leggere codice in.

3

Scorrere con attenzione il file per tutte le righe di codice con etichettata "Larghezza: 000px;" dove 000 possono essere numeri. Intenzione di modificare i valori di px a valori percentuali.

4

Decidere quali percentuali si utilizzerà. Molti modelli di WordPress, o temi, hanno tre sezioni fondamentali: una sezione di "#header" definisce l'area orizzontale nella parte superiore della pagina, una sezione di "#main" dove vengono visualizzati i post e una o più sezioni di "#sidebar". L'intestazione è spesso impostata al 100%, mentre la sezione principale è 80% e il 20% di sidebar se c'è una sola.

5

Modificare ogni valore di "000px" per il valore di percentuale che si è scelto. Utilizzando l'esempio precedente, si digiterà "width: 100%;" nella sezione #header, "Larghezza: 80%;" sotto #main e "Larghezza: 20%;" sotto #sidebar. Lasciare fuori le virgolette.

6

Salvare il file e caricare il nuovo file "Style. css" al tuo sito Web. Utilizzare qualsiasi metodo è solito utilizzare per caricare. Visita il tuo sito online per visualizzare le modifiche. Clic sul pulsante Aggiorna per ricaricare la pagina se non si nota subito il cambiamento.

Consigli & Avvertenze

  • La sezione "#header" definisce la parte più larga del tuo sito Web, è per questo che è generalmente definito come 100%. Le altre sezioni dovrebbero aggiungere fino al 100% quindi si allineano entro la larghezza dell'intestazione. Se si dispone di due colonne, provare a impostare la larghezza principale al 60% e ogni colonna per 20% ciascuno.
  • Alcuni disegni hanno più colonne e piè di pagina. Verifica il tuo percentuali attentamente per assicurarsi che essi aggiungono fino a 100 o la tua pagina non visualizza correttamente online.