頑張らない!でも諦めない!必死にならずにええかげん

headタグ挿入にInsert Headers and Footers-wordpressプラグインを利用

      2014/11/22

wordpressプラグインのInsert Headers and Footersは、
テーマのheader.phpを編集することなく<head>タグ内と
wordpressのフッター部に任意のコードを挿入するプラグインです。

[rakuten]001:9784798037370[/rakuten]

はじめに

皆さんはどのようなプラグインをいつも利用していますか?
似たような機能が多くあるプラグインですが、
こうして似た機能の比較を行っていると結局はどれがいいの?なんて言われそうですが、
プラグインの良しあしは結局のところ、目的とのマッチングなわけで、
人それぞれの答えがあるものです。

その判断をするには、細かいところまで機能を事前に知っていないと、
人それぞれが判断する百様の答えも出せないと思います。
こうした投稿をさらっと斜め読みするだけで、
これは違うな・・・これならいけるかも?そんな材料になればいいと思っています。

環境

使い方

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

このInsert Headers and Footersというプラグインをインストールし有効化すると、
サイドバーの設定メニューに対して[Insert Headers and Footers]の
メニューが表示されます。

01_Insert Headers and Footersサイドメニュー

Insert Headers and Footersサイドメニュー

リンクシェア アフィリエイト紹介プログラム

設定

設定メニューから[Insert Headers and Footers]を選択すると、
設定画面が表示されます。
設定はとてもシンプルです。

02_Insert Headers and Footers設定

Insert Headers and Footers設定

今回はhead内にGoogleWebMastersToolsの所有者確認metaタグを挿入し確認します。
またmetaタグだけでは確認がし難いため、スクリプトを埋め込みメッセージを表示します。
またフッター部ではJavascriptからの文字列出力を表示します。
尚、<?php ~ ?>タグを用いてのPHPは実行することができませんでした。

Scripts in header

Scripts in headerセクションでは<head>タグ領域に対する出力を指定します。

ヘッダー部挿入タグ

Scripts in footer

Scripts in footerセクションでは<footer>タグ領域に対する出力を指定します。

フッター部挿入タグ

フィールド内に対してhead内に挿入したいソースと、
フッター部に挿入したいソースを記述するだけで設定は完了します。

03_設定例

設定例

[savesettings]をクリックし保存メッセージが表示されれば完了です。

04_保存確認メッセージ

保存確認メッセージ

[rakuten]001:9784798031743[/rakuten]

表示の確認

出力ソースの確認

HOMEのページを開き出力されたソースを確認します。

header部

05_header出力

header出力

footer部

06_footer出力

footer出力

 

メイン

正しく動作します。

07_ホーム:確認

ホーム:確認

投稿

正しく動作します。

08_投稿:確認

投稿:確認

固定ページ

正しく動作します。

09_固定ページ:確認

固定ページ:確認

アーカイブページ

正しく動作します。

10_アーカイブ:確認

アーカイブ:確認

カテゴリページ

正しく動作します。

11_カテゴリ:確認

カテゴリ:確認

タグ

正しく動作します。

12_タグ:確認

タグ:確認

[amazonjs asin=”4798034711″ locale=”JP” tmpl=”Small” title=”オープンソース ブログ&ウェブサイト構築ソフト WordPressガイドブック Ver.3.X対応”]

やっぱりこの本があると助かりますね。

プロモーション(btm)

Google or AdMax Promotion (it)

総括

シンプルかつ、単純に目的の達成ができるプラグインだと思います。
Add Text To Head(Add Code to Head)にも似た、
いらん機能はいらん。そんな香りがこのプラグインでもします。

 

個人的にはこれで十分だと思っています。
Add Text To Head(Add Code to Head)プラグインに+1された位置づけで、
headタグだけでなくサイトの下部に、
共通で表示したいものがあるような場合に便利かと思います。

 

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - WordPress, プラグイン , , , , ,

  関連記事

eye_wordpress
指定したWordPressカテゴリやタグの投稿でバナー(Google AdSesne)を表示しない方法

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

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

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

eye_wordpress
19_01.投稿の一覧表示には、Jetpackのアーカイブ(archives)ショートコード埋め込み(各種条件指定例)

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

eye_wordpress
WordPressインポートで発生したスラッグ重複を一発解決

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

eye_wordpress
09.共有-Jetpack by WordPress.com

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

eye_wordpress
headタグ挿入にCustom Headers and Footers-wordpressプラグインは利用・・・できない

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

eye_automattic
Jetpack by WordPress.comのメール投稿時に利用可能なオプション

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

eye_wordpress
WordPressのサイドバーにサイト内検索フィールド(ボックス)を設置する方法(標準)

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

eye_wordpress-logo-simplified-rgb
嬉しい悲鳴を伝えてくれるwordpressダッシュボードが可愛い

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

eye_wordpress
19_02.音楽プレーヤー表示には、Jetpackのaudioショートコード埋め込み

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