headタグ挿入にInsert Headers and Footers-wordpressプラグインを利用
2014/11/22
wordpressプラグインのInsert Headers and Footersは、
テーマのheader.phpを編集することなく<head>タグ内と
wordpressのフッター部に任意のコードを挿入するプラグインです。
[rakuten]001:9784798037370[/rakuten]
はじめに
皆さんはどのようなプラグインをいつも利用していますか?
似たような機能が多くあるプラグインですが、
こうして似た機能の比較を行っていると結局はどれがいいの?なんて言われそうですが、
プラグインの良しあしは結局のところ、目的とのマッチングなわけで、
人それぞれの答えがあるものです。
その判断をするには、細かいところまで機能を事前に知っていないと、
人それぞれが判断する百様の答えも出せないと思います。
こうした投稿をさらっと斜め読みするだけで、
これは違うな・・・これならいけるかも?そんな材料になればいいと思っています。
環境
- wordpress:3.5.1
- 利用テーマ:Twenty Twelve
- Insert Headers and Footers:1.3
使い方
プラグインインストール・有効化
このInsert Headers and Footersというプラグインをインストールし有効化すると、
サイドバーの設定メニューに対して[Insert Headers and Footers]の
メニューが表示されます。
設定
設定メニューから[Insert Headers and Footers]を選択すると、
設定画面が表示されます。
設定はとてもシンプルです。
今回はhead内にGoogleWebMastersToolsの所有者確認metaタグを挿入し確認します。
またmetaタグだけでは確認がし難いため、スクリプトを埋め込みメッセージを表示します。
またフッター部ではJavascriptからの文字列出力を表示します。
尚、<?php ~ ?>タグを用いてのPHPは実行することができませんでした。
Scripts in header
Scripts in headerセクションでは<head>タグ領域に対する出力を指定します。
ヘッダー部挿入タグ
1 2 3 4 5 6 7 |
<meta name="google-site-verification" content="RZRlgTMQkzXttnsMZ2IujUoOybDKeIC48Sld3nBNiy0" /> <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> |
Scripts in footer
Scripts in footerセクションでは<footer>タグ領域に対する出力を指定します。
フッター部挿入タグ
1 2 3 4 5 6 7 |
<p> <script langage="JavaScript" type="text/javascript"> <!-- document.write("Insert Headers and Footers output"); // --> </script> </p> |
フィールド内に対してhead内に挿入したいソースと、
フッター部に挿入したいソースを記述するだけで設定は完了します。
[savesettings]をクリックし保存メッセージが表示されれば完了です。
[rakuten]001:9784798031743[/rakuten]
表示の確認
出力ソースの確認
HOMEのページを開き出力されたソースを確認します。
header部
footer部
メイン
正しく動作します。
投稿
正しく動作します。
固定ページ
正しく動作します。
アーカイブページ
正しく動作します。
カテゴリページ
正しく動作します。
タグ
正しく動作します。
[amazonjs asin=”4798034711″ locale=”JP” tmpl=”Small” title=”オープンソース ブログ&ウェブサイト構築ソフト WordPressガイドブック Ver.3.X対応”]
やっぱりこの本があると助かりますね。
総括
シンプルかつ、単純に目的の達成ができるプラグインだと思います。
Add Text To Head(Add Code to Head)にも似た、
いらん機能はいらん。そんな香りがこのプラグインでもします。
個人的にはこれで十分だと思っています。
Add Text To Head(Add Code to Head)プラグインに+1された位置づけで、
headタグだけでなくサイトの下部に、
共通で表示したいものがあるような場合に便利かと思います。
関連記事
-
-
StatCounter無料アクセス解析の利用にStatCounter_v1.6.5-wordpressプラグインを利用
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
Google+プロフィール(バッジ)をGoogleDevelopers推奨方法で設置する
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
Google™AdSenseポリシーを準拠した自ページビューに対する対応
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
WordPressにログイン時に投稿のJetPack統計情報リンクを表示すると便利
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
Zenbackプラグインで利用のスクリプトコードを取得する
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
19_05.Flickr Videoプレーヤー表示には、JetpackのFlickr動画ショートコード埋め込み
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
04.Jetpack コメント-Jetpack by WordPress.com
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
wordpressサイトにさりげなく表示されたスマイルマーク(^-^)は何か
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
嬉しい悲鳴を伝えてくれるwordpressダッシュボードが可愛い
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
ローカル(localhost)環境wordpressでjetpackの有効化
Google or AdMax Promotion(it) 禁断の機能がau公式 …