bodyタグに任意のclassを追加

概要説明

ページごとにbodyタグに任意のclassを追加することで自由度の高いレイアウトのページを作ることができるようになるカスタマイズ。

functions.php
/*----------------------------------------------------
 bodyタグにclassを追加
----------------------------------------------------*/
if ( !function_exists( 'add_body_classes' ) ){
    function add_body_classes($classes) {
        if ( is_front_page() ) {
            $classes[] = 'class-top';
        } else {
            $classes[] = 'class-other';
        }
        return array_unique($classes);
    };
    add_filter('body_class','add_body_classes');
}

複数のclassを指定したい場合

functions.php
/*----------------------------------------------------
 bodyタグにclassを追加
----------------------------------------------------*/
if ( !function_exists( 'add_body_classes' ) ){
    function add_body_classes($classes) {
        if ( is_front_page() ) {
            $classes[] = 'class-top';
            $classes[] = 'style-a';
        }
        return array_unique($classes);
    };
    add_filter('body_class','add_body_classes');
}

WordPress Developer Resources

関連機能

  1. 管理画面ヘッダーにログアウトを追加

  2. WordPress お問合せフォームの郵便番号に入力したら住所を自動で入力する機能を追加 ( Contact Form 7 )

  3. WordPressプラグインなしでカスタム投稿をタイトル、本文、アイキャッチ、カテゴリーを有効にして設定

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

勝ったにせよ負けたにせよ
振り返ってこそ経験ってのは活きるんだ

僕のヒーローアカデミア
by オールマイト

Profile

PAGE TOP
Amazon プライム対象