サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2024年5月8日 22:44
ラミネート天井とは？シミができて貼りなおす時の施工方法や価格を紹介 | 天井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 ----------------------------------------------
このトピックは8か月前からわいひらに変更されました
2024年5月8日 23:38
kata525さん
以下のことかと思いますが、マーカーは出ていると思うのですけれど、何か別のもののことを仰っていますでしょうか。
事象説明の際には、画像添付などあると伝わり易いかと思います。
ご提示いただいた環境情報を見る限りは、クラシックエディタをご利用のようです。
ただ、h2を見ると、ブロックエディタの痕跡もあるんですよね。
（最初、リストブロックのアイコンなのかとも疑いましたが・・・）
（最初、リストブロックのアイコンなのかとも疑いましたが・・・）
Classic Editor 1.6.3
（Cocoonは、このプラグインがなくても、クラシックエディタは使えるのですけれど）
ちなみに、以下は何か意図があってご利用なのでしょうか。
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
2024年5月9日 02:54
良く見ると、「アイコンリスト」ブロックが使われているところがありました。
（リスト部分は空ですけれど。文字が入力されているのはタイトル部分）
こちらも、マーカー部分は表示されているようです。
わいひら reacted
2024年5月9日 09:25
kata525 さん
以下の指定があります。
list-style-type: none; /*箇条書きのマーカーや数字を消す:none;*/
ソースが縮小されているため、どこの設定か？不明（多分該当行にstyleで直接書き込んでいる、）他は表示されている部分もあるので
この投稿は8か月前 3回ずつYamachan11に変更されました
わいひら reacted
トピックスターター 2024年5月9日 16:12
皆様、ありがとうございました
今まで気が付いていませんでしたが、「アイコンリスト」の部分はタイトルの部分に
本文が書いてあったのですね
申し訳ありませんでした
＼エックスサーバー開発のWordPressテーマ／
Cocoonバージョン: 2.4.9 でしたので、
更新しました
Cocoonバージョン: 2.7.3.5
にしました。ただの忘れです申し訳ありません
マーカーは出ていると思うのですけれど、
何か別のもののことを仰っていますでしょうか。
そうなんですか？
実は、私は視覚障害者一級で、背景色が黒でないと、
文字が読めないので、パソコンをハイコントラストで黒にしてみているのです
背景色が黒だからリストマークが見えないのでしょうか
それでしたら申し訳ありませんでした
list-style-type: none; /*箇条書きのマーカーや数字を消す:none;*/がどこに記載しているのでしょうか？
2024年5月9日 16:36
kata525さん
「ハイコントラスト」の影響だと思います。
私のPCで、まずは「ハイコントラスト」の指定がない状態だと以下です。
（kata525さんには、見えないかもしれませんが）
リストマーカーは表示されています。
続いて、「ハイコントラスト」にしてみました。
すると、「Chrome」と「Edge」では、リストマーカーは見えなくなってしまいました。
CSSで、リストマーカーの色を変更してみましたが、どの色にしても、残念ながら見えない状態でした。
今のところ、「Chrome」と「Edge」では、解決策を見つけていません。
ただ、「Firefox」だと何もしなくても、以下のように「ハイコントラスト」でも見える状態です。
良く分かりませんが、今のところブラウザに依ってしまう状態です。
kata525さん、とりあえず「Firefox」で閲覧していただけますでしょうか。
わいひら reacted
2024年5月9日 16:48
関係あるのか分かりませんが。
（なさそうですけれど）
エラーがあります。
「Cocoon設定」－「アクセス解析・認証」の部分だと思うのですけれど。
今は廃止された、ユニバーサルアナリティクスのものが入っていると思うのですが。
scriptの閉じタグがなくて、この後のheadタグ内の記述が、無効な状態になっています。
（次にscriptの閉じタグが出てくるまで？）
（次にscriptの閉じタグが出てくるまで？）
わいひら reacted
トピックスターター 2024年5月9日 17:06
GA4のトラッキングコードはプロパティを作成後に、cocoonのアクセス解析設定で
<!-- Google tag (gtag.js) -->で始まるコードをヘッド用コードに張り付ければ完了ですね
同意モードの設定はよく意味がわからないのですが
「同意モードのバナーがない」にしておきましたが、どのようにすればよいのですか？
これは、cocoonには無関係ですが、読んでも意味が理解できなくて、、すみません
2024年5月9日 18:13
先に本題について。
やはり「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
2024年5月9日 18:16
Analyticsについて。
Cocoonでは、トラッキングID入力欄がありますので、「ヘッド用コード」に入力する必要はないです。
それは、ユニバーサルアナリティクスの時もありました。
現在は、ユニバーサルアナリティクスは廃止されていますので、GA4の入力欄しかありません。
Google Analytics（GA4）でアクセス解析をする方法
https://wp-cocoon.com/ga4/
https://wp-cocoon.com/ga4/
わいひら reacted
2024年5月9日 18:28
同意モードについては、申し訳ありませんが、私は存じておりません。
（私が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点をご確認ください。
わいひら reacted
2024年5月9日 18:33
kata525さん
すみません、「ヘッド用コード」は使う必要はないのですけれど・・・。
（お好みなのかもしれないですけれど）
Analyticsについて。
Cocoonでは、トラッキングID入力欄がありますので、「ヘッド用コード」に入力する必要はないです。
それは、ユニバーサルアナリティクスの時もありました。現在は、ユニバーサルアナリティクスは廃止されていますので、GA4の入力欄しかありません。
Google Analytics（GA4）でアクセス解析をする方法
https://wp-cocoon.com/ga4/
今、サイトを拝見しても変わってないですね。
私が指摘しておきながら申し訳ないですが。（エラーになっていましたので、ご指摘させていただきました）
AnalyticsのトラッキングIDの登録は、難しくないと思います。
AnalyticsのトラッキングIDの登録は、難しくないと思います。
もし、これ以上何かある場合は、別トピックにしていただけないでしょうか。
先にも書いた通り、本題が疎かになってしまいます。
（しばらく本題が出てきていない）
（しばらく本題が出てきていない）
わいひら reacted
2024年5月9日 19:13
kata525さん
すみません。
今のところ、「Chrome」「Edge」での解決方法が見つからないんですよね。
他の詳しい方がご存知かもしれませんので、とりあえず今のところは「Firefox」をご利用いただければと思います。
私ももう少し調べてみます。
わいひら reacted
2024年5月9日 19:18
kata525さん
Chromeの拡張機能で、ハイコントラスト機能を提供しているみたいです。
（Google公式みたいです）
以下をご利用になると、変わりますか？
ハイ コントラスト
https://chromewebstore.google.com/detail/djcfdncoelnlbldjfhinnjlhdjlikmph
【追記】
私の環境ではWindowsでハイコントラストを有効にしていると、拡張機能と併用しても、ダメでした。
拡張機能だけを使えば、表示はされているのですけれど。
kata525さんのサイトは、元々が黒いですので、拡張機能を使うと違う感じになりますね。
例えば、拡張機能のみ使用の場合、このフォーラムは以下のように見えるのですけれど。
（モードは反転色）
kata525さんのサイトは、元々が黒いため、反転させると白くなります。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。