WPのテーマ、Cocoonで子ページやタグページのタイトルタグを変更する方法

WordPressのテーマ、Cocoonといえば無料で使える中では国内最強とも思えるほど優秀なテーマですね。めんどくさいこともほとんどテーマ内でやってくれているので、後からプラグインを追加することも少なくて済むんじゃないかと思います。

今回はそんなWordPressのテーマCocoonで、自作したページなどでタイトルタグを変更する方法について記事を書いて行きたいと思います。
実は僕も、読み込んだ外部ページを、ブログカードでクッションページに飛ばすページを作っていたのですがこのページのタイトルを変更したくて調べました。

タイトルタグはSEOにおいても重要な要素ですので、どうでもいいページならともかくインデックスされる価値のあるページは是非変更しておきたいですよね。

固定ページ内で一部PHPなどで動的なページを作った場合、タイトルタグがどれも同じになってしまったり、タグページなどでだけタイトルを変更したい場合があると思います。

そんなときは今回紹介する方法で、titleタグの中身を変更することができます。

WordPress4.4以降で、使える方法で functions.phpを編集しますので、使用は自己責任でお願いします。
編集するfuctions.phpの位置ですが

インストールしたフォルダ/wp-content/themes/cocoon-master/

となっています。
このフォルダ内にあるfuctions.phpを今回は編集します。
Cocoonでは子テーマを編集することも多いと思いますが、タイトルタグは本テーマのfuctions.phpを編集しないと動かないようです。

//Wordpress4.4以上でのタイトルカスタマイズ
function change_document_title_parts( $title_parts ){
    $title_parts['title'] = 'タイトル';
    $title_parts['tagline'] = 'タグライン(キャッチコピー的なもの)';
    $title_parts['site'] = 'サイト名';
  
  return $title_parts;
}
add_filter( 'document_title_parts', 'change_document_title_parts' );

上記のコードを貼り付ければOKタイトルタグを変更することができます。とりあえずfuctions.phpの最下部に、このコードを貼ってみて、タイトルを変更したい子ページかどうかを条件分岐して動かせばいいでしょう。

タイトルと書かれた部分を任意の動的タイトルに変更すれば完成です。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする