<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 記事タイトルが空の場合にアラートを表示させて保存処理を止める

  2. WordPress ウィジェットでショートコードを使えるようにする

  3. WordPress カテゴリ選択で条件付き絞り込みが行える検索フォームを実装

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

俺は俺の責務を全うする!
ここにいる者は誰も死なせない!!

鬼滅の刃
by 煉獄杏寿郎

Profile

PAGE TOP
Amazon プライム対象