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

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

アイコンリストで順序付きリストを選択す...
 
共有:
通知
すべてクリア

[解決済] アイコンリストで順序付きリストを選択すると表示がおかしくなる

13 投稿
4 ユーザー
9 Reactions
529 表示
 zuss
(@zuss)
Eminent Member Registered
結合: 2年前
投稿: 20
トピックスターター  
いつもお世話になっております。
「Cocoon 2.6.8」に更新後、Cocoonブロックの「アイコンリスト」で「順序付きリスト」を選択すると、アイコンと数字がダブって表示されるようになってしまいました。
 
これまでの記事を修正するのが大変なのはもちろん、リストにタイトルを付けつつ数字付きリストを作るのに便利だったので、やや困っています。
こちらは、これまでが不具合だったのか、それとも現在が不具合でしょうか?
修正予定など教えて頂けると幸いです。
 
(環境情報や高速化のオフは、この不具合が自分だけであれば貼らせて頂ければと思います。)

   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17392
 

確認させてください。
これまではアイコンリストブロックで数字付きリストを選択した場合は、数字だけ表示されていたということでよろしいでしょうか?
ちなみに以前のバージョンはいくつぐらいだったか分かりますでしょうか。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

取り急ぎ、私の環境にある「Cocoon 2.6.6.6」で確認したところ、番号ありにするとアイコンは表示されないみたいです。
(インナーのリストブロックを番号ありにする)

 
番号なし
 
番号あり
 
こんな使い方があろうとは・・・。
(アイコンリストでアイコンを使わない)

   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3150
 

----------------------------------------------
テーマ名:Cocoon
バージョン:2.6.8.4
カテゴリー数:7
タグ数:12
ユーザー数:1
----------------------------------------------

●発生の手順

アイコンリストでリストを作成(図①)
メニューの「・」をクリックし「順序付リスト」を選択する。(図②)


●原因

アイコンリストの、アイコンクラスが消えてない。
この為、ulのアイコンクラスbeforeと、olタグのmarkerの2つが重なり表示される。


●仮対策

olタグは数字のみとし、アイコンのbeforeを消す。

.iconlist-box ol li:before {
  content:none;
}

 


●ブロックのコード

<!-- wp:cocoon-blocks/iconlist-box {"title":"最高ーー"} -->
<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-caret-right block-box"><div class="iconlist-title">最高ーー</div><!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/iconlist-box -->

   
わいひら reacted
 zuss
(@zuss)
Eminent Member Registered
結合: 2年前
投稿: 20
トピックスターター  

@yhira さま

おっしゃる通りです。これまではアイコンリストブロックで数字付きリストを選択した場合、数字だけ表示されていました。

以前のバージョンについては、大変申し訳ないのですが自信がありません・・・
そこまでずっと更新してなかったわけではないですし、アイコンリストで数字付きリストを使うのはわりとやっていたので、そこまで前ではないと思うのですが・・・

 

@mk2_mk2 さま

古いバージョンでの確認ありがとうございます。

タイトルを付けやすいのが便利で使ってましたが、じつはちょっとした裏技っぽい感じだったんですかね?

 

@chu-ya さま

わかりやすくまとめてくださりありがとうございます。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

投稿者:: @yhira

アイコンリストブロックで数字付きリストを選択した場合は、数字だけ表示されていた

これは、Cocoon 2.6.7.2までですね。

Cocoon 2.6.7.3からは、今回の事象が発生しているようです。
(リストブロックのボーダーとスタイルが実装されたタイミングかと)

リストブロックのスタイルは、番号ありなし関係なく、スタイルが優先適用されます。
アイコンリストのインナーのリストブロックも同様だと思います。
(これは、意図的にそうしたと記憶しています)

それとの兼ね合いというのか、平仄というのか、そういうものも考える必要があるかもしれないです。
(いろんな考え方はあると思います)


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17392
 

投稿者:: @mk2_mk2

これは、Cocoon 2.6.7.2までですね。

ありがとうございます!該当箇所を限定する時間を短縮することができました。

@zuss さん

不具合を修正しGitHubにアップしてみたのでよろしければ試してみていただければ幸いです。

------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

少し確認させてください。

アイコンリストで、以下のようなものを作成しました。

 
これを、番号あり(ol)に変更します。
 
アイコンのは消えて、番号が表示されました。
ただ、下位レベルのアイコンも消えてしまいます。(マーカーが何もない)
下位レベルは番号なし(ul)のままです。
 
ここをどう考えるかというところはあるかもしれないです。
(仕様としても良いかもしれないですけれど、少し複雑になっている気はします)

   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17392
 

ご指摘ありがとうございます。

投稿者:: @mk2_mk2

アイコンのは消えて、番号が表示されました。
ただ、下位レベルのアイコンも消えてしまいます。(マーカーが何もない)

その部分は完全に不具合だと思います。
以下のように>を入れておくべきでした。
https://github.com/xserver-inc/cocoon/commit/146f2162ee2fa3001112ff863c879eda8dd2f000#diff-b78be019f1dc6d57753ea900c3805b114cd53ab7c0db836cc081836df1b99b7aR8030

GitHubのファイルもアップしておきました。

 

この投稿は1年前ずつわいひらに変更されました

   
zuss and mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

ご対応いただきありがとうございます。

アイコンリストが修正されていることを確認させていただきました。
少しリストブロックのスタイルやボーダーと併用して確認してみましたが、今のところ問題ないように思います。

 

zussさんのご確認お待ちしております。


   
zuss and わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17392
 

mk2さん、ご確認ありがとうございます!


   
 zuss
(@zuss)
Eminent Member Registered
結合: 2年前
投稿: 20
トピックスターター  

@yhira さま

@mk2_mk2 さま

お返事が遅くなり申し訳ありません。

さきほど最新ファイルをアップロードし、アイコンリストで数字付きリストを使用してみたところ、問題は起こらなくなっていました。

迅速な対応ありがとうございました。今後もCocoonを愛用し応援しています。

この投稿は1年前ずつzussに変更されました

   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17392
 

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


   
共有:

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

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

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

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

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

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

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

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