• RSS

[WP]WordPress でbody_class() にスラッグを追加表示する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

WordPress で、現在閲覧しているページのスラッグを<body>タグのクラスに追加表示する方法のご紹介です。

body_class() で出力されるクラスについて

まずはWordPress のテンプレートタグのbody_class() ですが、

Twenty Fourteen テーマを利用している場合、トップページであれば、


投稿の詳細ページであれば、


固定ページであれば、


カスタム投稿タイプのアーカイブページであれば、

のようなクラスが出力されます。

出力されるクラス名をCSS でスタイル指定してあげれば、ページ別にデザインを変更することができます。



body_class() にスラッグを追加表示

ページ別に出力されるクラスに加えて、現在閲覧中のページのスラッグも追加表示したい場合は、
ご利用のテーマフォルダ内のfunctions.php を開いて、以下のコードを追加します。

「about」というスラッグ名の固定ページであれば、

と、<body class=””>の最後にスラッグ名が追加で表示されます。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください