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

ヘッダーやフッターにコードを挿入する【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のプラグインをインストールする方法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】は、ヘッダー・ボディ・フッターにコードを挿入することができるプラグイン。
  • テーマファイルを編集することなく、管理画面上からコードを追記することができるので、便利になります。
ヘッダー・フッターにコードを挿入する【Insert Headers and Footers】の使い方ヘッダー・フッターにコードを挿入する【Insert Headers and Footers】の使い方

ランキングに参加しています。

にほんブログ村 IT技術ブログ WordPressへ
クリックしていただけると、ブログ更新の励みになります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA