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カスタマイズ依頼

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

ナビカードが子テーマCSSで定義した2...
 
共有:
通知
すべてクリア

[解決済] ナビカードが子テーマCSSで定義した2列にならない

8 投稿
2 ユーザー
3 Likes
106 表示
chu-ya
(@chu-ya)
Noble Member Registered
結合: 8か月前
投稿: 624
Topic starter  

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となりカードが縮小しなくなった。

https://github.com/xserver-inc/cocoon/blob/e1dfb4c361d41fc8487f74d607d941e7cb589200/lib/html-forms.php#L1539

●対策
オプション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
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

ご連絡ありがとうございます。
以下のswiper-slideは削除し忘れていましたね。削除したつもりでおりました。
https://github.com/xserver-inc/cocoon/blob/d800ecc37ab15509cb041e037ad8246a7616e148/lib/html-forms.php#L1539
削除しておきました。
https://github.com/xserver-inc/cocoon/commit/dbdb42286843cc030bc7aae96d25c529cb85cb44


   
chu-ya
(@chu-ya)
Noble Member Registered
結合: 8か月前
投稿: 624
Topic starter  

見落としてましたが、ソースに実害ないゴミがあります。
----------------------------------------------
テーマ名:Cocoon
バージョン:2.5.2
カテゴリ数:19
タグ数:146
ユーザー数:1
----------------------------------------------

lib/html-forms.php

以下の2点

  1. class=swiperが残っています。(本来、動的に付加されるのでは?)
  2. 他のカードと異なり、class=widget-entry-cards no-iconの後ろにcfが、以前から無い。
    navi-entry-card内の要素を横並びにするのにfloatを用いており。そこでcfしているので問題無いですが。

https://github.com/xserver-inc/cocoon/blob/e92c3916e5c2ca2b0cd0e08e6db7d6a6dc016770/lib/html-forms.php#L1727


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

ご連絡ありがとうございます。
以下のswiper-slideは削除し忘れていましたね。削除したつもりでおりました。
https://github.com/xserver-inc/cocoon/blob/d800ecc37ab15509cb041e037ad8246a7616e148/lib/html-forms.php#L1539
削除しておきました。
https://github.com/xserver-inc/cocoon/commit/dbdb42286843cc030bc7aae96d25c529cb85cb44

This post was modified 4週間前 by わいひら

   
chu-ya
(@chu-ya)
Noble Member Registered
結合: 8か月前
投稿: 624
Topic starter  
投稿者:: @yhira

ご連絡ありがとうございます。
以下のswiper-slideは削除し忘れていましたね。削除したつもりでおりました。

この場所ではありません。確認済みです。
ちゃんと文章読んで下さい。1727行目です。


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

以前開いておいた冒頭の書き込みしかないブラウザのタブを見ていたので、
https://wp-cocoon.com/community/postid/65945/
「あれ書き込んでなかったかな?」と同じものを書き込んでしまいました。

https://wp-cocoon.com/community/postid/65948/
こっちの書き込みはブラウザに表示されていなかったので見ていませんでした。再読み込みをし忘れていました。
修正しておきました。


   
chu-ya
(@chu-ya)
Noble Member Registered
結合: 8か月前
投稿: 624
Topic starter  

----------------------------------------------
テーマ名:Cocoon
バージョン:2.5.2
カテゴリ数:19
タグ数:146
ユーザー数:1
----------------------------------------------
修正されている事を確認しました。
本件はクローズとします。


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

ご確認いただきありがとうございます。


   
共有:

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

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