web-dev-qa-db-ja.com

特定のページのCSS /フォーマットを変更しますが、一般的なページは変更しませんか?

http://wordpress.barrycarter.info/index.php/voronoi-temperature-map/ のフォーマットを変更して、(たとえば)マップがメニューバーの下部とほぼ同じ高さになるようにするにはどうすればよいですか。

Page.phpを編集したくないのですが、これだけではなくすべてのページが変更されます。

11
barrycarter

特定のCSSを作成したら、ページを好きなようにフォーマットする必要があります。

  1. CSSで カスタムページテンプレート を作成し、このページにテンプレートを割り当てます。
  2. CSSでpage- {slug} .phpファイルを作成します。{slug}はこのページのページslugです(おそらくファイル名はpage-voronoi-temperature-map.phpになります)。
  3. Page- {ID} .phpファイルを作成します。ここで、ページIDが6の場合、WordPressはpage-6.phpを使用するように見えます。

これら3つのオプションは、 テンプレート階層 の下のCodexで言及されています。これら3つのオプションのいずれかを使用することによって、あなたはあなたのページの他のすべてに影響を与えることなくこのページのレイアウトを変更することができます。

6
Manzabar

ページのソースを見ると、<body>page-id-1199というクラスが与えられているのがわかります。あなたのスタイルシートでそれを使ってそのページだけのスタイルを指定することができます。

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