WordPressでhead内へソースコードを挿入する方法 | AFFINGER5も可

AFFINGER5でアドセンス申請用のソースコードをheadとheadの間に追加する方法

WordPressでhead内へソースコードを追加する方法 | AFFINGER5も可

WordPressでブログ記事を書いていると「head内にこのコードを挿入してください」などの表記をよく見かけますね。でも一体どうやったらいいのかわからなくてつまづいたことはありませんか？

今回は「WordPressでhead内に子テーマのfunctions.phpを利用して簡単にソースコードを挿入する方法」を解説します。私のようにWordPressテーマ 「WING（AFFINGER5）」を使っていてプログラミングやHTMLの知識がない人でも簡単にできます。作業自体は1～2分で終わります。

head内にコードを挿入する手順とやり方

  1. WordPressのダッシュボードから外観を選択
  2. テーマエディタを選択(警告文が表示されるが了解して続行)
  3. 画面右側のfunctions.phpを選択
  4. ソースコードの最後の行に下記コードを挿入
  5. headに表示したいコードを挿入

// head内にカスタム用のコードを追加する
function meta_headcustomtags() {
$headcustomtag = <<<EOM

<!-- headに表示させたいコードをここに挿入（この行は全て消す）-->

EOM;
echo $headcustomtag;
}
add_action( 'wp_head', 'meta_headcustomtags', 99);

head内にコードを挿入する方法画像

上記画像だと10行目の説明書きを削除し挿入したいコードを貼り付ける。作業は以上です。

注意点

head内にコードを挿入しても見た目で変化はありません。不安な場合はブログやサイトのページで右クリックしてソースを表示して「Ctrl+F」で文字列を入力して検索して確認してみましょう。

確認できない場合はブラウザやWordPressのダッシュボードでキャッシュクリアをしてみましょう。インストールするだけで自動でキャッシュクリアしてくれるChromeの便利な拡張機能はこちら。

Chrome拡張機能ClearCashの設定方法と使い方
キャッシュを自動でクリアするChrome拡張機能「ClearCache」の設定方法と使い方

Clear CacheはGoogleChromeの拡張機能でとても簡単です。インストールしたらデフォルトで自動でキャッシュクリアしてくれる。また、キャッシュクリアする期間やその他ク ...

続きを見る

まとめ

以上【WordPressでhead内に子テーマのfunctions.phpを利用してソースコードを簡単に挿入する方法】でした。ちなみに、アドセンス申請用のコードをheadとheadの間に挿入する方法についても解説しているので参考にしてみてください。ではまた。

-AFFINGER5(WING), WordPress
-, ,