【WP】WordPressで出力されるHEADタグ内の内容を整理する

WordPressを利用してWebサイトを構築すると、HTMLを構成するHEADタグ内にWordPress特有の記述が見れます。このWordPress特有の記述は自動的に生成されるため、テーマファイルのソースに記述されているheadタグ内の内容を編集するだけでは変更することができない内容もあります。今回は、「WordPressで出力されるheadタグ内の内容を整理する」として、WordPress特有の記述内容を変更するための方法をご紹介します。

WordPress関数「wp_head()」

WordPressのテーマファイルにて、HTMLのHEADタグが記載されているファイルを開くと wp_head() という記述をみることができると思います。

<?php wp_head(); ?>

テーマファイル内の wp_head() が読み込まれることで、WordPress特有の記述が出力されています。wp_head()を削除することで、WordPress特有の記述も削除することができますが、ログイン中に表示される管理バー(Admin Bar)、フィードや、WordPressにて必要なスタイルシートやスクリプトなど、Webサイトを構築するために必要な内容までも消えてしまうので、単純に削除することはできません。

また、wp_head() について直接プログラミングされているソースファイルを直接変更することで変更は可能ですが、WordPressのバージョンアップで変更内容がWordPress標準の内容に戻ってしまうことあるため、この方法を現実的はありません。

WordPressで出力されるHEADタグ内の内容を変更するためにの wp_head() の内容を変更するためには、WordPressのテーマファイル内にある functions.php に変更内容を記述することで実現することができます。

WordPressの「functions.php」とは

「functions.php」はWordPressに組み込まれている関数を読みだして実行することや、独自の関数を定義することでWordPressで構築できるWebサイトの機能をカスタマイズすることができます。
「functions.php」はテーマファイルと一緒のフォルダにて管理されるため、WordPressのバージョンアップによる改変の影響を受けることはありません。

以降は、「functions.php」に記述することでHEADタグ内の内容を変更するいくつかの事例を紹介いたします。

generatorを非表示にする

HEADタグ内のメタ情報のgeneratorは、このHTMLがどのソフトウェアを使って生成された文書なのかを示す記述です。
WordPressでは、generatorのコンテンツにWordPressのバージョン情報が記載されます。
以下のremove_actionを「functions.php」に記述することで、generatorの記述を削除することができます。

// generatorを非表示にする
remove_action('wp_head', 'wp_generator');

feed内のgeneratorを非表示にする

generatorに関連した内容として、generatorはWordPressが生成するfeed内にも記載されます。
以下のremove_actionにて、feed内のgeneratorの記述を削除することができます。

// feed内のgeneratorを非表示にする
foreach ( array( 'rss2_head', 'commentsrss2_head', 'rss_head', 'rdf_header', 'atom_head', 'comments_atom_head', 'opml_head', 'app_head' ) as $action ) {
  remove_action( $action, 'the_generator' );
}

Windows Live Writer リンクを非表示にする

Windows Live Writer は、マイクロソフトが開発したブログの投稿と編集を行うアプリケーションです。
Windows Live Writer を通じてWordPressへの投稿を行わない場合は、不要になりますので、削除しても問題はありません。
以下のremove_actionにて、Windows Live Writer リンクの記述を削除することができます。

// wlwmanifestを非表示にする
remove_action('wp_head', 'wlwmanifest_link');

EditURIを非表示にする

Windows Live Writer と同様に、EditURIは、ブログの投稿を外部のサービスやクライアントから編集するためのAPIです。
外部サービスを利用して投稿を行わない場合は、不要になりますので、削除しても問題はありません。
以下のremove_actionにて、EditURIの記述を削除することができます。

// EditURIを非表示にする
remove_action('wp_head', 'rsd_link');

絵文字表示スタイルを非表示にする

WordPressでは投稿された絵文字を表示するため機能が組み込まれています。
投稿や固定ページ内で絵文字を利用しない場合は、不要になるため絵文字に関するソースの読み込みを削除することができます。

// 絵文字表示スタイルを非表示にする
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'wp_print_styles', 'print_emoji_styles', 10 );

以上のように、WordPressで出力されるHEADタグ内の内容は「functions.php」に記述することで整理することができます。

関連記事

新年あけましておめでとうございます。

あけましておめでとうございます。 昨年は格別 の御厚情を賜り、厚く御礼を申し上げます。 本年もデザインスタジオ・エフでは、皆様にご満足頂けるサービスを心がけていく所存でございますので、何とぞ昨年同様のご愛顧を賜わりますよう、お願い申し上げます。皆様のご健勝と皆様の益々のご...続きを読む

2019.01.01

【フォト】love local MARKET 1/26 HOTマーケット

love local MARKET 月末の金曜日はちょっと豊かに。プレミアムフライデー。藤枝駅南口広場で開催されている、HOTマーケットに行ってきました。 ここ最近は藤枝でもめずらしい雪が舞うほど冷え込む日が続いているなか、屋外でのマーケット。イルミネーションに照らされて、...続きを読む

2018.01.26フォトギャラリー

Micro hair saron様WEBサイトのデザイン提案

Micro hair saron様WEBサイトのデザイン提案。店内のインテリアやお店の雰囲気、「シンプル」でありながら心地よさを感じられるようなデザインを心掛けました。お店のコンセプトである「髪だけでなく 時間と空間をデザインして 五感で満足していただくこと。」木の温もりと、...続きを読む

2019.04.24WEBデザイン美容室

【HTML】Adobe Dreamweaverを使いSass・SCSSをコンパイルする方法

前回、ブログにて「Sass・SCSSを使うことでWEBサイトの制作を効率化すること」をとりあげました。そこでSass・SCSSは、どちらもCSSを効率よく記述することができること。そして、Sass・SCSSを変換(コンパイル)してCSSとして書き出してWEBサイトに組み込むことを...続きを読む

2019.05.16HTMLコーディング

美容室トップスタイル様WEBサイト制作

富士宮市にあるトータルビューティーサロン『美容室トップスタイル』様のWEBサイトを制作いたしました。南国ムードあふれる癒し系美容サロンをテーマにスタッフの笑顔で出迎えることができるデザインにいたしました。 クライアント美容室トップスタイル様 U...続きを読む

2015.04.08WEBサイト制作美容室