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 ユーザー
13 Reactions
344 表示
(@kata525)
Eminent Member Registered
結合: 3年前
投稿: 17
Topic starter  

ラミネート天井とは?シミができて貼りなおす時の施工方法や価格を紹介 | 天井110番 (ivcsd.com)

この記事の中の

  • 雨漏り
  • 水漏れ
  • 害獣の糞尿
  • の部分ですが、リストマークが表示できないのです
  • 番号も出ないです
  • 何が原因なのでしょうか?
  •  
サイト名:天井110番
サイトURL: https://ivcsd.com 
ホームURL: https://ivcsd.com 
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-dark-ruri/style.css
WordPressバージョン:6.3.4
PHPバージョン:7.4.33
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36 Edg/124.0.0.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br, zstd
言語:ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.4.9
カテゴリ数:10
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:845バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ: http://ivcsd.com/wp-content/themes/cocoon-master/screenshot.jpg 
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Advanced Ads 1.52.2
Akismet Anti-spam: Spam Protection 5.3.2
BackWPup 4.0.4
Classic Editor 1.6.3
ConoHa WING コントロールパネルプラグイン 1.2
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.9.4
Flexible Table Block 3.2.0
Rinker 1.10.2
XML Sitemap Generator for Google 4.1.19
----------------------------------------------
This topic was modified 7か月前 by わいひら

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

kata525さん

以下のことかと思いますが、マーカーは出ていると思うのですけれど、何か別のもののことを仰っていますでしょうか。

 
事象説明の際には、画像添付などあると伝わり易いかと思います。
 
ご提示いただいた環境情報を見る限りは、クラシックエディタをご利用のようです。
ただ、h2を見ると、ブロックエディタの痕跡もあるんですよね。
(最初、リストブロックのアイコンなのかとも疑いましたが・・・)
 
投稿者:: @kata525

Classic Editor 1.6.3

(Cocoonは、このプラグインがなくても、クラシックエディタは使えるのですけれど)

 

ちなみに、以下は何か意図があってご利用なのでしょうか。

投稿者:: @kata525

WordPressバージョン:6.3.4
----------------------------------------------
テーマ名:Cocoon
バージョン:2.4.9

WordPress 6.3系が最初にリリースされたのが、2023年8月。
Cocoon 2.4.9は、2022年9月頃のバージョンです。

Cocoon 2.4.9は、WordPress 6.3系には対応していないと思います。
(クラシックエディタの場合は、あまり関係ない気はしますが、少なくともそれ以降の不具合対応は入っていないです)

現在の最新バージョンは、それぞれ以下です。

WordPress 6.5.3
Cocoon 2.7.3.5

 

現在は廃止された、UA(ユニバーサルアナリティクス)のトラッキングIDも入っているみたいですね。
(GA4のものはなさそう?)


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7946
 

良く見ると、「アイコンリスト」ブロックが使われているところがありました。
(リスト部分は空ですけれど。文字が入力されているのはタイトル部分)

こちらも、マーカー部分は表示されているようです。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7946
 

以下は、クラシックエディタみたいですけれど。
ol,ulともにマーカーありますね。


   
わいひら reacted
返信引用
(@yamachan11)
Honorable Member Registered
結合: 5年前
投稿: 427
 

 kata525 さん

以下の指定があります。

  list-style-type: none;  /*箇条書きのマーカーや数字を消す:none;*/
ソースが縮小されているため、どこの設定か?不明(多分該当行にstyleで直接書き込んでいる、)他は表示されている部分もあるので
 
This post was modified 7か月前 3回 by Yamachan11

   
わいひら reacted
返信引用
(@kata525)
Eminent Member Registered
結合: 3年前
投稿: 17
Topic starter  

皆様、ありがとうございました

今まで気が付いていませんでしたが、「アイコンリスト」の部分はタイトルの部分に

本文が書いてあったのですね

申し訳ありませんでした

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

Cocoonバージョン: 2.4.9 でしたので、

更新しました

Cocoonバージョン: 2.7.3.5

にしました。ただの忘れです申し訳ありません

マーカーは出ていると思うのですけれど、

何か別のもののことを仰っていますでしょうか。

そうなんですか?

実は、私は視覚障害者一級で、背景色が黒でないと、

文字が読めないので、パソコンをハイコントラストで黒にしてみているのです

背景色が黒だからリストマークが見えないのでしょうか

それでしたら申し訳ありませんでした

 

list-style-type: none;  /*箇条書きのマーカーや数字を消す:none;*/がどこに記載しているのでしょうか?

 


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7946
 

kata525さん

「ハイコントラスト」の影響だと思います。

私のPCで、まずは「ハイコントラスト」の指定がない状態だと以下です。
(kata525さんには、見えないかもしれませんが)

 
リストマーカーは表示されています。
 
続いて、「ハイコントラスト」にしてみました。

すると、「Chrome」と「Edge」では、リストマーカーは見えなくなってしまいました。
 
CSSで、リストマーカーの色を変更してみましたが、どの色にしても、残念ながら見えない状態でした。
今のところ、「Chrome」と「Edge」では、解決策を見つけていません。
 
ただ、「Firefox」だと何もしなくても、以下のように「ハイコントラスト」でも見える状態です。
 
良く分かりませんが、今のところブラウザに依ってしまう状態です。
 
kata525さん、とりあえず「Firefox」で閲覧していただけますでしょうか。

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7946
 

関係あるのか分かりませんが。
(なさそうですけれど)

エラーがあります。

 
「Cocoon設定」-「アクセス解析・認証」の部分だと思うのですけれど。
今は廃止された、ユニバーサルアナリティクスのものが入っていると思うのですが。
 
scriptの閉じタグがなくて、この後のheadタグ内の記述が、無効な状態になっています。
(次にscriptの閉じタグが出てくるまで?)

   
わいひら reacted
返信引用
(@kata525)
Eminent Member Registered
結合: 3年前
投稿: 17
Topic starter  

GA4のトラッキングコードはプロパティを作成後に、cocoonのアクセス解析設定で
<!-- Google tag (gtag.js) -->で始まるコードをヘッド用コードに張り付ければ完了ですね

同意モードの設定はよく意味がわからないのですが

「同意モードのバナーがない」にしておきましたが、どのようにすればよいのですか?

これは、cocoonには無関係ですが、読んでも意味が理解できなくて、、すみません

同意モードについて - Google 広告 ヘルプ


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7946
 

先に本題について。

やはり「Chrome」と「Edge」では、今のところ表示されないです。

「forced-colors」というメディアクエリや、「forced-color-adjust」というプロパティもあるみたいですが、試しても上手くいかないですね。
デベロッパーツールで確認すると、「ハイコントラスト」にすると、確かに適用されてはいるのですけれど。
(「ハイコントラスト」をオフにすると、適用されなくなります)

forced-colors
https://developer.mozilla.org/ja/docs/Web/CSS/@media/forced-colors

forced-color-adjust
https://developer.mozilla.org/ja/docs/Web/CSS/forced-color-adjust


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7946
 

Analyticsについて。

Cocoonでは、トラッキングID入力欄がありますので、「ヘッド用コード」に入力する必要はないです。
それは、ユニバーサルアナリティクスの時もありました。

現在は、ユニバーサルアナリティクスは廃止されていますので、GA4の入力欄しかありません。

 
Google Analytics(GA4)でアクセス解析をする方法
https://wp-cocoon.com/ga4/

   
わいひら reacted
返信引用
(@kata525)
Eminent Member Registered
結合: 3年前
投稿: 17
Topic starter  

@mk2_mk2 ご返信いただき、ありがとうふぉざいます

今、再度やり直して貼り付けました

も書き加えました


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7946
 

同意モードについては、申し訳ありませんが、私は存じておりません。
(私がGA4を設定てした時はなかったような・・・)

とりあえず、Googleのヘルプを辿っていくと・・・。

アナリティクスヘルプ
同意モードについて
https://support.google.com/analytics/answer/10000067?hl=ja

上記を見ていて、リンクから次へ。

アナリティクスヘルプ
ユーザーの同意の管理について
https://support.google.com/analytics/answer/12329599

更に上記から。

アナリティクスヘルプ
Obtain user consent(ユーザーの同意を得る)
https://support.google.com/analytics/answer/14009343#offline-consent

更に上記からリンクを辿り・・・。

タグマネージャーヘルプ
同意管理プラットフォームまたはコンテンツ マネジメント システムを使用して同意モードのバナーをセットアップする
https://support.google.com/tagmanager/answer/14546213

すると上記には、以下のようにありました。

CMP または CMS を使用して同意モードのバナーをセットアップする

ウェブサイトを運営している場合、同意モードのバナーを実装する最も簡単な方法は、同意管理プラットフォーム(CMP)またはコンテンツ マネジメント システム(CMS)を使用する(お使いの CMS がすでに同意モードのバナー ソリューションを提供している場合)ことです。

自分で実装はできるけれど、CMPまたはCMSの機能を使うと実装が簡単ということだと思いますけれど。
下の方に、一覧が載っていますが、CMSにWordPressはないみたいですね。

 

「Analytics 同意モード WordPress」で検索すると、以下のようなものが見つかりました。
(他にもいろいろヒットします)

CMPを使ったり、プラグインを使ったりしているみたいです。

Google Analyticsの同意モード(Consent mode)セットアップ
https://qiita.com/masato_makino/items/fdc82801615760309ed3

Google 同意モードを利用してGA4の計測を行うとどうなるか検証してみた
https://tech.nri-net.com/entry/ga4_using_google_consent_mode

【WordPress】Cookie同意ボタンを作成しよう(Googleアナリティクス、GTM対応)
https://sight-r.sts-inc.co.jp/tech/wordpress_cookie_notice_setting/

 

こちらは、本題からは逸れますので、別のトピックが良いのではないかと思います。
(こんなに書いてしまいましたけれど。そしてこれ以上は私には難しいですけれど)

フォーラム上部の案内にありますように、1トピック1つの質問が原則ですので。
今回はエラーになっていましたので、ご指摘させていただきました。

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

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7946
 

kata525さん

すみません、「ヘッド用コード」は使う必要はないのですけれど・・・。
(お好みなのかもしれないですけれど)

投稿者:: @mk2_mk2

Analyticsについて。

Cocoonでは、トラッキングID入力欄がありますので、「ヘッド用コード」に入力する必要はないです。
それは、ユニバーサルアナリティクスの時もありました。

現在は、ユニバーサルアナリティクスは廃止されていますので、GA4の入力欄しかありません。

 
Google Analytics(GA4)でアクセス解析をする方法
https://wp-cocoon.com/ga4/

 

 

今、サイトを拝見しても変わってないですね。

 
 
 
私が指摘しておきながら申し訳ないですが。(エラーになっていましたので、ご指摘させていただきました)
AnalyticsのトラッキングIDの登録は、難しくないと思います。
 
もし、これ以上何かある場合は、別トピックにしていただけないでしょうか。
先にも書いた通り、本題が疎かになってしまいます。
(しばらく本題が出てきていない)
 
投稿者:: @mk2_mk2

こちらは、本題からは逸れますので、別のトピックが良いのではないかと思います。
(こんなに書いてしまいましたけれど。そしてこれ以上は私には難しいですけれど)

フォーラム上部の案内にありますように、1トピック1つの質問が原則ですので。
今回はエラーになっていましたので、ご指摘させていただきました。

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

 


   
わいひら reacted
返信引用
(@kata525)
Eminent Member Registered
結合: 3年前
投稿: 17
Topic starter  

@mk2_mk2 Firefoxで確認席ました

これならハイコントラストでも確認できますね、ありがとうございます


   
返信引用
(@kata525)
Eminent Member Registered
結合: 3年前
投稿: 17
Topic starter  

@mk2_mk2 「ヘッド用コード」は使う必要はない、そうなんですか、今消します

だけにしました


   
返信引用
(@kata525)
Eminent Member Registered
結合: 3年前
投稿: 17
Topic starter  

@mk2_mk2 様、

ありがとうございました、アナリティクスのGA4は、cocoonの場合は、アクセス解析設定で

GA4測定IDを記入するだけにします

リストマークの件はハイコントラストが原因ということで納得いたしましたので

これにて解決とさせていただきます。

視覚障害者のため、皆様にご苦労をおかけし、申し訳ありませんでした

今後はブラウザをFireFoxにした方が良いですので変えます

皆さん、ご親切に教えてくださり、誠にありがとうございました


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7946
 

kata525さん

すみません。

今のところ、「Chrome」「Edge」での解決方法が見つからないんですよね。

他の詳しい方がご存知かもしれませんので、とりあえず今のところは「Firefox」をご利用いただければと思います。

私ももう少し調べてみます。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7946
 

kata525さん

Chromeの拡張機能で、ハイコントラスト機能を提供しているみたいです。
(Google公式みたいです)

以下をご利用になると、変わりますか?

ハイ コントラスト
https://chromewebstore.google.com/detail/djcfdncoelnlbldjfhinnjlhdjlikmph

 

【追記】

私の環境ではWindowsでハイコントラストを有効にしていると、拡張機能と併用しても、ダメでした。
拡張機能だけを使えば、表示はされているのですけれど。

kata525さんのサイトは、元々が黒いですので、拡張機能を使うと違う感じになりますね。

 

例えば、拡張機能のみ使用の場合、このフォーラムは以下のように見えるのですけれど。
(モードは反転色)

 
kata525さんのサイトは、元々が黒いため、反転させると白くなります。

   
わいひら reacted
返信引用
共有:

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

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

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

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

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

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

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

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