「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

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

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

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

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

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

タグページのページタイトルを変更したい
 
共有:
通知
すべてクリア

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

20 投稿
4 ユーザー
7 Likes
6,033 表示
(@kajikaji20202)
Eminent Member Registered
結合: 5年前
投稿: 22
Topic starter  

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

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

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


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

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

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

 

タグページのエントリータイトルの後ろに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を提示してください

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

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


   
わいひら reacted
ろこ
(@lococo)
Prominent Member Registered
結合: 6年前
投稿: 830
 

「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では今のところタグページ設定機能を導入する予定はない」みたいなわいひら様の回答を見た記憶がある(今探してみましたが見つかりませんでした…)ので、現状はご自身でカスタマイズしていくしかないと思います。


   
わいひら reacted
(@kajikaji20202)
Eminent Member Registered
結合: 5年前
投稿: 22
Topic starter  

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

>>タグページのエントリータイトルの後ろに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)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

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

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

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


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

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

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

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

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

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

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

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

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

This post was modified 5年前 by かうたっく

   
(@kajikaji20202)
Eminent Member Registered
結合: 5年前
投稿: 22
Topic starter  

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

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

 

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

 

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

 

 

 


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

お疲れ様です。

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

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

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

 

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

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


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

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

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


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

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

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

   
ろこ
(@lococo)
Prominent Member Registered
結合: 6年前
投稿: 830
 

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

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

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

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

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

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


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

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


   
ろこ
(@lococo)
Prominent Member Registered
結合: 6年前
投稿: 830
 

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

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

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


   
わいひら reacted
ろこ
(@lococo)
Prominent Member Registered
結合: 6年前
投稿: 830
 

上記リンクのコードに

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

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

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


   
わいひら reacted
ろこ
(@lococo)
Prominent Member Registered
結合: 6年前
投稿: 830
 

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

・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
(※は実装の仕方が不透明な部分)

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

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

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


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

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


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

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

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

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

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

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


   
ろこ
(@lococo)
Prominent Member Registered
結合: 6年前
投稿: 830
 

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


   
わいひら reacted
(@kajikaji20202)
Eminent Member Registered
結合: 5年前
投稿: 22
Topic starter  

わいひら様 ロコ様

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

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


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

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


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

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

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

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

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