記事ページのみCSSを適用

CSSを追加したら記事だけでなくトップページにも適用されて困ったことはありますか?

今回はCSSを記事のみに適用する方法を紹介します。

.singleを追加するだけ

私のブログではこんな問題点が出ました。

見出しのデザインを変更したらトップページにまで反映されてしまいました。

全てのh2タグに追加してるため全てのページに適用されたのが原因です。

記事ページにのみ追加するには「.single」を頭につけるだけです。

他のCSSを消したのは気にしないでね(泣)

こんな感じです。

.singleのあとにスペースを入れるのを忘れないようにしましょう。

他のページの場合

  • .single 記事ページのみ
  • .page 固定ページのみ
  • .home トップのみ

って感じです。意外と簡単なのでドンドンカスタマイズしていきましょう!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)