アフィリエイト広告を利用しています

ブロックウィジェットを力技(jQuery)で消す方法

WordPressのクラシックウィジェットだと、Widget Logic プラグインを使い、トップページでは非表示にする、などの表示の条件分岐ができるが、

ブロックウィジェットだと、この手のプラグインが使えないのと、自分だとこれを実現できるプラグインを知らない、、というわけで、

力技で消してみた。

jQueryを使っている。

以下のコードをfunctions.phpに追記し、block-ID に、ウイジェットパーツのIDを入れると、表示を消すことができる。CSSでdisplay noneにする方法もあるが、jQueryの方がHTML自体を書き換えるのでSEO的にマシかな?実際はどうなのか、検証していないけど。

/* ウィジェット パーツ 非表示 */
function add_custom_script() {
    if (is_home() || is_front_page()) {
        ?>
        <script>
        jQuery(document).ready(function($) {
            $('#block-ID').remove();
        });
        </script>
        <?php
    }
}
add_action('wp_footer', 'add_custom_script');

この記事を書いた人

大東 信仁

カンパチが好きです。

プロフィールはこちら

10月14日開催 参加者募集中
(画像をタップ→詳細へ)

ミッションナビゲート モニター
(画像をタップ→詳細へ)

広告