Changer le CSS / le formatage sur une page spécifique, mais pas les pages en général?

11

Comment puis-je modifier la mise en forme sur http://wordpress.barrycarter.info/index.php/voronoi-temperature-map/ pour que (par exemple) la carte soit presque alignée avec le bas de la barre de menus?

Je ne veux pas éditer page.php, car cela changera toutes les pages, pas seulement celle-ci.

formatting

— barrycarter
source

6

Après avoir créé le CSS spécifique dont vous avez besoin pour formater la page comme vous le souhaitez, vous pouvez:

Créez un modèle de page personnalisé avec le CSS et affectez le modèle à cette page.
Créez un fichier page- {slug} .php avec le CSS, où {slug} est le slug de page pour cette page (le nom du fichier devrait probablement être page-voronoi-temperature-map.php).
Créez un fichier page- {ID} .php, où si l'ID de page est 6, WordPress cherchera à utiliser page-6.php.

Ces trois options ont été mentionnées dans le Codex, sous Hiérarchie des modèles . En utilisant l'une de ces 3 options, vous pouvez modifier la mise en page de cette page sans affecter tout le reste de vos pages.

— Manzabar
source

Merci! page.php lui-même dit "Si vous voulez surcharger cela dans un thème enfant, alors incluez un fichier appelé loop-page.php et qui sera utilisé à la place.", mais cela ne semblait pas correct, car loop-page.php affiche tous les messages, et pas une seule page.

— barrycarter

13

Si vous regardez la source de la page, vous verrez qu'elle <body>a reçu une classe page-id-1199. Vous pouvez l'utiliser dans votre feuille de style pour spécifier des styles pour cette page seule.

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

— Geert
source