サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2022年11月7日 11:09
Swiper実装にバグがあります。
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.1.3
カテゴリ数：19
タグ数：146
ユーザー数：1
----------------------------------------------
●現象
子テーマCSSで、ナビカードの並びをflexを用い横2列にしている。
これが1列になった。
●原因
図参照。
新たに追加された、swiper-bundle.min.cssで以下の定義をしてる。
.swiper-slide {
flex-shrink: 0;
width: 100%;
lib/html-forms.php
ナビカードに対して無条件でclass=swiper-slideを付加している。
この為、flex-shrink:0となりカードが縮小しなくなった。
●対策
オプションhorizontal=1の時、「swiper-slide」が付加される。(太字)
それ以外に無条件で付加している為、これを削除する。（赤字、コーディングミス）
<a href="<?php echo esc_url($url); ?>" class="<?php echo $prefix; ?>-entry-card-link widget-entry-card-link a-wrap swiper-slide<?php echo $class_text; ?><?php echo $swiper_slide; ?>" title="<?php echo esc_attr($title); ?>">
わいひら reacted
2022年11月7日 12:33
ご連絡ありがとうございます。
以下のswiper-slideは削除し忘れていましたね。削除したつもりでおりました。
https://github.com/xserver-inc/cocoon/blob/d800ecc37ab15509cb041e037ad8246a7616e148/lib/html-forms.php#L1539
削除しておきました。
https://github.com/xserver-inc/cocoon/commit/dbdb42286843cc030bc7aae96d25c529cb85cb44
Topic starter
2022年11月7日 13:40
見落としてましたが、ソースに実害ないゴミがあります。
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.2
カテゴリ数：19
タグ数：146
ユーザー数：1
----------------------------------------------
lib/html-forms.php
以下の2点
- class=swiperが残っています。（本来、動的に付加されるのでは？）
- 他のカードと異なり、class=widget-entry-cards no-iconの後ろにcfが、以前から無い。
navi-entry-card内の要素を横並びにするのにfloatを用いており。そこでcfしているので問題無いですが。
わいひら reacted
2022年11月7日 19:12
ご連絡ありがとうございます。
以下のswiper-slideは削除し忘れていましたね。削除したつもりでおりました。
https://github.com/xserver-inc/cocoon/blob/d800ecc37ab15509cb041e037ad8246a7616e148/lib/html-forms.php#L1539
削除しておきました。
https://github.com/xserver-inc/cocoon/commit/dbdb42286843cc030bc7aae96d25c529cb85cb44
Topic starter
2022年11月7日 19:17
ご連絡ありがとうございます。
以下のswiper-slideは削除し忘れていましたね。削除したつもりでおりました。
この場所ではありません。2022年11月7日 12:33対応で確認済みです。
ちゃんと文章読んで下さい。1727行目です。
2022年11月7日 19:38
以前開いておいた冒頭の書き込みしかないブラウザのタブを見ていたので、
https://wp-cocoon.com/community/postid/65945/
「あれ書き込んでなかったかな？」と同じものを書き込んでしまいました。
https://wp-cocoon.com/community/postid/65948/
こっちの書き込みはブラウザに表示されていなかったので見ていませんでした。再読み込みをし忘れていました。
修正しておきました。
Topic starter
2022年11月7日 19:57
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.2
カテゴリ数：19
タグ数：146
ユーザー数：1
----------------------------------------------
修正されている事を確認しました。
本件はクローズとします。
わいひら reacted
2022年11月7日 20:00
ご確認いただきありがとうございます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。