#WordPress

WordPressの<head>内の不要な要素をスッキリ削除する（ついでに<footer>も）

WordPressのhead要素内に、自分では書いた覚えのない要素がたくさん追加されていることがあります。
これは、テーマ内で使用されているwp_head()の仕業です。
以下に紹介するショートコードを使うと、そうした不要な記述をなくして、コードをキレイにすることができます。

Webデザインとブログで豊かに引きこもる。

Webデザインは器。ブログは中身。
「レンちゃんとペンタ」では、2つのスキルを掛け合わせて、
おウチで豊かに楽しく暮らす方法をご紹介しています。

WordPressのバージョン情報を消す

head要素内の以下の記述が対象です。（X.X.Xには使用しているWordPressのバージョンが入ります）

<!-- 削除したい要素 -->
<meta name="generator" content="WordPress X.X.X" />

使用しているテーマのfunctions.phpに以下を記述すると、消すことができます。

// functions.phpに追加するコード
remove_action('wp_head', 'wp_generator');

WordPressのEmbed対応を消す

以下の記述が対象です。

<!-- 削除したい要素 -->
<link rel="https://api.w.org/" href="http://XXX/wp-json/" />
<link rel="alternate" type="application/json" href="http://XXX/wp-json/wp/v2/pages/1" />

functions.phpに以下を記述すると、消すことができます。

// functions.phpに追加するコード
remove_action('wp_head','rest_output_link_wp_head');

絵文字に関する対応を消す

以下のような記述が対象です。長いので、一部は端折ってあります。

<!-- 削除したい要素 -->
<script type="text/javascript">window._wpemojiSettings = （途中省略）</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 .07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}
</style>

functions.phpに以下を記述すると、消すことができます。

// functions.phpに追加するコード
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

Really Simple Discoveryを消す

以下の記述が対象です。
こちらは、WordPress外部のサービス（ブログ投稿ツール等）を使用する際、同サービスがWordPress内の情報を取得するために必要な記述です。

<!-- 削除したい要素 -->
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://XXX/xmlrpc.php?rsd" />

不要な場合には、functions.phpに以下を記述して消すことができます。

// functions.phpに追加するコード
remove_action('wp_head', 'rsd_link');

Windows Live Writerを消す

以下の記述が対象です。
これは、Windows Live Writerを使用している場合、マニフェストファイルへのリンクを生成する記述です。

<!-- 削除したい要素 -->
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://XXX/wp-includes/wlwmanifest.xml" />

不要な場合には、functions.phpに以下を記述して消すことができます。

// functions.phpに追加するコード
remove_action('wp_head', 'wlwmanifest_link');

WordPress同梱のjQueryを消す

以下の記述が対象です。コード内の「X.X.X」にはjQueryのバージョンが入ります。

<!-- 削除したい要素 -->
<script type='text/javascript' src='https://XXX/wp-includes/js/jquery/jquery.min.js?ver=X.X.X' id='jquery-core-js'></script>
<script type='text/javascript' src='https://XXX/wp-includes/js/jquery/jquery-migrate.min.js?ver=X.X.X' id='jquery-migrate-js'></script>

jQueryが不要、もしくは自分でjQueryを用意している場合には不要な記述かもしれません。
functions.phpに以下を記述して消すことができます。

// functions.phpに追加するコード
function new_deregister_script() {
  if (!is_admin()) {
    wp_deregister_script('jquery');
  }
}
add_action('init', 'new_deregister_script');

ブロックエディター用のCSSを消す

以下の記述が対象です。コード内の「XXX」には設定されているドメインが、「X.X.X」にはバージョン入ります。

<!-- 削除したい要素 -->
<link rel='stylesheet' id='wp-block-library-css'  href='https://XXX/block-library/style.min.css?ver=X.X.X' type='text/css' media='all' />

こちらも、自作テーマを使っている場合などは、不要なCSSかもしれません。
functions.phpに以下を記述すると、消すことができます。

// functions.phpに追加するコード
function remove_block_library() {
  wp_dequeue_style('wp-block-library');
}
add_action( 'wp_enqueue_scripts', 'remove_block_library');

おまけ：フッター側もスッキリと

ちなみにget_footer()を使用している場合、footer要素にこのような記述が追加されます。

<!-- 削除したい要素 -->
<script type='text/javascript' src='https://XXX/wp-includes/js/wp-embed.min.js?ver=X.X.X' id='wp-embed-js'></script>

こちらも、functions.phpに以下を記述すると消すことができます。

// functions.phpに追加するコード
function register_javascript() {
  wp_deregister_script('wp-embed');
}
add_action('wp_enqueue_scripts', 'register_javascript');

まとめ

紹介したコードをまとめるとこんな感じです。

// バージョン情報
remove_action('wp_head', 'wp_generator');

// Embed対応
remove_action('wp_head','rest_output_link_wp_head');

// 絵文字表示用
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

// Really Simple Discovery
remove_action('wp_head', 'rsd_link');

// Windows Live Writer
remove_action('wp_head', 'wlwmanifest_link');

// WordPress同梱のjQuery
function new_deregister_script() {
  if (!is_admin()) {
    wp_deregister_script('jquery');
  }
}
add_action('init', 'new_deregister_script');

// ブロックエディター用CSS
function remove_block_library() {
  wp_dequeue_style('wp-block-library');
}
add_action( 'wp_enqueue_scripts', 'remove_block_library');

みなさんのWordPressが、キレイなコードになりますように。