【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」に記述することで整理することができます。

関連記事

【デザイン】想像力を刺激するようなクリエイティブな本棚

今回は、タイトルの通り普通の本棚とは異なるアイディアにあふれたクリエイティブな本棚のデザインをまとめてみました。 “Bias of Thoughts” 目の錯覚を利用した不思議なデザインです。 Link:http://melbournea...続きを読む

2015.02.15インスピレーション

【JavaScript】ページの読込状況を表示するプログレスバーを実装する『PACE』

WEBサイトのページを読込とき、読込むファイル数が多かったりライブラリを参照することでページの読込が完了するまでに時間がかかる場合があります。 読込時間が長いページを制作する場合は、読込状況を視覚的に表示することができるプログレスバーを設置すると閲覧する方に親切になると...続きを読む

2015.02.10HTMLコーディング

【WP】空き状況を表示するカレンダーを作成することができるBookingプラグイン5選

レストランやホテル、イベント会場などWEBサイトで、席の空き状況をカレンダーに表示して予約をスムーズに行う仕組みを見かけることがあると思います。 この空き状況を案内するカレンダーをWordPress上で作成することができるプラグインがありますのでご紹介します。 今...続きを読む

2015.02.26WordPress

【JavaScript】カルーセルパネルを手軽に実装できるライブラリ『Owl Carousel』

カルーセル(carousel)とは、回転木馬(メリーゴーランド)や空港の回転コンベアーなどの意味を持つ言葉です。 WEBデザインにおいて、カルーセルは複数の画像やコンテンツなどが配置されくるくる回るように動く仕組みを指します。 今回は、このカルーセルを手軽に実装で...続きを読む

2015.02.10HTMLコーディング

【デザイン】ポップでグラフィカルなシングルページデザインのWEBサイトまとめ

WEBサイトのコンテンツ(内容)を1ページに収めて掲載をするシングルページデザイン。コンテンツが多い分、ページは縦に長くなってしまいますが、その長さを生かしてデザインされたポップでグラフィカルなWEBサイトをまとめてみました。 Chilicongraphic デザイン...続きを読む

2015.02.15インスピレーション