headタグ挿入にAdd Text To Head(Add Code to Head)－wordpressプラグインを利用

2013/07/14 2014/11/22

wordpressプラグインのAdd Text To Headは、
テーマのheader.phpを編集することなく<head>タグ内に、
任意のコードを挿入するプラグインです。

[rakuten]001:9784798037370[/rakuten]

はじめに

皆さんはどのようなプラグインをいつも利用していますか？
プラグイン嫌いの方も結構いるようで、プラグインゼロ思想のページもたまに見かけます。

私はというと、基本的にはプラグインでほとんど済ませたい。そういう発想でいます。
といいますのも、時間が出来次第、テーマの自作を行いたいと思っているのですが、
現時点ではテーマを使わせて頂いています。

こうしたテーマは更新があるたびにアップデートされ、
基本的には過去の変更が上書きされてしまいます。
その為、私はパンくずリストの表示部分のみ、カスタマイズしています。

そのくらいでないと、カスタマイズの再移植ができないと私は感じています。
テストもしたくないですしね・・・。

今回は、Add Text To Headというプラグインです。
ヘッダー領域は基本的にはheader.phpを編集して、
目的のタグを挿入する方法が一般的のようです(検索した感じは)
とにかくheader.phpやら、functions.phpのカスタマイズをよく見かけます。

そうしたソース改変を行わずにヘッダー領域に対してタグを挿入することが出来るようになります。

環境

wordpress:3.5.1
利用テーマ:Twenty Twelve
Add Text To Head:1.09

使い方

プラグインインストール・有効化

このAdd Text To Headというプラグインですが、
2013/07/13時点のバージョンは1.09の評価0という若いプラグインのようです。
といいますか、インストールした途端にはまりますｗ

通常はプラグインを検索し有効化すると使えるようになるのですが、
Add Text To Headは、インストール済みプラグイン一覧に表示されません。

Add Text To Headインストール

代わりにAdd Code to Headとして表示されますｗ

Add Text To Head有効化

そんな状態のプラグインを紹介するなと怒られそうですが、
他のプラグインも試していますので、ご了承を。

設定

インストールから有効化を行うと、設定メニューに[Add Code to Head]が表示されます。

設定メニュー

設定画面を開くとシンプルなフィールドが表示されます。

設定画面

フィールド内に挿入したいタグを記述し[保存]をクリックして終了です。

テストソース

設定を保存しましたと表示されます。

保存の確認

設定は以上で非常にシンプルです。
ウィジェットなどでタグを送り込んでも構わないけれど、
<body>に書く内容じゃないんだよな・・・しっかり<head>内に記述したい。
そんな時にもってこいのプラグインだと思います。

そう、Google Web Masters Toolsのサイト確認でコードを入れたいといった時に、
静的な<head>領域に云々と注意されますね。

[rakuten]001:9784798031743[/rakuten]

表示の確認

テストソース

今回テストにて利用するソースは、以下のような簡単なjsを利用しています。

function testrun(disp){
	alert(disp);
}

function testrun(disp){

alert(disp);

}

フィールド内に挿入したソースが以下のソースです。

<script src="http://algorhythnn.jp/pblic_js/algorhythnn_testjs.js"></script>
<script langage="JavaScript"  type="text/javascript">
<!--
testrun("Add Code to Head is Run");
// -->
</script>

<!--

testrun("Add Code to Head is Run");

// -->

</script>

（解説）
HTMLのロードと同時にalgorhythnn_testjs.jsファイルを読み込みます。
次に、algorhythnn_testjs.jsに定義されたtestrun()関数に
プラグイン名を渡しアラートを表示させています。

ブラウザからの実行

ではブラウザで表示して確認してみます。

メイン

正しく動作します。

ホーム：確認

投稿

正しく動作します。

投稿：確認

固定ページ

正しく動作します。

固定ページ：確認

アーカイブページ

正しく動作します。

アーカイブ：確認

カテゴリページ

正しく動作します。

カテゴリ：確認

総括

ものすごくシンプルかつ、単純に目的の達成ができるプラグインだと思います。
作者の方がおそらく「自分が欲しかったから作った」んだと感じます。

いらん機能はいらん。そんな香りがしてきます。

個人的には、headタグに挿入するのが目的なら、これで十分だと思っています。
シンプルなだけに他との競合も少なく安定して利用ができるのではないかと思います。

とりあえずは、Add Text To HeadなのかAdd Code to Headなのかを、
アナウンスして欲しいといったところでしょうかｗ

- WordPress, プラグイン Add Code to Head, Add Text To Head, head-tag, insert, plugin, WordPress, プラグイン

: 嬉しい悲鳴を伝えてくれるwordpressダッシュボードが可愛い

Google or AdMax Promotion(it) 禁断の機能がau公式 …

: 最新投稿をサイドバーウィジェットにJetpackを利用して表示する

Google or AdMax Promotion(it) 禁断の機能がau公式 …

: Netowl™の無料WordPressサーバWPblogの利用登録

Google or AdMax Promotion(it) 禁断の機能がau公式 …

: 19_05.Flickr Videoプレーヤー表示には、JetpackのFlickr動画ショートコード埋め込み

Google or AdMax Promotion(it) 禁断の機能がau公式 …

: Google™AdSenseポリシーを準拠した自ページビューに対する対応

Google or AdMax Promotion(it) 禁断の機能がau公式 …

: 17.ウィジェット表示管理－Jetpack by WordPress.com

Google or AdMax Promotion(it) 禁断の機能がau公式 …

: Google+1ボタンの改変したいと思った時に確認すること

Google or AdMax Promotion(it) 禁断の機能がau公式 …

: WordPressの独自ショートコードを設定しJavaScriptを出力

Google or AdMax Promotion(it) 禁断の機能がau公式 …

: 16.WP.me 短縮 URL－Jetpack by WordPress.com

Google or AdMax Promotion(it) 禁断の機能がau公式 …

: Facebook™への共有をJetpack by WordPress.comで行う動作

Google or AdMax Promotion(it) 禁断の機能がau公式 …

PREV: 無料ブログ各社のブックマークアイコン(favicon)変更可否と方法
NEXT: headタグ挿入にHeader and Footer－wordpressプラグインを利用

headタグ挿入にAdd Text To Head(Add Code to Head)－wordpressプラグインを利用

はじめに

環境

使い方

プラグインインストール・有効化

設定

表示の確認

テストソース

ブラウザからの実行

メイン

投稿

固定ページ

アーカイブページ

カテゴリページ

タグ

総括

関連記事