サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2023-05-30 03:26
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845バイト
functions.phpサイズ：628バイト
----------------------------------------------
●手順
[外観]→[ウィジェット]→[C]おすすめカード
●現象
HTML5文法上、ID名の重複は望ましくない。
「[C]おすすめカード」を複数配置した。
この時、ページ中に、同一ID名が複数存在する。
- #recomennded
- #recommended-in
[Cocoon設定]→[おすすめカード]とも重複する。
●原因
IDが固定指定されている。
https://github.com/xserver-inc/cocoon/blob/631f769111418904efe9e0cd33ce5d94abf2a729/lib/shortcodes.php#L647
わいひら reacted
Topic starter
2023-05-30 10:17
●対策案
上記のIDを削除する。
●影響範囲
親テーマCSSで上記のIDを使用しているCSS
- skin-momoon-aqua
- skin-momoon-gree
- skin-momoon-orange
- skin-momoon-pink
- skin-momoon-purple
カードの上下している付加している。
#recommended-in .a-wrap→.recommended-in .a-wrapに変更。
わいひら reacted
2023-05-31 18:26
2023-05-31 19:46
カードの上下している付加している。
https://github.com/xserver-inc/cocoon/blob/631f769111418904efe9e0cd33ce5d94abf2a729/skins/skin-momoon-aqua/style.css#L20-L27
↓ borderを消す。
確かにここら辺はちょっと書いてある意味が分かりませんでした。
とは言ってもボーダー部分を確認してみたところ、インデックスのエントリーカードの縦型表示や、新着・人気・おすすめの横型表示などでおかしな表示となっていたので削除した方が良いかと思って削除しました。
削除しないで対応するには以前、新着・人気記事の横型表示などで以前書いていただいたように上書きで非表示にする必要があります。
https://wp-cocoon.com/community/postid/70823/
個人的にそこまでするほど必要なものかと言うと、あまりそこまでは思わなかったので、削除しとこうかなと削除しました。
Topic starter
2023-05-31 20:26
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.0.3
カテゴリー数：19
タグ数：148
ユーザー数：1
----------------------------------------------
ボーダー部分を確認してみたところ、インデックスのエントリーカードの縦型表示や、新着・人気・おすすめの横型表示などでおかしな表示となっていたので削除した方が良いかと思って削除しました。
デフォルトカードの時、罫線が消え。
縦型カードは見た目悪いですね。
削除した旨、拝承。
本件はクローズとします。
恐れ入りますが、内容に疑問がある場合、修正前に一言確認頂きたく。
特に、指摘に対してプラスアルファの変更する場合、その旨を書いて頂けると助かります。
わいひら reacted
2023-06-01 18:58
恐れ入りますが、内容に疑問がある場合、修正前に一言確認頂きたく。
特に、指摘に対してプラスアルファの変更する場合、その旨を書いて頂けると助かります。
恐れ入りますが、添付画像のような不具合も確認した状態で「borderを消す。」と書いてあれば、分かりづらかったですがそういうことなんだなと疑問とまでは思いませんでした。
そういうこともないようにできればもう少し言葉を加えていただけると助かります。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。