現在デフォルトスキンとして「 Fuwari -海老茶(えびちゃ)- 」を適用中。

タグページのページタイトルを変更したい | 要望 | Cocoon フォーラム

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示してください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラムの内容は、CCライセンス(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
タグページのページタイトルを変更したい
 
Share:

[解決済] タグページのページタイトルを変更したい  

  RSS

kajikaji20202
(@kajikaji20202)
Active Member
参加: 3か月 前
投稿: 9
2019年4月19日 19:46  

ワードプレス内に「タグ」を設定したのですが、
ページタイトルを【タグ名+任意の文字列】で出力させたいです。

子テーマに「tmp/list-title.php」をコピーして、
https://notepad.pw/share/3b18fsvkx
と記載し、「h1」は【タグ名+任意の文字列】設定できたのですが、
ページタイトルは【タグ名】だけになっています。

「カテゴリー」の場合は「カテゴリタイトル」で変更できる仕様なので困らなかったのですが、
タグはコクーンの仕様では設定できず、phpもしくはfunctions.phpを変更せざるを得ないと思うので、
ページタイトルを【タグ名+任意の文字列】に変更する方法を教えて頂けたらと思います。
(ちなみにWordPress4.4以降です。)


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2999
2019年4月20日 18:02  

分岐すればキチンと反映しますよ。

なんらかのキャッシュが絡んでませんか。サーバーとかも含めて。

 

タグページのエントリータイトルの後ろにCSSで追記する。ってこともできますよ。ただキッシュが効いていれば、それも反映されないと思います。

.tag .archive-title:after {
	content: "❦やぁcocoon"; 
}

https://gyazo.com/1ea5c7811d9d5ec6a837b2170a550991

上:ビフォー。下:アフター

https://gyazo.com/f94fea03fca84da7c6a131adf4f6d415

Cocoon公式でタグ一覧を探したけどなかったので、以下でリンク先でチェック。

https://bibabosi-rizumu.com/tag/element-validation/

 

  1. 不具合・カスタマイズ対象ページのURLを提示してください

リンクを探すのに手間がかかると思うので、案内のとおりリンクがあれば助かります。ものすごく❦

一度サーバーやプラグインなどの設定などを、ご確認いただけたらと思います。


わいひら 件のいいね!
ロコ
(@lococo)
Estimable Member
参加: 1年 前
投稿: 239
2019年4月20日 19:14  

「h1」は【タグ名+任意の文字列】設定できたのですが、
ページタイトルは【タグ名】だけになっています。

とのことなので、タイトルタグ内

<title> ... </title>

をh1内の【タグ名+任意の文字列】と揃えたいということではないでしょうか?

 

もし、そういう意味なのであれば、

WordPress4.4以降

とのことなのでdocument_title_partsフックを用いてカスタマイズするのがよいでしょう。

add_filter( 'document_title_parts', '[関数名]' );

WordPressでタイトルを変更するカスタマイズ方法(タイトル、タグライン、サイト名の設定)

このフックで、タグページの場合にtitleの文字列を追加する関数を処理する形です。
Cocoonも以下(title_parts_custom関数)のようにしてカテゴリーページ等を処理しているので合わせて参考にしてください。

https://github.com/yhira/cocoon/blob/master/lib/seo.php

 

ただ、OGPのタイトルなども揃えるとなると、ここからさらにもう少しカスタマイズが必要になります。
私もタグページ設定機能をカテゴリーページ設定機能と同様にするカスタマイズを行っていますが、その際に調べたときに「Cocoonでは今のところタグページ設定機能を導入する予定はない」みたいなわいひら様の回答を見た記憶がある(今探してみましたが見つかりませんでした…)ので、現状はご自身でカスタマイズしていくしかないと思います。


わいひら 件のいいね!
kajikaji20202
(@kajikaji20202)
Active Member
参加: 3か月 前
投稿: 9
2019年4月20日 22:46  

ご丁寧に返信下さりありがとうございます。
かうたっく様のサイトはコクーンカスタマイズで以前から参考にさせて頂き、

>>タグページのエントリータイトルの後ろにCSSで追記する。

上記の方法もすでに試させて頂きました。

すると、サイト上の表記では【タグ名+任意の文字列】に変更できましたが、ページソースを見ると「h1」、「ページタイトル」ともに変更されていませんでした。
ですので、子テーマに「tmp/list-title.php」をコピーしh1のカスタマイズを行いました。

h1については【タグ名+任意の文字列】に変更できたのですが、ページのソースを見るとページタイトルがページタイトルは【タグ名】だけになっており、
SEOで表示されるタイトルが【タグ名】だけになっている状態です。
(現在、対象のタグページのソースを見るとヘッダーのタイトルが<title>タグ名 – 【サイト名】</title>となっています)
そこで今回こちらでご相談させて頂きました。

 

ロコ様にアドバイス頂いた方法
>><title> ... </title>
>>をh1内の【タグ名+任意の文字列】と揃えたいとことではないでしょうか?

まさにその方法です。

「Cocoonでは今のところタグページ設定機能を導入する予定はない」
と言うわいひら様の回答は私もカスタマイズ方法を探している上で見かけた記憶があります。
ロコ様のようにタグページ設定機能をカテゴリーページ設定機能と同様にするカスタマイズできたらいいんですが・・・。

ページタイトルを「h1」同様に【タグ名+任意の文字列】にしたい場合は
document_title_partsフックを用いてカスタマイズすればよろしいんですね。

「/lib/seo.php」を子テーマにコピーして
https://github.com/yhira/cocoon/blob/master/lib/seo.php

86行目の「ELSEIF(is_404()」箇所の上の85行目に

} ELSEIF(is_tag() ){
$tag_id = get_query_var('tag_id');
$ tag_name = $ title [ ' title ' ];
$ title [ ' title ' ] = $ tag_name任意の文字 ;
のような感じですか?
(自信ありません)

私は初心者で大変恐縮なのですが、
functions.phpをカスタマイズすればいいでしょうか?
それとも「/lib/seo.php」を子テーマにコピーしてカスタマイズすればよろしいでしょうか?

その際、もしよろしければやり方となるコードを頂けたら幸いです。


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5855
2019年4月21日 00:07  

私もタグページ設定機能をカテゴリーページ設定機能と同様にするカスタマイズを行っていますが、

その、タグ用のカスタマイズファイル(コード)をいただければ、Cocoon側で適用しますよ。
あの時は、最初の意見でしたが、その後ツイッターでタグページのことを言及されている人がいたりしたのでTODOリストには入っています。
今回の書き込みも含めて、少なくとも4名の方の需要はあるようです。これだけ目にするということは、それなりに需要もあると思います。

ただ、最近はそれ以外の対応が忙しく、重要度が低かったので後回しになっているだけです。


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2999
2019年4月21日 07:42  

すると、サイト上の表記では【タグ名+任意の文字列】に変更できましたが、ページソースを見ると「h1」、「ページタイトル」ともに変更されていませんでした。
ですので、子テーマに「tmp/list-title.php」をコピーしh1のカスタマイズを行いました。

h1については【タグ名+任意の文字列】に変更できたのですが、ページのソースを見るとページタイトルがページタイトルは【タグ名】だけになっており、
SEOで表示されるタイトルが【タグ名】だけになっている状態です。
(現在、対象のタグページのソースを見るとヘッダーのタイトルが<title>タグ名 – 【サイト名】</title>となっています)
そこで今回こちらでご相談させて頂きました。

冒頭のご説明は『CSSで書き込むのと同じ方法くらい』なカスタマイズだと思います。CSSで書いた文字列も以前確認したときは検索で表示された印象です。

PHPでタグページタイトルを表示・CSSで表示させたい。って事にしか見えなかったので書き込みました。やった後だったとは思いもしなかった 🙄 

タグ用のカスタマイズファイル(コード)をいただければ、Cocoon側で適用しますよ。

たしかにちょいちょい同じ返信を繰り返してるので、その実装があれば良いかも。

追記:それがタグ一覧ばかりだったかは微妙かもでした 🤗 

全tagにゴリゴリ使わないけど、適用されたら使いたいタグだけゴリっと使えるのが便利ですよね❦そういう場面は実際あるので。

This post was modified 3か月 前 by かうたっく

kajikaji20202
(@kajikaji20202)
Active Member
参加: 3か月 前
投稿: 9
2019年4月22日 11:13  

ご丁寧に返信下さりありがとうございます。

かうたっく様
こちらの説明が不足しており、申し訳ございません。
私も初心者ながらに色々調べて試しながら行っていますが、
ページタイトルを【タグ名+任意の文字列】にする方法がどうしてもわからなくて。
CSSであればコピペできるのですが、if文などのphpでは自分の知識不足で。

 

わいひら様
タグページ設定機能がカテゴリーページ設定機能同様にCocoon側で設定できる可能性があるとの事で感激致しました。
1つの記事を重複で複数のカテゴリーに入れる訳にはいかないので、
タグページをカテゴリーページ同様にタイトル変更やメタディスクリプション、本文などが追加できたら、更にCocoonの自由度が上がります。

 

今の所ですと、
タグページのタイトルを【タグ名+任意の文字列】にしたい場合は
functions.phpをカスタマイズすればいいでしょうか?
それとも「/lib/seo.php」を子テーマにコピーしてカスタマイズすればよろしいでしょうか?

 

 

 


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2999
2019年4月22日 11:52  

お疲れ様です。

今の状況で、テーマの構造にあったカスタマイズを行っている人のコードのご提示があれば、検証して採用してくれる感じなので、実際カスタマイズを行った方のコード待ち状態です。

もしくはわいひらさんの手持ちの要望➡重要度が高いものと思われるものから順に対応してくれている状況だったりして。

待っておくか、待たずにご自身でコードチェックを行って頑張るか。みたいな感じかも。

 

テーマ作成者さん→Cocoonサイト運営者さん、フォーラム運営者さんは大変だ 🤗 

マッタリ待っておくのも良いかも知れません❦


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5855
2019年4月22日 20:02  

今のところは、こちらでロコさんが書かれている方法が最もスマートにできるかと思います。

詳しい方法なんですが、サポート対象外のものにもあるようにPHPのカスタマイズとなるので、独自で行っていただくか、クラウドソーシングなどでプロの方に依頼していただければと思います。


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5855
2019年4月22日 20:07  

簡単にやり方を書いておきますが、タグ毎の変更とか、さらに複雑なものは自前でお願いします。

//タグページのタイトルを変更する
add_filter( 'document_title_parts', function ($title){
  if (is_tag()) {
    $title['title'] = '変更後のタイトル';
  }
  return $title;
} ); 

ロコ
(@lococo)
Estimable Member
参加: 1年 前
投稿: 239
2019年4月26日 23:07  

タグ用のカスタマイズファイル(コード)をいただければ、Cocoon側で適用しますよ。

テーマ側で適用していただけるのであれば、カテゴリーの実装をそのままコピペしてタグ用に置き換えていった方が早いと思います。
実装箇所が多岐にわたる上に、独自のカスタマイズと組み合わせていたり、テーマで用意された関数内に直接書き加えたいのをフックで実装している部分があったりするので。

ただ、実装後に自身のコードを見直す必要はあるので、可能な範囲でご協力します。

その際には、どのような設定項目を用意するか最初に決めておくのがよいかもしれません。
カテゴリーと全く同じなら問題ありませんが、私が実装・改善してきた機能の中から検討する項目としては、少なくとも

  • カテゴリ色部分は必要ないと判断し、削除した→実装する場合は各ラベル表示箇所にタグも追加するかどうか
  • タグの場合はコンテンツ量が少ないページができることがあるため、ページ単位でnoindex選択項目を追加した→テーマ側でも実装すべきかどうか

が挙げられます。
(その他にもいくつも独自項目があるのですが、上記は特に検討した方がいいと思った項目のみ)


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5855
2019年4月26日 23:38  

いやー。/lib/category.phpのtag.php版みたいなものだけでも、作ってないかなと思いまして。
いずれにせよ、コピペでできるのは確かなので、面倒く下がらずに書こうと思います。
僕が実装するとしたら、色機能をなしにするくらいかなと考えてました。


ロコ
(@lococo)
Estimable Member
参加: 1年 前
投稿: 239
2019年4月27日 00:20  

https://notepad.pw/th6mzu1p
https://notepad.pw/code/g1yetud4y

一応、「カテゴリーの設定から色機能をなしにした部分のtag.php版みたいなもの」の部分のコードのみを切り取っておきました。
翻訳に対応させてなかったりするので、結局category.phpからコピペした方が早そうですみません…

これよりもメタタグやショートコード等、その他機能を実装している関数内に追加していく作業が大変かと思いますし、私は実装してしまっているので、テーマ側での実装はさきになっても問題ありません。

This post was modified 3か月 前 by ロコ
This post was modified 3か月 前 by わいひら

わいひら 件のいいね!
ロコ
(@lococo)
Estimable Member
参加: 1年 前
投稿: 239
2019年4月27日 00:40  

上記リンクのコードに

  • 関数の有無の判定
  • テキストの翻訳対応

を追加したのが以下のコードです。

https://notepad.pw/n1o7tzhg
https://notepad.pw/code/s378aq2z6

This post was modified 3か月 前 by わいひら

わいひら 件のいいね!
ロコ
(@lococo)
Estimable Member
参加: 1年 前
投稿: 239
2019年4月27日 06:49  

とりあえず、部分的に見直しつつテーマ側の実装サンプル書いてみました。
テストはしていないので誤りがあるかもしれません。

・tmp/list.php
https://notepad.pw/sh5p1d7
https://notepad.pw/code/24259cnu5

・tmp/tag-content.php(新規)
https://notepad.pw/czh1tjnz
https://notepad.pw/code/n2k3zl6nn

・functions.php
https://notepad.pw/3hu1ztzq
https://notepad.pw/code/1bbpyos9n

・tmp/header-ogp.php
https://notepad.pw/7z1bpukh
https://notepad.pw/code/oj1nca0h6

・tmp/header-twitter-card.php
https://notepad.pw/htc1zyu6
https://notepad.pw/code/g1n2g051l

・lib/seo.php
https://notepad.pw/5dzouh1l
https://notepad.pw/code/j0fph1e1y
(※は実装の仕方が不透明な部分)

上記以外で残りの実装が必要な箇所は

  • ブログカード(内部)
  • ショートコード(ナビカード)

あたりになるかと思います。

This post was modified 3か月 前 by わいひら

わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5855
2019年4月27日 20:42  

ありがとうございます!
参考にさせていただいて、近いうちに実装できればと思います。
これからコードを読んでみようと思います。


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5855
2019年5月2日 22:04  

タグページ編集機能を実装したものをアップしておきました。

------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

変更方法のまとめがあったので、すんなりと実装できました。ありがとうございます!

僕が薄い記憶を頼りに1人で実装していたら、OGPとか、ブログカードとか、ナビカードの実装は完全に忘れていたと思います。


ロコ
(@lococo)
Estimable Member
参加: 1年 前
投稿: 239
2019年5月3日 23:44  

機能追加ありがとうございます。
自分のカスタマイズ部分をテーマ側に組み込みつつ、確認してみようと思います。


わいひら 件のいいね!
kajikaji20202
(@kajikaji20202)
Active Member
参加: 3か月 前
投稿: 9
2019年5月9日 12:28  

わいひら様 ロコ様

今回はご相談に乗って下さりありがとうございました。

テーマをアップデートしタグタイトルを無事に変更する事ができました。親身になってご相談を聞いて下さった皆様に感謝いたします。ありがとうございました。


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5855
2019年5月9日 20:39  

動作確認ありがとうございます 🙂 


Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:11ヶ月

「12ヶ月」「24ヶ月」「36ヶ月」契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:2年11ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:15年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:9ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon
  
動作中

ログイン または 登録 してください

タイトルとURLをコピーしました