Come modificare CSS/formattazione su una pagina specifica, ma non su tutte le pagine?

Question

Come modificare CSS/formattazione su una pagina specifica, ma non su tutte le pagine?

21 mag 2011, 05:29:43

Visualizzazioni: 47K

Voti: 11

Come posso modificare la formattazione su http://wordpress.barrycarter.info/index.php/voronoi-temperature-map/ in modo che (per esempio) la mappa sia quasi allineata con la parte inferiore della barra del menu?

Non voglio modificare page.php, poiché questo cambierebbe tutte le pagine, non solo questa specifica.

User

100

formattazione

Tutte le risposte alla domanda

Se guardi il codice sorgente della pagina, vedrai che al tag <body> è stata assegnata la classe page-id-1199. Puoi utilizzarla nel tuo foglio di stile per specificare degli stili solo per quella pagina.

.page-id-1199 #map { /* stili personalizzati */ }

Geert

6.27K

21 mag 2011 09:49:56

Commenti

Grazie! Il file page.php stesso dice "Se vuoi sovrascriverlo in un child theme, includi un file chiamato loop-page.php che verrà utilizzato al suo posto.", ma questo non sembrava corretto, visto che loop-page.php mostra tutti i post, e non una singola pagina.

User

21 mag 2011 14:35:26

Manzabar 723 · Accepted Answer · 2011-05-21T06:19:15Z

Dopo aver creato il CSS specifico necessario per formattare la pagina come desideri, potresti:

Creare un template di pagina personalizzato con il CSS e assegnare questo template alla pagina.
Creare un file page-{slug}.php con il CSS, dove {slug} è lo slug della pagina (molto probabilmente il nome del file dovrebbe essere page-voronoi-temperature-map.php).
Creare un file page-{ID}.php, dove se l'ID della pagina è 6, WordPress cercherà di utilizzare page-6.php.

Queste tre opzioni sono state menzionate nel Codex, nella sezione Gerarchia dei Template. Utilizzando una qualsiasi di queste 3 opzioni, puoi modificare il layout di questa pagina senza influenzare tutte le altre pagine.

Manzabar

723

21 mag 2011 06:19:15