ワードプレス&PHPの困ったを解決!
タイトルタグを変更し、検索エンジン表示のタイトルやタブのタイトルに反映させたい
ワードプレス
2019.06.05 2019.05.05
困ったこと
ある日ワードプレスで、自分のサイトが検索で表示されたとき、どんなタイトルになっているか確認してみました。
すると、管理画面の設定で入力したサイトと投稿のタイトルが「ー」でつながれたタイトルで表示されています。(ワードプレスでは自動でその設定になっているそうです)
もう少し詳しいタイトルに変更しようと思い、あれこれ試行錯誤。fanction.phpに記載する必要があるため、失敗して画面が真っ白になったりもし、心臓には悪いけれどなんとか思い通りになりました。
before
投稿のタイトルーサイトタイトル
after
【サブタイトル】 投稿のタイトルーサイトタイトル
解決した方法
条件分岐をして、「recipe」というカスタム投稿とその他の投稿とアーカイブでそれぞれタイトルの出し方を変えることができました。
function my_meta_title($title){
if( get_post_type() === 'recipe' ){
$title['title'] = '【ビッツの毎日レシピ】' . $title['title'] ;
}elseif(is_single()){
$title['title'] = '【乳幼児と一緒に】' . $title['title'] ;
}elseif(is_archive()){
$title['title'] = '【乳幼児と一緒に】「' . $title['title'] . '」の一覧';
}
return $title;
};
add_filter('document_title_parts', 'my_meta_title');
カスタム投稿「recipe」のとき → 【ビッツの毎日レシピ】投稿タイトルーサイトタイトル
個別投稿の時 →【乳幼児と一緒に】 投稿タイトルーサイトタイトル
アーカイブの時 →【乳幼児と一緒に】「〇〇の一覧」ーサイトタイトル
参考にしたサイト
WordPress4.1対応テーマのタイトル(wp_title)を変更したい場合。
WordPress 4.1から title 要素の作り方が変わるという話
こんな方法も調べました
サイトで調べたコードをコピペしたところ、突然function.phpの変更ができないという表示が出てしまい、標示も真っ白になってしまいました。。。 レンタルサーバのFTPツールで先ほどコピペしたコードを削除したらもとに戻りました。怖い怖い。。。