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カスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

タグ「style[amp-keyfra...
 
共有:
通知
すべてクリア

タグ「style[amp-keyframes]」の親タグは「body」である必要があります

25 投稿
7 ユーザー
17 Reactions
2,596 表示
(@ゆういっちゃん)
Active Member
結合: 3年前
投稿: 11
トピックスターター  

こんばんは。

タグ「style[amp-keyframes]」の親タグは「body」である必要があります

と出てしまっていて、どこをどう直せばよいか全くわかりません。

ご教示いただけますでしょうか。

https://yuuicchan.com  です。

よろしくお願いいたします。


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

ゆういっちゃんさん

内容を拝見すると、AMP絡みのもののようですが、現状、URLをご提示いただいたトップページを確認したところAMP化されていない様子です。

そのため、AMPエラーの確認はできない状態です。

AMPのエラーであれば、AMP化した状態を拝見させていただかないと、エラー内容の確認などは難しいと思います。

 

何に、どんなエラーが出たのか。(SearchConsole?)
エラー内容のテキストや画像、リンク等の貼り付けをお願いします。

どのページに対して、エラーが出たのか。
実際にエラーになっているページのURLをご提示ください。

そういう情報をご提示いただきたいです。

 

なお、お問い合わせに際しては、フォーラム上部の案内をご覧いただき、環境情報等のご提示をお願い致します。

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

 

フォーラム上部のテンプレートをご利用になると、内容が伝わり易いかと思います。

 
 
と言いつつ、私は晩御飯ですので、しばらく席を外してしまいます。

   
わいひら reacted
返信引用
さる子
(@saruko)
Reputable Member Moderator
結合: 5年前
投稿: 482
 

※mk2さんと内容が被ったので削除。

 

こちらのページでAMPエラーが出ているようです。

https://yuuicchan.com/yuuicchanprofile/?amp=1

 

スマホから見てるのでこれ以上詳しく見れないのため、他の方の回答をお待ちください。


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

さる子さんがURLを貼り付けてくださったので、該当ページが分かりました。

AMPテストの結果をリンクしておきます。
https://search.google.com/test/amp?id=gsP5R5QKbLm0JsEPfHHVYA

 

すみませんが、晩御飯のため、しばらく席を外します。


   
わいひら reacted
返信引用
さる子
(@saruko)
Reputable Member Moderator
結合: 5年前
投稿: 482
 

エラー画面の画像を貼り忘れました…。


   
返信引用
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1090
 

直前に書き込みされていたトピックと同じ状況のようです。

ゆういっちゃんさんのサイトの最新記事のAMPページを、前述のトピックでAkiraさんが挙げてくださってるサイトでチェックするとdivタグの閉じタグが足りないようです。

チェック結果     <DIV>タグ:162個    </DIV>タグ:161個 DIVタグの数に違いがあります!

ではどこの閉じタグが足りないのかと言われると…
上手い調べ方がいまいち分かりませんでした。


同じ記事のAMPじゃないページで同じチェックをすると、

チェック結果     <DIV>タグ:200個    </DIV>タグ:200個 DIVタグの数に問題はありません

と表示され問題ないのも謎です。


   
わいひら reacted
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

環境情報を頂いた上で、Cocoon 設定 → キャッシュ削除より「AMP キャッシュの削除」を行って頂けますか?

この投稿は3年前 3回ずつAkiraに変更されました

   
返信引用
(@ゆういっちゃん)
Active Member
結合: 3年前
投稿: 11
トピックスターター  

?amp=1とサイトURLの後ろについてしまします。

最近グーグルサーチコンソールを始めて、エラーのメールがきます。

該当ページが61ページもあり、上記のように「?amp=1」と付いてしまい、正常ではないそうです。

どのページのどこを表示すれば見ていただけるのでしょうか?


   
返信引用
(@ゆういっちゃん)
Active Member
結合: 3年前
投稿: 11
トピックスターター  

@akira

AMPキャッシュ削除してもワードプレスで今まで作成したブログ等に影響はないでしょうか?

なにも分からないのですいませんが教えていただけますでしょうか?


   
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

AMPキャッシュ削除してもワードプレスで今まで作成したブログ等に影響はないでしょうか?

ありません。

?amp=1とサイトURLの後ろについてしまします。

Cocoon の AMP ページの URL では、?amp=1 と付きます。

この投稿は3年前ずつAkiraに変更されました

   
返信引用
(@ゆういっちゃん)
Active Member
結合: 3年前
投稿: 11
トピックスターター  

@akira

AMPキャッシュの削除を行いました!

ご確認よろしくお願いします。


   
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

環境情報もお願いいたします。

参考: 不具合報告の際に添えていただけると嬉しい環境情報の取得方法

AMP ページの footer タグ(サイト全体のやつ)がおかしいのは分かりました。開きタグがなくなっています。ただ、なぜなくなっているのか原因が分からないです。


   
返信引用
(@ゆういっちゃん)
Active Member
結合: 3年前
投稿: 11
トピックスターター  

環境情報になります。

 

----------------------------------------------
サイト名:ゆういっちゃんLab
サイトURL: https://yuuicchan.com
ホームURL: https://yuuicchan.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-colorful-line/style.css
WordPressバージョン:5.8.1
PHPバージョン:7.4.13
ブラウザ:Mozilla/5.0 (X11; CrOS aarch64 13982.88.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.162 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.5.1
カテゴリ数:35
タグ数:15
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:845バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2021/01/logo-1-1.png
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.12
All in One SEO 4.1.4.2
BackWPup 3.10.0
Classic Editor 1.6.2
Contact Form 7 5.4.2
Copy & Delete Posts 1.1.8
Google Analytics for WordPress by MonsterInsights 7.18.0
Head, Footer and Post Injections 3.2.2
SiteGuard WP Plugin 1.6.0
WP Multibyte Patch 2.9
WP Revisions Control 1.3
----------------------------------------------


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@akira さん

ゆういっちゃんさん

articleの中のfooterタグと間違っていたようです。

もう少し探ってみないとですね。

この投稿は3年前 2回ずつリフィトリーに変更されました

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

とりあえず、Chromeの拡張機能でチェックすると、以下のようには表示されますね。

137行目:<div id="container" class="container cf" data-barba="container" data-barba-namespace="singular"> : タグが閉じていません

601行目:</footer> : 開きタグがありません

そして、また席を外してしまいます…すみません。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

Akiraさん

ゆういっちゃんさん

@mk2_mk2 さん

footerタグの開始タグが出力されない原因は、よくわかりませんが、一般的な切り分け方法としては、やっぱり、プラグインを全て停止してみるというのは、一度、試してみてもいいのかなという気がします。

 

mk2さん

あ、id=containerの divタグの閉じタグもですね。

この投稿は3年前ずつリフィトリーに変更されました

   
わいひら reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

id=containerの divタグの閉じタグは、どうもあるみたいです。

 


   
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

2 つ質問があります。

● 質問 1

リフィトリーさんがおっしゃっているように、プラグインを全て停止するとどうなるでしょうか。

停止後は、Cocoon 設定 → キャッシュ削除より「AMP キャッシュの削除」を行います。そして、AMP テストで下記 URL を検証します。「有効な AMP ページではありません」となった場合は、プラグインを全て有効にしていただいて構いません。

 https://yuuicchan.com/kappabashi/?amp=1 

● 質問 2

ウィジェットエリアの「サイドバースクロール追従」にあるウィジェットは、通常ページと AMP ページとで全く同じでしょうか。AMP ページで非表示にするなどの設定はされていますか。

※通常ページのサイドバーで確認できる「テーマ」以降が、AMP ページでなくなっています。

この投稿は3年前 2回ずつAkiraに変更されました

   
返信引用
(@ゆういっちゃん)
Active Member
結合: 3年前
投稿: 11
トピックスターター  

プラグインを全て無効化し、AMPキャッシュの削除後、AMPテストでULRを

検証しました。

結果は「有効な AMP ページではありません」。となってしまいました。

また、ウィジェットエリアの「サイドバースクロール追従」にあるウィジェットも確認したのですが、通常ページとAMPページが分からず比較できなかったのですが、cocoon設定でAMP非表示にする設定は見つかりませんでした。


   
返信引用
(@ゆういっちゃん)
Active Member
結合: 3年前
投稿: 11
トピックスターター  

先程、はる様がおっしゃっていたように、

チェック結果     <DIV>タグ:162個    </DIV>タグ:161個 DIVタグの数に違いがあります!

<DIV>タグを、投稿本文テキストから足りない箇所を探して付け加えるというのも見たほうがよろしいでしょうか?

本文になると暗号みたいな文字数が多すぎてどこが抜けているかとても探せないとは思いますが。

今回問題が検出されているのは本文(テキスト)の中が問題なのでしょうか?


   
返信引用
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1090
 
投稿者:: @akira

AMP ページの footer タグ(サイト全体のやつ)がおかしいのは分かりました。

こちらの書き込みを見て、

Head, Footer and Post Injections 3.2.2

このプラグインが怪しいんじゃないかなと思いました。

こちらで挿入しているHTMLの内容(特にフッター)を見直して内容に問題がないか確認してみるのが良さそう…?


ウィジェットの内容も確かに通常ページとAMPページで違いますね。

どこかのタイミングでウィジェットを変更していて、何らかの理由でAMPキャッシュが消えずに残ってしまっているとか…?


   
わいひら reacted
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

私の環境でも AMP エラーを再現できました。これはテーマの不具合です。

わいひらさんが修正されるまで気長にお待ち下さい。AMP エラーが出ても検索結果には影響は出ないはずなので、ご心配になる必要はないと思います。

※モバイル端末の Google 検索から訪れるページが、AMP ページから通常ページに変わるだけです。

少しでも早く AMP エラーを解消されたい場合は、下記の暫定対策があります。

  1. ウィジェットエリア「フッター(モバイル用)」にある「カテゴリー」ウィジェットを開く
  2. 「表示設定」をクリック
  3. 「ウィジェットの表示」を「チェック・入力したページで非表示」にする
  4. 「ページ」にある「AMPページ」にチェックを入れる

   
返信引用
(@ゆういっちゃん)
Active Member
結合: 3年前
投稿: 11
トピックスターター  

@akira

最後までご確認くださりありがとうございます。

cocoonの修正を待ってみます。

 


   
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

わいひらさんへ

● 不具合の再現方法

このようにウィジェットを設定すると不具合を再現できます。

  • サイドバースクロール追従」に「カテゴリー」ウィジェットを入れる。「ドロップダウン」で表示にはチェックを入れない。
  • フッター(モバイル用) 」に「カテゴリー」ウィジェットを入れる。こちらは「ドロップダウン」で表示にチェックを入れる。

この 2 つのウィジェットと、その間の HTML が全て削除されます。

● 原因箇所は分かりません

こんなことをやったところ AMP エラーは解消しました。ただ、「フッター(モバイル用)」の「カテゴリー」ウィジェットの見出しが削除されず残るため不完全です。

lib / amp.php の「ドロップダウンのカテゴリウィジェットは削除」の置換処理を…

https://github.com/yhira/cocoon/blob/master/lib/amp.php#L207-L213

スクリプトを除去する」より後に移動。

https://github.com/yhira/cocoon/blob/master/lib/amp.php#L509-L515

ドロップダウンのカテゴリウィジェットは削除」あたりが怪しいとは思うのですが、なぜ不具合が起こるのか分からないです。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

詳細なご報告ありがとうございます!
おそらく、正規表現で複数行にわたってゴッソリ削除されてしまっていたっぽいですね…。
なので、正規表現(置換)での削除をやめてPHP側で削除してみました。
https://github.com/yhira/cocoon/commit/788377575c62c6cb304e0428d00e7e0e5979da1f
今回、PHPでのの解決方法を思いついたのも、こちらの解決案のおかげです。
https://wp-cocoon.com/community/postid/56440/
ありがとうございます。


   
返信引用
共有:

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

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

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

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

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

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

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

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