<head>~</head>にechoで記述を追加したい時

概要説明

検証用やちょっとした改修の場合にhead内に直接記述を追加するカスタマイズ。条件指定を行うことで特定のページだけといった制御も可能です。

functions.php
/*----------------------------------------------------
 <head>~</head>にechoで記述を追加したい時
----------------------------------------------------*/
if ( !function_exists( 'add_head_echo' ) ){
    function add_head_echo() {
        // コンソールログを表示
        echo '<script>console.log(\'add_head_simple_script start\')</script>';
        // style で背景を変更
        echo '<style>body{background:#fff;}</style>';
    }
    add_action('wp_head', 'add_head_echo');
}
<head>~</head>にechoで記述を追加したい時

例) ampページを判定しstyleを制御させる

functions.php
/*----------------------------------------------------
 urlにampが含まれる時のstyle定義追加
----------------------------------------------------*/
if ( !function_exists( 'add_head_echo_amp' ) ){
    function add_head_echo_amp() {
        // amp 判定
        if ( isset($_SERVER['REQUEST_URI']) ) {
            if (false !== strpos($_SERVER['REQUEST_URI'], '/amp')) {
                echo '<style>.file_name {display:none;}</style>';
            }
        }
    }
    add_action('wp_head', 'add_head_echo_amp');
}

例)右クリック禁止用の処理を追加

WordPress Developer Resources

関連機能

  1. WordPressランダムに1件記事を表示させるショートコード ( カスタム投稿、任意の件数に対応 )

  2. WordPress パンくずリスト表示用のショートコード

  3. bodyタグに任意のclassを追加

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

その誇りは
どんな法律や規則よりも大切なものだ

ソードアート・オンライン
by キリト

Profile

PAGE TOP
Amazon プライム対象