<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. 管理画面ヘッダーメニューの「投稿を表示」クリック時に別タブにて表示できるようにする ( target=”_blank” )

  2. WordPress予約フォームをSelectTypeで作成してページに埋め込む ( 無料版でお試し )

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

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

海を泳いでいる最中には
海の広さはわからんよ

バカボンド
by 宝蔵院 胤栄

Profile

PAGE TOP
Amazon プライム対象