Googleアドセンスのコードなど、ヘッダーやフッターにコードを記述したいというときは、度々あるかと思います。
テーマファイルを編集してもいいのですが、テーマを変更したら再度設定し直さなければなりません。
それに編集に失敗しちゃったりしたら、困りますよね。
【AddFunc Head & Footer Code】は、テーマファイルを編集することなく、ヘッダー・ボディ・フッターにコードを挿入することのできるプラグイン。
管理画面上からヘッダーやフッターにコードが挿入できるようになるので、便利になります。
こんな場合におススメ
- ヘッダーやフッターにコードを挿入したい
- テーマファイルを直接編集することなく、ヘッダー・フッターにコードを記述したい
プラグインを使ってできること
- ヘッダー・ボディ・フッターにコードを挿入することができる
- サイト全体にコードを挿入するだけでなく、特定の投稿にだけコードを挿入することができる
スポンサーリンク
目次
インストール
- 管理画面 > プラグイン > 新規追加 とクリックする
- AddFunc Head & Footer Codeで検索する
- 今すぐインストールをクリック。インストール後有効化する
または、配布サイトからダウンロードして、インストール。
手動でインストールする方法はコチラ
関連記事
WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする[…]
【AddFunc Head & Footer Code】の使用方法
サイト全体にコードを挿入したい場合
- STEP1Head & Footer Codeを開くプラグインを有効化すると、管理画面 > 設定 内に『Head & Footer Code』項目が追加されるので、そこからコードを記述します。
- STEP2コードを記述ヘッダー・ボディ・フッターのそれぞれに挿入したいコードを記述します。
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） - STEP3保存コードを記述したら変更を保存してください。
保存すると、記述したコードが挿入されるようになります。
スポンサーリンク
特定の投稿記事のみコードを挿入したい場合
プラグインを有効化すると、投稿画面に『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.3.1
まとめ
- 【AddFunc Head & Footer Code】は、ヘッダー・ボディ・フッターにコードを挿入することができるプラグイン。
- テーマファイルを編集することなく、管理画面上からコードを挿入することができるので、便利になります。
