<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 キャッシュが有効でもPVカウントができる処理をAjaxを使用して実装 ( WP Super Cache )

  2. DBキャッシュ機能を実装 外部データなど任意の情報を一定期間キャッシュさせる

  3. WordPress作業にてよく使うChrome拡張機能 作業の効率UP! テーマ、プラグインの調査に大活躍な便利機能

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

お前が思っているほど
人生は簡単じゃねえが
世間が思ってるほど、複雑でもねえよ

彼女、お借りします
by 木部芳秋

Profile

PAGE TOP
Amazon プライム対象