サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018年7月7日 07:18
いつも大変お世話になっております。
Cocoonテーマのいつかのバージョンから、HTML5のチェックでエラーが出ているように見受けられましたので、ご連絡致しました。
HTML5のチェックとは、「 https://validator.w3.org/nu/ 」でのチェックのことを指しております。
具体的なエラーメッセージとしては、サイトをチェックすると、以下の警告が発生し、
「Document uses the Unicode Private Use Area(s), which should not be used in publicly exchanged documents. (Charmod C073)」
その後に、
「CSS: Parse Error.」が続くというものです。
チェックしたURLは以下の通りです。
なお、特定のURLのみでなく、私のサイトの全URLで発生している状況です。また、勝手ながらわいひら様のURL「 https://wp-cocoon.com/」でも試させていただき、同様のエラーが出ていることを確認させていただきました。
最初の警告を見ると、文字化け？が起きているように見えました。もし、想定通りの警告でしたら仕様通りということで無視するように致します。
ご確認いただけますと幸いです。
----------------------------------------------
サイト名：ぱぱたす(PaPa＋)
サイトURL： https://ikumen-sim.net
ホームURL： https://ikumen-sim.net
コンテンツURL： https://ikumen-sim.net/wp-content
インクルードURL： https://ikumen-sim.net/wp-includes/
テンプレートURL： https://ikumen-sim.net/wp-content/themes/cocoon-master
スタイルシートURL： https://ikumen-sim.net/wp-content/themes/cocoon-child-master
Wordpressバージョン：4.9.7
PHPバージョン：7.1.18
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：1.0.2
カテゴリ数：38
タグ数：218
ユーザー数：2
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.0.8
All In One SEO Pack 2.6.1
Broken Link Checker 1.11.5
Contact Form 7 5.0.2
EWWW Image Optimizer 4.2.2
Font Awesome 4 Menus 4.7.0
Google XML Sitemaps 4.0.9
LiteSpeed Cache 2.4
Regenerate Thumbnails 3.0.2
SiteGuard WP Plugin 1.4.3
WP Multibyte Patch 2.8.1
----------------------------------------------
2018年7月7日 08:28
Error: CSS: Parse Error.
ay:inline-block}.site-name-tex
このようになりますが、実際リンクを踏んだ箇所のCSSを親テーマや子テーマで確認していただけたらと思います。
実際のコードと違っている点があるかもしれません。
もし気になるようでしたらCocoon設定、サイト高速化の『CSSを縮小化する』でチェックを外して確認いただいたらと思います。
CSSの余分な改行や余白を削除することによりソースコードのサイズを減らします。
- Cocoonで使用しているライブラリの仕様っぽい
selector {
property: value;
color: red
｝
ちなみに。最後のセミコロン;は無くても、実際にエラーにはなりません。
validator.w3.orgもですが、なんだか三角形だと『正確にクルイのない正三角形』の仕様みたいだからこそ良いのかも知れませんが、うぅーーん…。。悩ましくって、うなってしまいます＾＾；
想定通りというか、そうなってしまうのかも？上手くいけそうなら、思い通りの結果になると良いですよね＾＾
2018年7月7日 19:20
「Document uses the Unicode Private Use Area(s), which should not be used in publicly exchanged documents. (Charmod C073)」
これに関しては、以下の条件がそろうと表示されます。
- Font Awesomeを利用している（アイコン[Unicode]を使用しているので必須）
- CSSの高速化を行っている（ファイルではなくページ上のstyleタグ内に直に書いている）
なので、CSSの高速化を無効にすれば表示はされなくなると思います。
ただ、CSS高速化を使うのであれば、「Font Awesome利用」と「styleタグに書く」ということは必須になるので、今のところどうしようもないです。
また一応、Warningは、エラーではなく警告です。
2018年7月7日 19:25
CSS: Parse Error.
これはCSSのエラーです。HTML5のものではありません。
これも、確かCSSの高速化を行わなければ表示されないと思います。
Cocoonテーマ内のCSSエラーは見つけた限りは取り除いてあります。
けれど、使われるCSSはプラグインのものも含まれます。Cocoonの仕様上高速化を行うとプラグインのCSSまで読み込んでstyleタグで出力されます。
すると、プラグインのCSSにエラーがある場合は、それが含まれて表示されてしまいます。
ただこれは、全てのプラグインに、CSSエラーを修正してもらうわけにはいかないので、これもちょっとどうしようもないです。
Topic starter
2018年7月8日 21:08
かうたっく様、わいひら様＞
お忙しい中ご返信いただきましてありがとうございました。頂いた内容について承知いたしました。
「CSSの高速化」と「HTML5のチェックエラー」の必要性を考えると、CSSの高速化の方が必要と思いますので、このままにしたいと思います。
お時間を取らせてしまい、失礼いたしました。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。