Googleアドセンスのコードなど、ヘッダーやフッターにコードを記述したいというときは、度々あるかと思います。
テーマファイルを編集してもいいのですが、テーマを変更したら再度設定し直さなければなりません。
それに編集に失敗しちゃったりしたら、困りますよね。
【AddFunc Head & Footer Code】は、テーマファイルを編集することなく、ヘッダー・ボディ・フッターにコードを追記することのできるプラグイン。
管理画面上からヘッダーやフッターにコードが挿入できるようになるので、便利になります。
こんな場合におススメ
- ヘッダーやフッターにコードを挿入したい
- テーマファイルを直接編集することなく、ヘッダー・フッターにコードを記述したい
プラグインを使ってできること
- ヘッダー・ボディ・フッターにコードを挿入することができる
- 投稿画面からも追記したいコードを記述することができる
インストール
- 管理画面から プラグイン > 新規追加 とクリックする
- “AddFunc Head & Footer Code“で検索する
- “今すぐインストール”をクリック。インストール後、有効化する
または、配布サイトからダウンロードして、インストール。
AddFunc Head & Footer Code – WordPress プラグイン | WordPress.org
手動でインストールする方法はコチラ
WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする[…]
使用方法
設定からコードを記述する
プラグインを有効化すると、管理画面 > 設定 に【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 | ヘッダー（<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】にチェックを入れていください。
ブロックエディターの場合
『︙』ボタンをクリックし、オプションを選択。オプションが開いたら詳細パネル内の【Head & Footer Code】にチェックを入れてください。
動作確認環境
- バージョン 2.3
- WordPress 5.2.3
まとめ
- 【AddFunc Head & Footer Code】は、ヘッダー・ボディ・フッターにコードを挿入することができるプラグイン。
- テーマファイルを編集することなく、管理画面上からコードを追記することができるので、便利になります。