サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2022年8月5日 20:53
以下の疑問があり。
●人気記事
.popular-entry-card-linkの後に、共通class、他と異なり.widget-entry-card-linkがない。
●インデックス
[Cocoon設定]→[インデックス]
Q
フロントページタイプを示すclassが特定の要素のみしか付加されない。(ページ全体を示していない)
例えば「カテゴリごと（2カラム）」を選択した場合、新着記事の.listには.front-page-type-category-2-columnsが付加されるが、カテゴリ毎の.listには付加されない。
全体を示す、例えば.list-wrapに対し、.front-page-type-category-2-columnsを付加されるべきでは？
Q
カテゴリごと（2カラム）の時（3カラムも同様）、カテゴリ毎の.list-columnsに、.ect-vertical-card、.ect-2-columnsが付加される。
カテゴリーごとのカードは縦型カードでは無い為、.ect-vertical-card、.ect-2-columnsが付加されるのはどうかと思い？
Ｑ
ウイジェットでないのに、.new-entry-cards .widget-entry-cardsが付加されている。
これは作りの問題で仕方ないのかも。
2022年8月9日 19:41
Q
フロントページタイプを示すclassが特定の要素のみしか付加されない。(ページ全体を示していない)
例えば「カテゴリごと（2カラム）」を選択した場合、新着記事の.listには.front-page-type-category-2-columnsが付加されるが、カテゴリ毎の.listには付加されない。
全体を示す、例えば.list-wrapに対し、.front-page-type-category-2-columnsを付加されるべきでは？
Q
カテゴリごと（2カラム）の時（3カラムも同様）、カテゴリ毎の.list-columnsに、.ect-vertical-card、.ect-2-columnsが付加される。
カテゴリーごとのカードは縦型カードでは無い為、.ect-vertical-card、.ect-2-columnsが付加されるのはどうかと思い？
こちらについては修正してみました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2022年8月9日 19:43
Ｑ
ウイジェットでないのに、.new-entry-cards .widget-entry-cardsが付加されている。
これは作りの問題で仕方ないのかも。
こちらは、おっしゃられる通り作りの問題で難しいです。
トピックスターター 2022年8月9日 21:07
こちらは、おっしゃられる通り作りの問題で難しいです。
本件は了解です。
トピックスターター 2022年8月9日 21:54
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.7.9
カテゴリ数：19
タグ数：143
ユーザー数：1
----------------------------------------------
.popular-entry-card-linkの後に、共通class、他と異なり.widget-entry-card-linkがない。
未対応となっています。
トピックスターター 2022年8月9日 21:58
A
対策完。
フロントページタイプを示す以下が全体.list-wrapに追加されている事を確認しました。
.front-page-type-category-2-columns
.front-page-type-category-3-columns
A
未対応。
カテゴリごと（2カラム）の時（3カラムも同様）、カテゴリ毎の.list-columnsに、.ect-vertical-card、.ect-2-columnsが付加される。
図の通り、classが付いています。影響がありそうなので、未対応かと思っています。
●仕様について確認
カテゴリごと（2、3カラム）の時、新着以外は、カードタイプ(デフォルト横向き)ですか？
以下のCSSなのでは？と思い。
.ect-vertical-card {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
↓
.list-columns
.ect-2-columns > * {
width: 49.5%;
display: inline-block;
}
↓
.front-page-type-category-2-columns .list-columns > *
2022年8月10日 19:24
.popular-entry-card-linkの後に、共通class、他と異なり.widget-entry-card-linkがない。
未対応となっています。
追加しておきました。
https://github.com/yhira/cocoon/commit/b1529315239ffb3da4d8e514fdca2d885e598085
2022年8月10日 19:29
A
未対応。
カテゴリごと（2カラム）の時（3カラムも同様）、カテゴリ毎の.list-columnsに、.ect-vertical-card、.ect-2-columnsが付加される。
図の通り、classが付いています。影響がありそうなので、未対応かと思っています。
どうやら、編集したけどコミットせずブランチの結合をしてプッシュしてしまったみたいです。
再度編集しGitHubにアップしておきました。
●仕様について確認
カテゴリごと（2、3カラム）の時、新着以外は、カードタイプ(デフォルト横向き)ですか？
以下のCSSなのでは？と思い。
恐れ入りますが、ちょっと上記の意味がわからなかったです。
もう少し詳しく説明していただけると助かります。
カテゴリごと（2、3カラム）の時、新着以外の添付画像のような部分の時、添付画像のような表示であっているかということでしょうか。
トピックスターター 2022年8月10日 19:31
カテゴリごと（2、3カラム）の時、新着以外の添付画像のような部分の時、添付画像のような表示であっているかということでしょうか。
YES。
常に横向きカードなのに、.ect-vertical-cardとなっており。
わいひら reacted
トピックスターター 2022年8月10日 20:05
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.7.9
カテゴリ数：19
タグ数：143
ユーザー数：1
----------------------------------------------
上記、変更を確認しました。
本件はクローズします。
人気記事ウィジェットにも共通class「.widget-entry-card-content」が追加されている事を確認。
[Cocoon設定]→[インデックス]→フロントページタイプ
カテゴリごと（2カラム）
カテゴリごと（3カラム）
新着記事以外のカテゴリー(横向きのカード)から、.ect-vertical-card、.ect-2-columnsが
.fpt-columnsms、.fpt-2-columnsに変更されている事を確認。
わいひら reacted
2022年8月10日 21:41
ご確認いただきありがとうございます！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。