Cambia CSS / formattazione su una pagina specifica, ma non le pagine in generale?

11

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

Non voglio modificare page.php, poiché ciò cambierà tutte le pagine, non solo questa.

formatting

— barrycarter
fonte

6

Dopo aver creato il CSS specifico devi formattare la pagina come preferisci, puoi:

Crea un modello di pagina personalizzato con il CSS e assegna al modello questa pagina.
Crea un file page- {slug} .php con il CSS, dove {slug} è lo slug della pagina per questa pagina (molto probabilmente il nome del file dovrebbe essere page-voronoi-temperature-map.php).
Crea un file page- {ID} .php, dove se l'ID pagina è 6, WordPress cercherà di usare page-6.php.

Queste tre opzioni sono state menzionate nel Codice, sotto la Gerarchia dei modelli . Utilizzando una di queste 3 opzioni, è possibile modificare il layout di questa pagina senza influire su tutto il resto delle pagine.

— Manzabar
fonte

Grazie! page.php stesso dice "Se vuoi sovraccaricare questo in un tema figlio, includi un file chiamato loop-page.php e che verrà usato al suo posto.", ma non sembrava giusto, dato che loop-page.php visualizza tutti i post e non una singola pagina.

— Barrycarter,

13

Se guardi l'origine della pagina, vedrai che <body>è stata assegnata una classe page-id-1199. Puoi usarlo nel tuo foglio di stile per specificare gli stili solo per quella pagina.

.page-id-1199 #map { /* custom styles */ }

— Geert
fonte