ヘッダーやフッターにコードを挿入する【AddFunc Head & Footer Code】の使い方

Googleアドセンスのコードなど、ヘッダーやフッターにコードを記述したいというときは、度々あるかと思います。

テーマファイルを編集してもいいのですが、テーマを変更したら再度設定し直さなければなりません。
それに編集に失敗しちゃったりしたら、困りますよね。

AddFunc Head & Footer Code】は、テーマファイルを編集することなく、ヘッダー・ボディ・フッターにコードを追記することのできるプラグイン。

管理画面上からヘッダーやフッターにコードが挿入できるようになるので、便利になります。

こんな場合におススメ

  • ヘッダーやフッターにコードを挿入したい
  • テーマファイルを直接編集することなく、ヘッダー・フッターにコードを記述したい

プラグインを使ってできること

  • ヘッダー・ボディ・フッターにコードを挿入することができる
  • 投稿画面からも追記したいコードを記述することができる
スポンサーリンク

インストール

AddFunc Head & Footer Code インストール

  1. 管理画面から プラグイン > 新規追加 とクリックする
  2. AddFunc Head & Footer Code“で検索する
  3. “今すぐインストール”をクリック。インストール後、有効化する

または、配布サイトからダウンロードして、インストール。
AddFunc Head & Footer Code – WordPress プラグイン | WordPress.org

手動でインストールする方法はコチラ

関連記事

WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする[…]

WordPressのプラグインをインストールする方法

使用方法

設定からコードを記述する

プラグインを有効化すると、管理画面 > 設定 に【Head & Footer Code】項目が追加されるので、そこからコードを記述します。
ヘッダー・ボディ・フッターのそれぞれに追記したいコードを記述、『変更を保存』するとコードが追記されます。

AddFunc Head & Footer Code 使用方法

Site-wide Head Codeヘッダー(<head>~</head>)に追記したいコードを記述
Head code Priorityコードの優先度を記述(デフォルトは10)
Site-wide Body Start Code<body>内に追記したいコードを記述
Site-wide Footer Codeフッター(</body>直前)に追記したいコードを記述
Footer code Priorityコードの優先度を記述(デフォルトは10)

投稿画面からコードを記述する

プラグインを有効化すると、投稿画面に【Head & Footer Code】項目が表示されるので、挿入したい箇所にコードを記述してください。

クラシックエディターの場合
Head & Footer Code クラシックエディターの場合
ブロックエディターの場合
Head & Footer Code ブロックエディターの場合

Headヘッダー(<head>~</head>)に追記したいコードを記述
Replace Site-wide Head Code未チェックで、設定画面から記述したヘッダーのコードに続けて追記
チェックを入れると、ヘッダーのコードを置き換えることができる
Body Start<body>内に追記したいコードを記述
Replace Site-wide Body Code未チェックで、設定画面から記述したボディのコードに続けて追記
チェックを入れると、ボディのコードを置き換えることができる
Footerフッター(</body>直前)に追記したいコードを記述
Replace Site-wide Footer Code未チェックで、設定画面から記述したフッターのコードに続けて追記
チェックを入れると、フッターのコードを置き換えることができる

【Head & Footer Code】が表示されていない場合

クラシックエディターの場合

『表示オプション』内の【Head & Footer Code】にチェックを入れていください。
AddFunc Head & Footer Code クラシックエディターの場合

ブロックエディターの場合

』ボタンをクリックし、オプションを選択。オプションが開いたら詳細パネル内の【Head & Footer Code】にチェックを入れてください。

AddFunc Head & Footer Code ブロックエディターの場合
AddFunc Head & Footer Code ブロックエディターの場合

動作確認環境

  • バージョン 2.3
  • WordPress 5.2.3
このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。

まとめ

  • AddFunc Head & Footer Code】は、ヘッダー・ボディ・フッターにコードを挿入することができるプラグイン。
  • テーマファイルを編集することなく、管理画面上からコードを追記することができるので、便利になります。
ヘッダーやフッターにコードを挿入する【AddFunc Head & Footer Code】の使い方
最新情報をチェックしよう!
スポンサーリンク