サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
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 ----------------------------------------------
This topic was modified 6か月前 by わいひら
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日 09:25
kata525 さん
以下の指定があります。
list-style-type: none; /*箇条書きのマーカーや数字を消す:none;*/
ソースが縮小されているため、どこの設定か?不明(多分該当行にstyleで直接書き込んでいる、)他は表示されている部分もあるので
This post was modified 6か月前 3回 by Yamachan11
わいひら reacted
Topic starter
2024年5月9日 16:12
皆様、ありがとうございました
今まで気が付いていませんでしたが、「アイコンリスト」の部分はタイトルの部分に
本文が書いてあったのですね
申し訳ありませんでした
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
Topic starter
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)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。