Zmienić CSS / formatowanie na określonej stronie, ale ogólnie nie na stronach?

11

Jak zmienić formatowanie na http://wordpress.barrycarter.info/index.php/voronoi-temperature-map/ , aby (na przykład) mapa prawie zrównała się z dolną częścią paska menu?

Nie chcę edytować page.php, ponieważ spowoduje to zmianę wszystkich stron, nie tylko tej.

formatting

— bariera
źródło

6

Po utworzeniu określonego CSS musisz sformatować stronę w dowolny sposób, możesz:

Utwórz niestandardowy szablon strony za pomocą CSS i przypisz szablon do tej strony.
Utwórz plik page- {slug} .php za pomocą CSS, gdzie {slug} to strona slug dla tej strony (najprawdopodobniej nazwa pliku to page-voronoi-temperature-map.php).
Utwórz plik page- {ID} .php, w którym jeśli identyfikator strony to 6, WordPress będzie szukał strony 6.php.

Te trzy opcje zostały wymienione w Kodeksie w części Hierarchia szablonów . Korzystając z jednej z tych 3 opcji, możesz zmienić układ tej strony bez wpływu na wszystkie pozostałe strony.

— Manzabar
źródło

Dzięki! sam page.php mówi „Jeśli chcesz przeciążić to w motywie potomnym, dołącz plik o nazwie loop-page.php, który zostanie użyty zamiast tego”, ale to nie wydawało się właściwe, ponieważ wyświetla się loop-page.php wszystkie posty, a nie pojedyncza strona.

— barka nocna

13

Jeśli spojrzysz na źródło strony, zobaczysz, że <body>otrzymał klasę page-id-1199. Możesz użyć tego w arkuszu stylów, aby określić style tylko dla tej strony.

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

— Geert
źródło