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

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

ウィジェットでリストタグの点が表示しな...
 
共有:
通知
すべてクリア

[解決済] ウィジェットでリストタグの点が表示しない

19 投稿
3 ユーザー
6 Reactions
2,460 表示
インパラ
(@spike)
Trusted Member Registered
結合: 7年前
投稿: 89
Topic starter  

いつもお世話になっております。



  • ああああああ

  • いいいいいい




上記を投稿本文上などにテキストウィジェットとして貼り付けてもリストの黒点が表示されません。

もし原因がわかるようでしたらご教示願います。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

たぶんウィジェットのスタイルがそのように:リストスタイルを表示しない。みたいになってるのかも知れないです。


   
わいひら reacted
インパラ
(@spike)
Trusted Member Registered
結合: 7年前
投稿: 89
Topic starter  

なるほどですね、ありがとうございます。

表示されるようになるとうれしいです。

ソースコードで囲ってしまったので、何が表示されているかわからないですね。(申し訳ありません)


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

ってか、実際のソースを見ないと何ともいえないんですよね。

ただ、テキストエディタであれば、class属性にCocoonのulリストの指定通り(親要素とか)HTMLタグで囲めば、簡単に表示できるかもしれません。

冒頭にある引用です。2.よろしくお願いします

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示してください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

   
わいひら reacted
インパラ
(@spike)
Trusted Member Registered
結合: 7年前
投稿: 89

   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

投稿本文上などにテキストウィジェットとして貼り付けてもリストの黒点が表示されません。

テキストウィジェットに入れたリストは見当たりませんよ。


   
わいひら reacted
インパラ
(@spike)
Trusted Member Registered
結合: 7年前
投稿: 89
Topic starter  

すみません、間違っていました!

投稿本文下でした。

 


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

ひとまず、子テーマのstyle.cssに以下のように書いて対応していただくしかないかもしれません。

.blank-box ul {
padding-left: 1em;
list-style: disc;
}

ここは、AMP CSS制限サイズに近づくとしても、長文コードを書いて対応した方が良いのか悩ましいところです…。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 
.widget ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

親テーマのこのスタイルを消すと不具合とかありますかねぇ???

不具合があるようであれば、子テーマに指定する必要はありますよね。


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

親テーマのこのスタイルを消すと不具合とかありますかねぇ???

カテゴリーとかアーカイブとかは、リストで表示されているため、解除すると黒点が表示されてしまいます。

もちろん、親テーマ側で表示させたくないウィジェットのみを指定してCSSセレクタを書けば、解消はします。
ただそうすると、CSSセレクターが超長くなってしまって、AMP CSS制限を圧迫するのが悩みどころです…。

何か、一般ウィジェットでは黒点が表示されて、カテゴリー・アーカイブでは表示されないうまいCSSセレクタの書き方はないものかなと。

でもやっぱ、CSSが長くなってもちゃんと書いた方が良いのかも。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

カテゴリーとかアーカイブ

完全に忘れてました^^;

ですね。他に調べたら何かしらあるかも。tocもですね。ってtocは消してるはずか…?

そこだけってか、list-styleなど属性を付けるとか、いつか…。

それってどんなんでしょうね??

 

This post was modified 5年前 2回 by かうたっく

   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 
/*ウィジェット(カテゴリー・アーカイブなど)*/
.widget_recent_entries ul,
.widget_categories ul,
.widget_archive ul,
.widget_pages ul,
.widget_meta ul,
.widget_rss ul,
.widget_nav_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

これを消すか、以下CSSを消すかでダイエットはできるみたいです ? ? ? 

.widget ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

 


   
わいひら reacted
インパラ
(@spike)
Trusted Member Registered
結合: 7年前
投稿: 89
Topic starter  

お世話になっております。

お二人ともアドバイスありがとうございます。

黒点が表示され大満足です。

ひとまず、このままにしておきたいと思います。

ありがとうございました。


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

ほんとだ!よく見たら、二重に指定していましたね。
.widget ulはいらないですわ。だとしたら、何で書いたんだろう…。
これだけでも、CSSを削減できるのは滅茶苦茶嬉しいです。
かうたっくさん、ありがとうございます!


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

修正版をアップしておきました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

当サイトにも適用しておきました。


   
インパラ
(@spike)
Trusted Member Registered
結合: 7年前
投稿: 89
Topic starter  

お世話になります。

修正版ありがとうございます。

早速アップします!

ちなみに、先程教えていただいたCSSは削除しても大丈夫でしょうか?


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

修正版を導入後は、CSSを削除してOKです。

  • リストが表示されてるはずなので、ご確認くださいね。

https://github.com/yhira/cocoon/commit/324ff7e5ddc406f9684d2b2e855e32653b6cd024


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

修正版をアップしておきました。
https://wp-cocoon.com/1-8-9/


   
インパラ
(@spike)
Trusted Member Registered
結合: 7年前
投稿: 89
Topic starter  

ありがとうございました!


   
共有:

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

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

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

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

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

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

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

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