Wordpressでのコンテンツ作成においての、見出し装飾について困っています。

Question

こんにちは。
私は、以下のウェブメディアを運営しております。

アセナビ

メディアなので、一つ一つの記事があって、その中に

見出し＋文章＋見出し＋文章＋見出し・・・
という順番で、コンテンツが成立しています。

その、「見出し」についての質問です。

SEOの観点から、記事のタイトルはh1タグであるので、
次に来る見出しは h2タグである必要があると思います。

ただ、私がこのメディアを引き継いだころから、見出しがh4タグで設定されていました。

そこで、それをh2タグにしようとすると、ただの黒い文字で装飾が一切ないため、オシャレじゃないと思って、こういった[サイト](http://www.nxworld.net/tips/50-css-h" </a>eading-styling.html)を参考に、スタイルシートにh2タグの装飾を施しました。

しかし、そうしてしまうと、一つ一つの記事には反映されるのですが、
メディアのトップページにある一つ一つの記事のタイトルがh2タグらしく、すべてに装飾されてしまうのです。

ですので、質問としては、「どうしたら、コンテンツのh2タグだけを装飾できるか？」ということです。

よろしくお願いします。

Answer 1

メディアトップが
h2{style}
だとすると
.content h2{style}
などclassを付けてみてはいかがでしょうか？

Comments

[ToshiyaIsobe]

ありがとうございます！試してみます！！

Answer 2

トップページと記事ページともにh2が妥当でスタイルを変えたいならば、素直にトップページだけに<h2 class="top_h2"> or 記事ページだけに<h2 class="article_h2">な感じでclassを振ってスタイルを当て直したほうがいいんじゃないかと。

Comments

[ToshiyaIsobe]

ご丁寧にありがとうございました！

Answer 3

難しく考えない。
該当要素(h4)の前に、トップページにはないクラスを指定する。

.page-content > h4 {
  /*  内容  */
}

Comments

[ToshiyaIsobe]

すぐにお答えくださり、ありがとうございました！