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

2019年1月8日

  • 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タグ内に簡単・安心してコードを挿入することができるプラグイン「Add Code To Head」woど紹介します。

Add Code To Head

インストール

インストール手順

1 WordPress管理画面から[プラグイン][新規追加]
2 『Add Code To Head』を検索
3 [今すぐインストール]して[有効化]

使い方

[設定][Add Code To Head]と進み設定画面を開いてください。

赤枠の部分にコードを貼り付けて[変更を保存]をクリックしてください。

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

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

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

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

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

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

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

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

最後に

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

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

スポンサーリンク
応援よろしくお願いします。
      ブログランキング・にほんブログ村へ
   Blog People
お問い合わせはこちら
この記事を書いた人

結耶(ゆうや)

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