CSS / Formatierung auf einer bestimmten Seite ändern, aber nicht auf Seiten im Allgemeinen?

11

Wie ändere ich die Formatierung auf http://wordpress.barrycarter.info/index.php/voronoi-temperature-map/ so, dass die Karte (zum Beispiel) fast bündig mit dem unteren Rand der Menüleiste ist?

Ich möchte page.php nicht bearbeiten, da dadurch alle Seiten geändert werden, nicht nur diese.

formatting

— Barrycarter
quelle

6

Nachdem Sie das spezifische CSS erstellt haben, müssen Sie die Seite nach Ihren Wünschen formatieren. Sie können:

Erstellen Sie eine benutzerdefinierte Seitenvorlage mit dem CSS und weisen Sie die Vorlage dieser Seite zu.
Erstellen Sie mit dem CSS eine page- {slug} .php-Datei, wobei {slug} der Seiten-Slug für diese Seite ist (höchstwahrscheinlich sollte der Dateiname page-voronoi-temperatur-map.php sein).
Erstellen Sie eine page- {ID} .php-Datei. Wenn die Seiten-ID 6 ist, verwendet WordPress page-6.php.

Diese drei Optionen wurden im Codex unter Vorlagenhierarchie erwähnt . Mit einer dieser drei Optionen können Sie das Layout für diese Seite ändern, ohne den Rest Ihrer Seiten zu beeinflussen.

— Manzabar
quelle

Vielen Dank! page.php selbst sagt "Wenn Sie dies in einem untergeordneten Thema überladen möchten, fügen Sie eine Datei mit dem Namen loop-page.php hinzu, die stattdessen verwendet wird.", aber das schien nicht richtig zu sein, da loop-page.php angezeigt wird alle Beiträge und keine einzige Seite.

— Barrycarter

13

Wenn Sie sich die Seitenquelle ansehen, werden Sie feststellen, dass <body>eine Klasse vergeben wurde page-id-1199. Sie können dies in Ihrem Stylesheet verwenden, um Stile nur für diese Seite anzugeben.

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

— Geert
quelle