サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年6月21日 13:14
お世話になっております。
特定のカテゴリ一覧ページでページレイアウトが崩れてしまいます。
https://dete-diary.com/category/biyoshi/
添付画像の通り、カテゴリの表示名が投稿カードにかかってしまいます。カラムやカードタイプを変更しても、変わりません。
このカテゴリだけで発生します。他のカテゴリでは、カテゴリの表示名はカードの上に別枠で表示されています。
プラグインを停止しても発生しました。
原因は何でしょうか?
よろしくお願いいたします。
----------------------------------------------
サイト名:dete's diary
サイトURL: https://dete-diary.com
ホームURL: https://dete-diary.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/bizarre-foods-bluecurry/style.css
Wordpressバージョン:5.2.2
PHPバージョン:7.1.5
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate
言語:ja,en-US;q=0.9,en;q=0.8,it;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:1.8.3
カテゴリ数:13
タグ数:65
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.0.6
----------------------------------------------
Gutenberg:0
AMP:1
PWA:0
ホームイメージ:/wp-content/uploads/2018/05/dete_logo_1020-w1080.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.2
All In One SEO Pack 3.1.1
BackWPup 3.6.9
Broken Link Checker 1.11.8
Category Order and Taxonomy Terms Order 1.5.7
Contact Form 7 5.1.3
EWWW Image Optimizer 4.8.0
Google XML Sitemaps 4.1.0
Redirection 4.3.1
SiteGuard WP Plugin 1.4.3
TablePress 1.9.2
WordPress Ping Optimizer 2.35.1.0.0
WP Multibyte Patch 2.8.2
----------------------------------------------
2019年6月21日 20:04
ちなみに、スキンを適用していない場合はどのような表示になりますか?
Topic starter
2019年6月21日 20:42
スキンを適用しなくすると、カテゴリ名はかぶらなくなり正しく表示されています。
Topic starter
2019年6月22日 00:02
アドセンスにテキストがかかっているのは問題なので、このカテゴリは使わないことにしました。あらたに作ったカテゴリに301リダイレクト済みです。
とりあえずこれで問題は無いのかなと思います。
何かわかったことがあったら教えていただけると助かります!今後ともよろしくお願いいたします。
Topic starter
2019年6月22日 13:34
お世話になっております。
別のカテゴリでも同様の現象が発生したので報告します。
https://dete-diary.com/category/%e5%b7%a5%e5%85%b7/
発生した状況:カテゴリ名を変更して更新した
カテゴリ名を元に戻して更新しても、レイアウトは元に戻りません。
お忙しいところ恐れ入りますが、こちらもご確認いただけると助かります。
This post was modified 5年前 by 5t3fd3d
Topic starter
2019年6月22日 14:09
それともう一点、カテゴリの編集画面についての確認です。
"名前"と"カテゴリタイトル"の項目がありますが、それぞれ、"サイトに表示されるカテゴリ名"、"titleタグに反映される項目"ということですよね。
カテゴリタイトル・・・カテゴリページのタイトルを指定します。カテゴリページのタイトルタグにここで入力したテキストが適用されます。
今該当のカテゴリ一覧ページ( https://dete-diary.com/category/%e5%b7%a5%e5%85%b7/ )を見ると、"名前"に入力したテキストがtitleタグに反映されていて、"カテゴリタイトル"に入力したテキストがサイト上に表示されています。
カテゴリのウィジェット部分を見ると、"名前"に入力した項目が表示されています。
これに関しては、スキンを適用なしにしても同様です。
うーん。困りました。
2019年6月22日 16:26
5t3fd3d様がおっしゃっている「カテゴリータイトル部分のレイアウトが崩れる」件については、
if ($cat_id && get_category_meta($cat_id))
https://github.com/yhira/cocoon/blob/master/tmp/category-content.php#L12
の判別に問題があるように思います。
カテゴリーを新規に追加した際にはメタデータは空ですが、個別カテゴリーの設定を更新するとCocoonで用意している設定項目が保存され、カテゴリーコンテンツ用のマークアップが表示されるようになります。
一方で、使用中のスキンはカテゴリーコンテンツにアイキャッチが設定されている前提でデザインされているため、カテゴリーの更新を行ったページのみ崩れる現象が起こっています。
5t3fd3d reacted
2019年6月22日 16:51
一連の質問で、テーマの機能的なものではなく、スキンに原因があるのが濃厚ということがわかり、場所を特定し修正してみました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
5t3fd3d reacted
2019年6月22日 16:57
先に書き込みがあった。
https://github.com/yhira/cocoon/blob/4dfd3a33ec6ea75087b82ff365b1ae8ccb89046c/tmp/category-content.php#L12
これは確かにその通りです。
このタグ出力がされることにより、スキンのスタイルが適用されてしまうのが不具合の原因です。
で、この場合、どのような条件分岐にしたら良いかなというのがあって。
$cat_id && get_category_meta($cat_id)に加えて、コンテンツかアイキャッチがあれば、真とかで良いのかなと、今考え中です。
2019年6月22日 16:58
ちょっと記憶があれですが... たった今、1.8.2.x (1.8.1.x..?)→ 1.8.4 にバージョンアップ後にウィジットで入れているカテゴリ一覧の表示が変わりました。
これに関しては、当トピックの原因とはまた別だと思います。
よろしければ新しくトピックを立てて、いただけると幸いです。
あと、その他に画像の大きさが変わった部分はないですか?
Topic starter
2019年6月22日 17:02
コメントありがとうございます。
早速バージョンアップしました。しかし、今回の問題に関しては変化はなかったです。教えていただきどうもありがとうございました。
ロコ様
コメントありがとうございます。
このスキンはカテゴリ一覧ページでアイキャッチを設定することを前提としていたのですね。全く知りませんでした。
早速該当のカテゴリ一覧でアイキャッチを設定してみたところ、しっくりくるレイアウトになりました。
どうもありがとうございます。
今後その他のカテゴリでも、更新する際にはアイキャッチを入れる必要があるのですね。
なお、タグ一覧ページにおいても同様の事象が起こっておりましたが、こちらもアイキャッチを入れたところ正常に表示されるようになりました。
https://dete-diary.com/tag/coin-case/
もう一つの問題の、表示されるカテゴリ名についても、どなたか、引き続きご教示いただけましたら幸いです。
2019年6月22日 17:33
これに関しては、当トピックの原因とはまた別だと思います。
よろしければ新しくトピックを立てて、いただけると幸いです。
あと、その他に画像の大きさが変わった部分はないですか?
関係なさそうということで、もう少しこちらの設定等を見て必要であれば、投稿しますね。
2019年6月22日 19:17
5t3fd3d様、titleタグについてはプラグインを停止させても反映されませんか?
"名前"と"カテゴリタイトル"の項目がありますが、それぞれ、"サイトに表示されるカテゴリ名"、"titleタグに反映される項目"ということですよね。
基本的にはこの認識で間違いありませんが、プラグイン等でCocoonのタイトルカスタマイズが無効化されている可能性が考えられます。
わいひら様、
$cat_id && get_category_meta($cat_id)に加えて、コンテンツかアイキャッチがあれば、真とかで良いのかなと、今考え中です。
get_category_metaで取得するメタデータの配列が空かどうかは、各要素の値を取得するそれぞれの関数(get_category_eye_catchやget_category_contentなど)内でget_category_metaが用いられるはずなので、そこで判別するべきではないかと。
なので、コンテンツまたはアイキャッチがtrueの場合のみでよいと思いますが、取得する値の型を揃えるようにした方が今後の不具合を防ぎやすいかもしれません。
例えば、get_category_contentは、
- メタデータが空配列
- ["content"]=>string(0) ""
でもstringで返されますが、get_category_eye_catchは値がセットされていないとnullで返されるので、返り値をstringに揃えた方が判別で誤りが生じにくいと思います。
また、設定画像が削除された場合を考慮して、get_category_eye_catchは設定されている値から画像が取得できるかどうかも確認するようにした方がよいかもしれません。
5t3fd3d reacted
2019年6月23日 20:24
早速バージョンアップしました。ありがとうございます。
これは改善したということでよろしいのでしょうか?
2019年6月23日 20:46
条件分岐と、返り値の統一は行っておきました。
次のバージョンで反映されると思います。
また、設定画像が削除された場合を考慮して、get_category_eye_catchは設定されている値から画像が取得できるかどうかも確認するようにした方がよいかもしれません。
これは、画像ファイルかどうかの判別をするということですか?
2019年6月23日 22:28
条件分岐と、返り値の統一は行っておきました。
対応ありがとうございます。
画像ファイルかどうかの判別をするということですか?
「アイキャッチに値が設定されている場合に画像ファイルが存在するかどうか」の判別を入れた方がよいのかもと思いました。
今のところ、値が取得できた場合にはそのまま画像URLへ入れるようにしていて、何らかの理由(画像の削除、URLの変更など)で値から画像が表示されないときも出力されるので。
Topic starter
2019年6月23日 22:32
わいひら様
カテゴリ名はその下のカードやアドセンスにかからなくなりましたが、それ以外の問題は解決はしていません。
添付した画像をご覧ください。異常の出ているカテゴリとそうでないカテゴリの一覧ページを並べました。
問題1:該当のカテゴリのカテゴリ名は、他のカテゴリとは違うCSSで表示されています。本来はカテゴリ名の背景はグレーで表示されているはずですが、該当のカテゴリ名は白い枠の中にあります。
問題2:該当のカテゴリのカテゴリ名は、相変わらずtitleタグがカテゴリ名として表示されてしまいます。タイトル欄を空に戻すと正しく表示されるようで、現在はカテゴリ名が表示されています。
該当のカテゴリ https://dete-diary.com/category/%e5%b7%a5%e5%85%b7/
該当のタグ https://dete-diary.com/tag/coin-case/
発生する条件:カテゴリ一ページ(タグページ)のタイトルを更新することで異常をきたします。タイトルではなくカテゴリ名やその他情報を更新した場合については調査していません。
問題1についてですが、該当のカテゴリ名のCSSに.article-header h1が反映されています。これは記事ページの記事タイトルのCSSなのではないですか?
よろしくお願いいたします。
This post was modified 5年前 by 5t3fd3d
2019年6月23日 23:33
問題1:該当のカテゴリのカテゴリ名は、他のカテゴリとは違うCSSで表示されています。本来はカテゴリ名の背景はグレーで表示されているはずですが、該当のカテゴリ名は白い枠の中にあります。
https://dete-diary.com/category/%E8%A3%BD%E4%BD%9C%E5%B7%A5%E7%A8%8B/
上記はタイトルの背景色がグレー。こちらはアイキャッチを設定していないから、そうなるんだと思われます。
問題2:該当のカテゴリのカテゴリ名は、相変わらずtitleタグがカテゴリ名として表示されてしまいます。タイトル欄を空に戻すと正しく表示されるようで、現在はカテゴリ名が表示されています。
※先行バージョンを確認してませんが
- 投稿・カテゴリーより、カテゴリ名が『製作工程』開くと、
- 名前欄:(カテゴリ名(アイキャッチの左上に表示される文字列)になります。)
- スラッグ:製作工程(URL部分:%E8%A3%BD%E4%BD%9C%E5%B7%A5%E7%A8%8Bこれをデコードすれば日本語で『製作工程』です。)
- カテゴリタイトル:『レザークラフト講座』としたらタイトルに表示されます。
- アイキャッチ:設定すれば、背景が白になり設定した画像が表示される。
それでも表示がオカシイ感じでしょうか。ご確認いただけますか。
This post was modified 5年前 by かうたっく
Topic starter
2019年6月24日 00:00
コメントありがとうございます。
問題を整理しますね。
現在問題が出ているページは、以下の2つです。
https://dete-diary.com/category/%e5%b7%a5%e5%85%b7/
https://dete-diary.com/tag/coin-case/
問題1:一度でもカテゴリのタイトルを変更してしまうと、当サイトでいうところのカテゴリの背景が白になる&その部分のテキストに反映されるCSSが変わってしまいます。
これが問題です。デフォルトのグレーの状態に戻そうと思っても、一度白の背景になった部分は、カテゴリのタイトルを空の状態に変更しても元に戻りません。
ちなみに、この問題はスキンを適用無しにしても発生します。
上記はタイトルの背景色がグレー。こちらはアイキャッチを設定していないから、そうなるんだと思われます。
グレーが正常で白の状態が異常だと考えていますが、違いますでしょうか?
なお、この状態はアイキャッチを設定しているタグページ https://dete-diary.com/tag/coin-case/ でも、アイキャッチを設定していないカテゴリページでも https://dete-diary.com/category/%e5%b7%a5%e5%85%b7/ どちらでも発生しております。
問題2:わかりやすくするため、もう一度タイトルを変えて異常が出た状態に戻しました。本来ページtitleになるはずの文言がカテゴリの名前として表示されています。
https://dete-diary.com/category/%e5%b7%a5%e5%85%b7/
以下カテゴリの設定です。
名前・・・革職人のレザークラフト道具
カテゴリタイトル・・・革職人のレザークラフト道具|dete
上記内容で入力している為、本来であれば"革職人のレザークラフト道具"がカテゴリ名として表示されるはずです。しかし、実際に表示されているカテゴリ名は、タイトル欄に入力した"革職人のレザークラフト道具|dete"です。
添付したキャプチャをご覧ください。
わかりにくく申し訳ございませんが、引き続きよろしくお願いいたします。
This post was modified 5年前 2回 by 5t3fd3d
2019年6月24日 01:38
上記内容で入力している為、本来であれば"革職人のレザークラフト道具"がカテゴリ名として表示されるはずです。しかし、実際に表示されているカテゴリ名は、タイトル欄に入力した"革職人のレザークラフト道具|dete"です。
先行バージョンを有効化してないので、上記のみ。
Cocoon設定・タイトル タブを開いて下へスクロースすると『カテゴリー・タグページ設定』より、『ページタイトル』欄の変更を試すと思い通りの表示になるか試して頂けますか。
わいひら reacted
Topic starter
2019年6月24日 01:51
Cocoon設定・タイトル タブを開いて下へスクロースすると『カテゴリー・タグページ設定』より、『ページタイトル』欄の変更を試すと思い通りの表示になるか試して頂けますか。
現在、サイト名 | ページタイトルの設定にしています。
この設定通りなら以下のようなタイトルになるはずです。
「dete's diary | 革職人のレザークラフト道具|dete」
しかし、この設定は反映されておらず、タイトルは
「革職人のレザークラフト道具 | dete's diary」になっています。
どうにもうまくいきません。
今回の問題は私のところだけの問題なのですか?
2019年6月24日 01:59
とりあえずですが、Cocoon設定・高速化 から圧縮をきっていただけますか。
main>article { background: #fff; padding: 20px; }
https://dete-diary.com/category/%E5%B7%A5%E5%85%B7/
main>article とは その領域のclass属性 category-content article を装飾したものす。ってことは 投稿・カテゴリ からコンテンツを追加した時に出来るHTMLだと思われます。
h1#archive-title { margin: 0 0 1em; padding: .5em; color: slategrey; }
https://dete-diary.com/category/products%E3%82%B7%E3%82%B6%E3%83%BC%E3%82%B1%E3%83%BC%E3%82%B9/
コチラはその領域 (main>article class属性 category-content article)が存在しないので、装飾されるはずがない状況。って事です。
***
上記はさっき確認したCSSです。
圧縮を切った状況で、どこで誰が書かいたスタイルかを確認してみないと何とも言えませんが、ザックリした状況は上記通りかと思われます。
わいひら reacted
2019年6月24日 02:29
問題1:該当のカテゴリのカテゴリ名は、他のカテゴリとは違うCSSで表示されています。本来はカテゴリ名の背景はグレーで表示されているはずですが、該当のカテゴリ名は白い枠の中にあります。
こちらについては、#post-18691の時点で#post-18651で挙げた修正が入ったので、本日の最新版をインストールすることで修正されると思います。
問題2:該当のカテゴリのカテゴリ名は、相変わらずtitleタグがカテゴリ名として表示されてしまいます。タイトル欄を空に戻すと正しく表示されるようで、現在はカテゴリ名が表示されています。
titleタグの問題については、CocoonではWordpress4.4から追加されたフック「document_title_parts」を用いてカスタマイズされています。
記事タイトルではカテゴリタイトルに設定したテキストが入っており、get_category_titleはきちんと取得できていることから、コードを見る限りでは今のところ修正点は見当たらないので、原因としては
- document_title_partsフックが無効化されている
- document_title_partsフックを用いて上書きされている
などが考えられるのですが、プラグイン停止で変わらないとなるとあとは独自カスタマイズがないか?とかですかね。
Topic starter
2019年6月24日 04:42
圧縮を切りました。
バージョンアップ後に確認したところ、cocoon設定→タイトル→カテゴリー・タグ設定→ページタイトルの、サイト名 | ページタイトルについては反映されていました。
残る問題はカテゴリの名前の表示だけになりました。
皆様、引き続きよろしくお願いいたします。
ロコ様
バージョンアップすることで問題1が解決しました。どうもありがとうございます。
問題2についてですが、
などが考えられるのですが、プラグイン停止で変わらないとなるとあとは独自カスタマイズがないか?とかですかね。
とありますが、私が把握している中で、自分でいじったところは以下の通りです。
style.css
head-insert.php(アドセンス/Googleフォント)
それ以外については知識が無い為カスタムしていませんが、知識がないゆえに知らず知らずに手を加えていたり?の可能性もゼロではないですが・・・
2019年6月24日 06:55
h1#archive-title { margin: 0 0 1em; padding: .5em; color: slategrey; }https://dete-diary.com/category/products%E3%82%B7%E3%82%B6%E3%83%BC%E3%82%B1%E3%83%BC%E3%82%B9/
コチラはその領域 (main>article class属性 category-content article)が存在しないので、装飾されるはずがない状況。って事です。
どのカテゴリもarticle class属性 category-content articleがなくなったようですね。
h1#archive-title {}こちらはスキンのCSSでキチンと反映されてるので解決で大丈夫かな?と思われます。
ご確認くださいね。
This post was modified 5年前 by かうたっく
わいひら reacted
2019年6月24日 12:59
バージョンアップ後に確認したところ、cocoon設定→タイトル→カテゴリー・タグ設定→ページタイトルの、サイト名 | ページタイトルについては反映されていました。
一部のファイルが破損していたか、キャッシュが残っていたのかもしれません。
残る問題はカテゴリの名前の表示だけになりました。
こちらの環境で見たところカテゴリータイトルは反映されておりますが、どこの「カテゴリーの名前」のことを指しているのでしょうか?
わいひら reacted
Topic starter
2019年6月24日 13:55
ロコ様
こちらの環境で見たところカテゴリータイトルは反映されておりますが、どこの「カテゴリーの名前」のことを指しているのでしょうか?
添付画像をご覧ください。
titleタグの部分は反映されているのですが、サイトに表示されるカテゴリの名前が正しく表示されていないのです。
当方の環境では、該当カテゴリを開くと、ヘッダーメニューの下に「革職人のレザークラフト道具|dete」と表示されています。これは、カテゴリ名ではなくカテゴリページのタイトルとして入力した文言です。
以下がカテゴリ名として入力した内容です。
管理画面 投稿→カテゴリーの編集→名前 「革職人のレザークラフト道具」
こちらが表示されて欲しいです。
2019年6月24日 19:29
「アイキャッチに値が設定されている場合に画像ファイルが存在するかどうか」の判別を入れた方がよいのかもと思いました。
存在確認ですね。
処理を追加しておきました。
https://github.com/yhira/cocoon/blob/3b2225be6c9b9632b63e0470ea9114887eacfd7e/lib/content-tag.php#L74
https://github.com/yhira/cocoon/blob/3b2225be6c9b9632b63e0470ea9114887eacfd7e/lib/content-category.php#L96
2019年6月24日 19:35
5t3fd3dさん
一応、現在のカテゴリ設定画面全体のキャプチャ画像を見せていただいてよろしいでしょうか。
2019年6月25日 00:02
残る問題はカテゴリの名前の表示だけになりました
ご自身で指定されているのを表示したいタイトルにすれば問題ないと思いますよ。
以下、カテゴリタイトル部分
https://gyazo.com/bf2c524703b8fc186e717666f6b2eb90
わいひら reacted
2019年6月25日 00:02
こちらはカテゴリータイトル(アーカイブタイトル)が表示される箇所なのでCocoonの不具合ではなく、カテゴリータイトルが設定されている場合はカテゴリータイトルを、設定されていない場合に限りカテゴリー名を表示する仕様になっています。
カテゴリー名は基本的にカテゴリーリンク(カテゴリーウィジェットやパンくずリストなど)に使用されます。
管理画面 投稿→カテゴリーの編集→名前 「革職人のレザークラフト道具」
こちらが表示されて欲しいです。
このようにするためにはカスタマイズが必要なので、可能なら
https://github.com/yhira/cocoon/blob/master/functions.php#L138
あたりにフックを用意してもらうのがよいかもしれません。
存在確認ですね。
処理を追加しておきました。
わいひら様、確認しました。
追加ありがとうございます。
2019年6月25日 20:40
このようにするためにはカスタマイズが必要なので、可能なら
https://github.com/yhira/cocoon/blob/master/functions.php#L138
あたりにフックを用意してもらうのがよいかもしれません。
こちらのフックも追加しておきました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
次のバージョンで適用されます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。