スポンサーリンク

【WordPress】headタグ内にコードを挿入する方法

2019年1月8日便利なプラグイン

  • 2020年1月4日
    今まで紹介していたプラグイン「Add To Head」の更新が長い間ストップしているため、別のプラグインに差し替えました。。
  • 2019年10月11日
    少し書き直しました。(内容に変更はありません)

Googleアドセンスの申請をすると「<head>タグ内にコードを貼り付けてください。」といわれます。
またGoogleアドセンス以外にもGoogleアナリティクスなどのアクセス解析のコードやフォントアイコンを使うためのコードなど<head>タグ内にコードを入れなくてはならないものがあります。

でも…WordPressの<head>がどこにあるのか、どこで編集するのかいまいちわかりません。
実際、私もGoogleアドセンスの申請をした時にわからず焦りました(^^;)

そこで今回は『WordPressで<head>タグ内にコードを挿入する方法』を説明したいと思います。

WordPress
スポンサーリンク

WordPressでheadタグ内にコードを挿入するには?

WordPressでheadタグ内に挿入する方法は2種類あります。

テーマファイル header.phpに挿入

プラグインを使う

テーマファイル header.phpに挿入する

 注意! テーマファイルに設定する場合、上手く設定しないとサイトが表示されなくなる可能性があります。テーマファイルを編集する前に必ずバックアップをとってください。

header.phpを編集するには、WordPressの管理画面から[外観][テーマ編集]header.phpと進んでください。

header.php内の</header>の上にコードを挿入して[保存]してください。

結耶
結耶

この方法はテーマファイルなのでテーマを変更した場合、コードを挿入し直すする必要があります。

「テーマファイルを編集するのは怖い」という方は次の項で紹介するプラグインを使うと安心してHEADタグ内にコードを挿入することができます。

スポンサーリンク

プラグインを使う

HEADタグ内に簡単・安心してコードを挿入することができるプラグイン「Insert Headers and Footers」woど紹介します。

2020年1月4日

今まで紹介していた『Add Code To Head』プラグインの更新が3年以上されていません。インストールするとエラーが発生する可能性があるため、『Add Code To Head』の紹介を辞め別のプラグインに差し替えました。(実際に使い検証済です)

Insert Headers and Footers

このプラグインはHEAD内やフッター(</body>の前)にコードを挿入することができるプラグインです。

インストール

Insert Headers and Footers

インストール方法

  1. WordPress管理画面から[プラグイン][新規追加]
  2. Insert Headers and Footers』を検索
  3. [今すぐインストール]して[有効化]する

使い方

場所[設定][Insert Headersand Footers]
Scripts in Header

HEAD内に挿入するコードを記述してください。

Scripts in Footer

フッター(</body>の前)に挿入するコードを記述してください。。

コードを記述したらSave(保存)してください。

きらり
きらり
これでheadタグ内に挿入できるの?
結耶
結耶
そうだよ♪どちらも簡単にできるけど…テーマファイルをいじると下手するとサイトが表示されなくなる可能性があるからプラグインのが安心かな? プラグインだとテーマを変えてもコードを入れ直す必要ないしね。

テーマ『Luxeritas(ルクセリタス)』をお使いの方

WordPressテーマ『Luxeritas』はHEADタグ内にタグを挿入できる機能がついています。

場所Luxeritas 子テーマの編集 上部の「HEAD タグ」タブ

上記の場所からphpファイルやプラグインを使わずに挿入することができます。

HEADタグ内にスタイルを設定

通常Webサイトではページごとに個別にスタイルを設定するときにHEAD内にスタイルを記述します。
WordPressでも上の場所にスタイルを設定することは可能ですが、WordPressの場合すべてのページでheader.phpは読み込まれるため、スタイルが適用されます。

ページごとに個別にスタイルを設定する方法はこちらの記事で解説していますので参考にしてください。

最後に

上にも書きましたが、プラグインを使った方が安心してheadタグ内にコードを挿入することがで気ます。

テーマファイルをいじるのが不安という方はプラグインを使った方がいいと思います。

スポンサーリンク
応援よろしくお願いします。
      ブログランキング・にほんブログ村へ

お問い合わせはこちら
この記事を書いた人

結耶(ゆうや)

2017年9月からブログ、アフィリエイトを知識ゼロから始めたまだまだ駆け出しです。ブログやWordPress、アフィリエイトを勉強しています!
多発性硬化症(MS)という難病と闘っています。