サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年9月20日 15:21
いつもおせわになっております。
AMPからエラーが出されているのですが、Cocoonのどこを開いて見たら良いかという初歩的な所からわかっていないのですが、教えていただけますでしょうか。
（別々にトピ建てた方が良かったでしょうか。?）
タグ「amp-analytics」には拡張機能 JavaScript の「amp-analytics」が含まれている必要があります。とタグ「style amp-custom」の CSS 構文エラー - 宣言が無効です。なのですが、どこを開いてどのように直したら良いでしょうか。
右も左もわからず、すみません。 ?
Topic starter
2020年9月20日 15:35
現状の環境情報
----------------------------------------------
サイトURL： https://maria-taiwan.com/
Wordpressバージョン：最新バージョンです。
テーマ：最新バージョンのです
----------------------------------------------
利用中のプラグイン：
Advanced noCaptcha & invisible Captcha
Aurora Heatmap
BackWPup
Category Order and Taxonomy Terms Order
Contact Form 7
Easy Table of Contents
Edit Author Slug
EWWW Image Optimizer
Google XML Sitemaps
Jetpack by WordPress.com
LiteSpeed Cache
Page Builder by SiteOrigin
Regenerate Thumbnails
SiteGuard WP Plugin
Universal Star Rating
WebSub/PubSubHubbub
Wordfence Security
WordPress Ping Optimizer
WP Fastest Cache
WP Multibyte Patch
WP-Copyright-Protection
Invisible reCaptcha これは入ってるけど無効にしてます。
----------------------------------------------
「amp-analytics」の方は、
行 1:43037
mp-analytics config="https://www.googletagmanager.com/amp.jso と出ています。
「style amp-custom」の方は、
行 1:41197
;transition:.5s;.tag-caption .fa-tag{displa と出ています。
ど素人ですみません。
CSSの本とか買って読んだらもっとわかるようになりますでしょうか。 ?
2020年9月20日 19:40
実際にAMPエラーが出ているURLをいただいてよろしいでしょうか。
加えて、フォーラム何年にもありますように、高速化設定を無効にしていただければと思います。
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
加えて、ソースコードチェックがしづらいので、以下のプラグインは無効にしていただけると助かります。
WP-Copyright-Protection
TaiwanMaria reacted
Topic starter
2020年9月21日 00:08
わいひらさん、いつもありがとうございます。
初歩的なところ出来てなくてお手間おかけしました。
高速化設定とプラグイン無効にしました。
Google AMPテストでは、タイトルの２つが出てまして、
Google Serch Console だともっといっぱいAMPエラー上がってます。なぜ表示されるエラーが違うのかよくわかってなくて。以下に書き出させていただいてもよろしいでしょうか。
Google Serch Console の方が詳細を教えてくれているのでしょうか。
フォーラムのルールと違っていましたらすみません、改めます、、、。
タグ「style amp-custom」の CSS 構文エラーです。に関しては複数ページで出てまして
https://maria-taiwan.com/?amp=1
https://maria-taiwan.com/2020/02/05/3361/?amp=1
などです。
タグ「i-amphtml-sizer」は特定の形式以外は許可されていません。は、以下などです。
https://maria-taiwan.com/2019/03/18/747/?amp=1
https://maria-taiwan.com/2019/03/13/308/?amp=1
このページには AMP コンポーネントの「script」タグが必要ですが、このタグがありません。
https://maria-taiwan.com/?amp=1
https://maria-taiwan.com/2020/02/05/3361/?amp=1
などです。
許可されていない属性または属性値が HMTL タグにあります。
https://maria-taiwan.com/?amp=1
https://maria-taiwan.com/2020/02/05/3361/?amp=1
などです。
思い当たるのは、他所様の書いたCSSをコピペして上手く行かず、なんとなくでまた消したり書いたりしていたので、それで書き間違えてるとかかな、と思います。
お手数おかけしてすみません。ありがとうございます。
2020年9月21日 19:41
思い当たるのは、他所様の書いたCSSをコピペして上手く行かず、なんとなくでまた消したり書いたりしていたので、それで書き間違えてるとかかな、と思います。
style amp-customこれについては、CSSの構文エラーがあるのではないかと思います。
CSSのカッコの閉じ忘れ等はないでしょうか。
TaiwanMaria reacted
2020年9月21日 19:50
とりあえず、話題が混同するとわかりづらくないので、とりあえずCSSの以下のエラーから解決していければと思います。
CSS syntax error in tag 'style amp-custom' - invalid declaration.
TaiwanMaria reacted
Topic starter
2020年9月26日 22:08
わいひらさん、いつもお教え下さりありがとうございます。
サイト右側に設置したタグの外観を変えるCSSでカラー指定が他は6桁入力だったのですが、一か所だけfffと３桁だったので、ffffffと6桁で揃えました。
それからご指摘の通り一か所タグが閉じていませんでした。
コピペしていてcssの書き方をすっかり忘れていたのでググって解決し、タグを閉じました。
Cocoonが非常に便利なのとWordPress自体未だにあまりよくわかっていないのですが、
タグ「i-amphtml-sizer」は特定の形式以外は許可されていません。は検証の結果保留となりました。
残り２つは相変わらずの状態です。
https://maria-taiwan.com/?amp=1 で以下２つのエラーが出ているのですが、どこかのテーマエディターを見たら良いものなのでしょうか。
お手数おかけします、、、。 ?
The tag 'amp-analytics' requires including the 'amp-analytics' extension JavaScript.
CSS syntax error in tag 'style amp-custom' - invalid declaration.
Topic starter
2020年9月27日 18:15
追記です。
どちらも https://maria-taiwan.com/?amp=1 のページでエラーが出ていまして、
CSS syntax error in tag 'style amp-custom' - incomplete declaration.
line 79, column 37518
Font Awesome 5 Free"; content:"♯";padding-right:3px}#post-4227 h1.entry-title{display:none}
のあたりで、CSS syntax error in tag 'style amp-custom' - invalid declaration.が出ていますが、思い当たる所は修正したので、キャッシュがのこっていたりするものなのでしょうか。
もう一か所は
The tag 'amp-analytics' requires including the 'amp-analytics' extension JavaScript.
line 135, column 2
がずっと出ています。
の行を言っているようですが、そもそものGoogle側の設定が違うとかなのでしょうか。
AMPページではない個所とAMPページ用とでタグは２つ設定し、Cocoon設定のタグマネージャIDと、AMPタグマネージャIDにそれぞれ入力しました。
ヘッド用コード、ヘッダー用コード、フッター用コードは空欄のままです。
2020年9月27日 19:20
思い当たる所は修正したので、キャッシュがのこっていたりするものなのでしょうか。
Cocoon設定のキャッシュ削除からAMPのキャッシュ削除は行う必要があるかもしれません。
TaiwanMaria reacted
Topic starter
2020年9月27日 21:19
わいひらさん、ありがとうございます。 ?
AMPのキャッシュクリアしたら、「有効な AMP ページです」が出ました。
ぜんぶ初歩的な所でつまづいてました。
お手数おかけしてすみませんでした。
CSSちょっとだけわかったので、以後気をつけます。
それからキャッシュのクリアも（一生懸命ブラウザのキャッシュクリアしてました?）。
わいひら reacted
2020年9月28日 20:12
うまくいったようでよかったです。
一応同様の問題が起きて、このトピックに検索から訪れた方向けに設定方法のスクリーンショットも貼り付けておきます。
TaiwanMaria reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。