【Word Press】ページごとに異なるデザインを施す

2020-10-27

ワードプレスの投稿ページは、
タグにページごとに異なるCLASSが割り振られる。
「postid-****」という風に。(****は数字)
固定ページは「page-id****」。

共通のスタイルシートに
h2{font-size:16px;}
postid-**** h2{font-size:14px;}
と書けば、postid-**** のh2だけが、
フォントサイズ16pxになり、
他のページは14pxとなる。

カテゴリーページ(カテゴリー毎のまとめページ)にも
数字(id)やスラッグのクラスが。

そして、TOPページには、
上記のような「postid-****」のようなCLASSでなく、
「home」というCLASSが割り振られます。

これを知っていると、ページごとに異なる
デザインができますね。