Head, Footer and Post Injections の使い方

2020年5月15日

html/Javascript/CSS/ PHP コードをサイトに簡単に追加できる WordPress 用プラグインの紹介です。
それは「Head, Footer and Post Injections」です。
その導入手順から日本語化・使い方と設定などを解説していきます。

Head, Footer and Post Injections

Head, Footer and Post Injections - WordPress.org

Head, Footer and Post Injections は、html/Javascript/CSS/ PHP コードをサイトに簡単に追加できます。

コードを追加できる場所は、以下のセクション毎に分けて挿入可。

  • ヘッダー
  • フッター
  • 投稿もしくは固定ページの本文の前後
  • 本文中の特定のマーカーの前後
  • 抜粋の前後
  • AMP ページ

デスクトップ端末用とモバイル端末用に使い分けも可能。

また、不要なメタタグを除去することもできます。

記事を作成もしくは更新時点でのバージョン:3.1.6

インストール手順

Head, Footer and Post Injections をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
Head, Footer and Post Injections – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Head, Footer and Post Injections」と入力します。

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Head, Footer and Post Injections を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用メニュー

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

管理画面の「設定」メニューの中に追加されています。

使い方

コードを挿入したいセクションに貼り付けるだけです。

Head and Footer

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

HEAD タグ内にコードを追加できます。
全てのページかホームだけにするかを選べます。
ここでは、他にも BODY タグの後ろもしくあ HEAD 閉じタグの前にも挿入可。

Posts

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

ここでは、投稿本文の前後にコードを挿入できます。

Inside posts

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

ここでは、投稿本文中にコードを挿入できます。
最大 5 箇所まで指定して挿入できます。

Pages

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

ここでは、ページ本文の前後にコードを挿入できます。
固定ページにカテゴリーとタグを設定できるようにもできるみたい。

Excerpts

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

カテゴリーとタグページでの動作します。
抜粋の前後にコードを挿入できます。
ここでは、デスクトップかモバイルかの区別なし。

Snippets

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

[snippet_N] としてヘッダーまたはフッター領域で使用できる一般的なスニペットを記述できます。
PHP の評価の前にスニペットが挿入されます。
おそらく、ここでは N=6 だと思います。

AMP

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

AMP ページにコードを挿入できます。

Generics

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

用途不明なので、省略します。

Advanced

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

モバイル端末として認識させるユーザーエージェントを記述できます。

WordPressプラグイン「Head, Footer and Post Injections」の導入から日本語化・使い方と設定項目を解説している画像

不要なメタタグ等を除去することができます。

代替プラグイン

Head, Footer and Post Injections にほしい機能が無かった場合には、
Head, Footer and Post Injections 以外にも各種コードスニペットなどの管理ができるプラグインを記事にしています。
以下では、Head, Footer and Post Injections を含めて 12 個を簡単に紹介しています。

各種コードスニペットなどの管理ができるWordPressプラグイン一覧

URL

Head, Footer and Post Injections – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています

コード管理

Posted by 管理人