特典機能について

タグ「style[amp-keyframes]」の親タグは「body」である必要があります | 不具合報告 | Cocoon フォーラム

サイト内検索
運営者(わいひら)は、骨の手術明けのためしばらく体調を優先して運営させていただきます。ですので、フォーラム負担軽減のため登録者のみ書き込めるようを制限をさせていただきます。フォーラム未登録の方はこちらの手順で登録を行ってください。予定としては12月前半まで実施させていただきます。
書き込みの前に以下の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. ブラウザ環境チェックツール

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

スポンサーリンク
共有:
通知
すべてクリア

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


ゆういっちゃん
 ゆういっちゃん
(@ゆういっちゃん)
ゲスト
結合: 3か月前
投稿: 11
Topic starter  

こんばんは。

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

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

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

https://yuuicchan.com  です。

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


引用解決済
mk2
(@mk2_mk2)
メンバー Moderator
結合: 9か月前
投稿: 2325
 

ゆういっちゃんさん

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

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

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

 

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

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

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

 

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

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

 

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

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

わいひら 件のいいね!
返信引用
さる子
(@saruko)
メンバーサイト Moderator
結合: 2年前
投稿: 423
さる子 - Twitter
 

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

 

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

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

 

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


わいひら 件のいいね!
返信引用
mk2
(@mk2_mk2)
メンバー Moderator
結合: 9か月前
投稿: 2325
 

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

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

 

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


わいひら 件のいいね!
返信引用
さる子
(@saruko)
メンバーサイト Moderator
結合: 2年前
投稿: 423
さる子 - Twitter
 

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


返信引用
はる
(@haruinoue)
メンバーサイト Moderator
結合: 1年前
投稿: 802
 

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

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

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

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


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

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

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


わいひら 件のいいね!
返信引用
Akira
(@akira)
Prominent Memberサイト
結合: 4年前
投稿: 787
Akira - FacebookAkira - Twitter
 

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

This post was modified 3か月前 3回 by Akira

返信引用
ゆういっちゃん
 ゆういっちゃん
(@ゆういっちゃん)
ゲスト
結合: 3か月前
投稿: 11
Topic starter  

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

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

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

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


返信引用
ゆういっちゃん
 ゆういっちゃん
(@ゆういっちゃん)
ゲスト
結合: 3か月前
投稿: 11
Topic starter  

@akira

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

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


返信引用
Akira
(@akira)
Prominent Memberサイト
結合: 4年前
投稿: 787
Akira - FacebookAkira - Twitter
 

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

ありません。

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

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

This post was modified 3か月前 by Akira

返信引用
ゆういっちゃん
 ゆういっちゃん
(@ゆういっちゃん)
ゲスト
結合: 3か月前
投稿: 11
Topic starter  

@akira

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

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


返信引用
Akira
(@akira)
Prominent Memberサイト
結合: 4年前
投稿: 787
Akira - FacebookAkira - Twitter
 

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

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

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


リフィトリーわいひら 件のいいね!
返信引用
ゆういっちゃん
 ゆういっちゃん
(@ゆういっちゃん)
ゲスト
結合: 3か月前
投稿: 11
Topic starter  

環境情報になります。

 

----------------------------------------------
サイト名:ゆういっちゃん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)
メンバー Moderator
結合: 3年前
投稿: 6436
 

@akira さん

ゆういっちゃんさん

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

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

This post was modified 3か月前 2回 by リフィトリー

返信引用
mk2
(@mk2_mk2)
メンバー Moderator
結合: 9か月前
投稿: 2325
 

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

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

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

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


わいひらリフィトリー 件のいいね!
返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6436
 

Akiraさん

ゆういっちゃんさん

@mk2_mk2 さん

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

 

mk2さん

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

This post was modified 3か月前 by リフィトリー

わいひら 件のいいね!
返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6436
 

@mk2_mk2 さん

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

 


わいひらmk2 件のいいね!
返信引用
Akira
(@akira)
Prominent Memberサイト
結合: 4年前
投稿: 787
Akira - FacebookAkira - Twitter
 

2 つ質問があります。

● 質問 1

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

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

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

● 質問 2

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

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

This post was modified 3か月前 2回 by Akira

わいひらリフィトリー 件のいいね!
返信引用
ゆういっちゃん
 ゆういっちゃん
(@ゆういっちゃん)
ゲスト
結合: 3か月前
投稿: 11
Topic starter  

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

検証しました。

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

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


返信引用
ゆういっちゃん
 ゆういっちゃん
(@ゆういっちゃん)
ゲスト
結合: 3か月前
投稿: 11
Topic starter  

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

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

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

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

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


返信引用
はる
(@haruinoue)
メンバーサイト Moderator
結合: 1年前
投稿: 802
 
投稿者:: @akira

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

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

Head, Footer and Post Injections 3.2.2

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

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


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

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


わいひら 件のいいね!
返信引用
Akira
(@akira)
Prominent Memberサイト
結合: 4年前
投稿: 787
Akira - FacebookAkira - Twitter
 

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

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

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

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

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

返信引用
ゆういっちゃん
 ゆういっちゃん
(@ゆういっちゃん)
ゲスト
結合: 3か月前
投稿: 11
Topic starter  

@akira

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

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

 


返信引用
Akira
(@akira)
Prominent Memberサイト
結合: 4年前
投稿: 787
Akira - FacebookAkira - Twitter
 

わいひらさんへ

● 不具合の再現方法

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

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

この 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

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


わいひら, mk2リフィトリー 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12939
わいひら - Facebookわいひら - Twitter
 

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


返信引用
共有:
スポンサーリンク
SWELLと業務提携しています
WordPressテーマSWELL
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:18年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:5年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

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