【WordPress】head内に直接記述しないtitleタグの出力方法

アイキャッチ機能やカスタムヘッダーなどの有効にしたい場合、add_theme_support()という関数を使用します。WordPressバージョン4.1から、この関数を使いtitleタグの出力もサポートされるようになったのはご存知でしょうか？今回はその方法をご紹介したいと思います。

functions.phpにコード追記

functions.phpに下記のコードを追記します。

add_theme_support( 'title-tag' );

基本的には、これだけで自動的にページに応じたtitleタグが出力されていることが確認できると思います。

コンテンツ一覧へ戻る

区切り文字を変更する

titleタグの区切り文字ですが、デフォルトは「-」となってます。この区切り文字も容易に変更できるようフィルターフックが用意されています。

例えば、区切り文字を「|」に変更したい場合、下記のようなコード追記となります。

// タイトルの区切り文字を変更
function custom_title_sep( $sep ){
  $sep = '|';
  return $sep;
}
add_filter( 'document_title_separator', 'custom_title_sep' );

コンテンツ一覧へ戻る

どうしてもサイト仕様にそぐわない場合や、og:titleを出力したい場合は結局自力で生成する必要がありますが、たったの1行で自動的にtitleタグが出力されるのはかなり楽ですね！