Featured image of post 【瞬殺】Wordpressのtitleタグのテキストを変更する方法【区切り文字変更】

【瞬殺】Wordpressのtitleタグのテキストを変更する方法【区切り文字変更】

WordPressの記事ページのtitleタグはデフォルトで「記事タイトル – サイトタイトル」形式。WordPress4.4以降ならfunctions.phpに数行追記するだけで区切り文字を「|」などに変更できます。開発者ツールでの確認まで♪

516文字

記事ページのタイトル

デフォルトは「–」区切り

Wordpressで作成した記事は、デフォルトでは以下のような形でタイトルが設定されます。
{記事タイトル} – {サイトタイトル}

ただ、最近のtitleタグの構成の傾向としては、「–」ではなく「|」で区切るのが主流になってきています。
※もちろん好みがあります

カスタマイズ可能

Wordpressではこの記事タイトル部分の表示を簡単にカスタマイズすることが可能ですが、WordPress4.4以前以降ではカスタマイズの仕方が異なるので気をつけましょう。

今回はWordPress4.4以降のカスタマイズ方法を紹介致します。

手順

前提

Point
  • WordPress4.4以降

function.phpに追記

やり方は簡単です。
function.php以下を追記してください。

function.php
function wp_document_title_separator( $separator ) {
  $separator = '|';
  return $separator;
}
add_filter( 'document_title_separator', 'wp_document_title_separator' );

修正はたったこれだけです。

確認

ブラウザの開発者ツールで確認してみましょう。

正常にtitleタグの区切り文字が「–」から「|」に変更されていますね♪

終わりに

以上のようにtitleタグの区切り文字を変更することが出来ましたね♪

細かい部分ですが、Titleタグの内容は検索結果にも表示されるので好みに合わせて微調整してみましょう。