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

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

YouTube

1 記事ページのタイトル
- 1.1 デフォルトは「–」区切り
- 1.2 カスタマイズ可能
2 手順
3 終わりに

記事ページのタイトル

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

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

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

カスタマイズ可能

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

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

手順

前提

Point

WordPress4.4以降

function.phpに追記

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

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

function wp_document_title_separator( $separator ) {

$separator = '|';

return $separator;

}

add_filter( 'document_title_separator', 'wp_document_title_separator' );

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

確認

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

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

オススメの参考書

小さなお店&会社の WordPress超入門 ―初めてでも安心! 思いどおりのホームページを作ろう!

終わりに

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

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