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

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

共有:
通知
すべてクリア

[解決済] AMPエラー「style amp-custom」記事投稿内容との関係について

9 投稿
3 ユーザー
4 Reactions
3,790 表示
(@changbeer)
Reputable Member Moderator
結合: 6年前
投稿: 252
Topic starter  

ここ数日でAMPを有効化しました。AMPエラー「style amp-custom」が多く出ており、次の記事や掲示板投稿を参照させてもらっています。

 


エラー内容:タグ「style amp-custom」で指定されている作成者のスタイルシートが長すぎます。ドキュメントは 54727 バイトありますが、上限は 50000 バイトです。

記事:AMPページでCSSが50,000Byte(約50KB)を超える「無効なCSSエラー」が出た場合の対処方法

掲示板投稿:AMPエラー「タグ「style amp-custom」で指定された作成者のスタイルシートが 50000 バイトの上限を超えています」の対応


 

「style amp-custom」が50,000バイトに収まっていないというエラーということは認識しています。ただ、私のブログでは「amp.css」は空にして使っていません。スキンも外してみましたが、記事によってはエラーが出ている状況です。

GoogleのAMPテストを使ってエラー個所を見たところ、スタイル定義内に本文個所で使用されている日本語文章が見られました。これらがサイズを大きくしてしまっている原因かとビジュアル・エディターで使った装飾用の「スタイル」や「タグ(2カラム,3カラム)」を外したところ、エラーが解消されることがわかりました。(これ以外にも、投稿関連情報のスニペット(抜粋)も外しました)

Q. AMPページの利用を想定した場合、記事ボリュームやビジュアルエディターでの装飾の使用量を控えめにした方が良いでしょうか。(何か設定を見落としている?)

Google AMPテストのエラー画像を添付します。試しに取得したURLはこちらです。(他にも出ていて少しずつ修正しています)

 


環境情報
----------------------------------------------
サイトURL: https://changbeer.site
ホームURL: https://changbeer.site
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
使用スキンURL:/wp-content/themes/cocoon-child-master/skins/skin-fuwari-kachiiro/style.css
Wordpressバージョン:4.9.9
PHPバージョン:7.0.32
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0.2 Safari/605.1.15
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:br, gzip, deflate
言語:ja-jp
----------------------------------------------
テーマ名:Cocoon
バージョン:1.4.7
カテゴリ数:17
タグ数:34
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1
All In One WP Security 4.3.7.2
Broken Link Checker 1.11.5
Category Order and Taxonomy Terms Order 1.5.5
Google XML Sitemaps 4.0.9
Jetpack by WordPress.com 6.8.1
PS Auto Sitemap 1.1.9
Shortcode Star Rating 0.2
TinyMCE Templates 4.8.1
WP Multibyte Patch 2.8.2
----------------------------------------------


   
(@changbeer)
Reputable Member Moderator
結合: 6年前
投稿: 252
Topic starter  

お約束で添付し忘れました。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

おそらく主要因はスキンだと思われます。
なので、以下の方法でAMPページだけスキンを外す等して対応するしかないかもしれません。
https://wp-cocoon.com/skin-child-theme-css-off/
もし、スキンを外してもエラーが出る場合は、そのページのURLを貼り付けていただけると助かります。


   
(@changbeer)
Reputable Member Moderator
結合: 6年前
投稿: 252
Topic starter  

返信ありがとうございます。

次のURLはいずれもエラーとなりました。最初に共有したURLはパターン1、ないし3で解消しました。

URL:
https://changbeer.site/2018/10/osmo_mobile2_softcase_review/

エラー内容:
The author stylesheet specified in tag 'style amp-custom' is too long - document contains 55596 bytes whereas the limit is 50000 bytes.

パターン1(スキン:おめしちゃ)
  [ON]スキンのスタイルを有効にする
  [OFF]子テーマのスタイルを有効にする

パターン2(スキン:おめしちゃ)
  [OFF]スキンのスタイルを有効にする
  [ON]子テーマのスタイルを有効にする

パターン3(スキン:おめしちゃ)
  [OFF]スキンのスタイルを有効にする
  [OFF]子テーマのスタイルを有効にする

パターン4(スキン:Cocoonデフォルトテーマ)
  [ON]スキンのスタイルを有効にする
  [OFF]子テーマのスタイルを有効にする

パターン5(スキン:Cocoonデフォルトテーマ)
  [OFF]スキンのスタイルを有効にする
  [ON]子テーマのスタイルを有効にする

パターン6(スキン:Cocoonデフォルトテーマ)
  [OFF]スキンのスタイルを有効にする
  [OFF]子テーマのスタイルを有効にする

現在:
  スキン:Cocoonデフォルトテーマ
  [ON]スキンのスタイルを有効にする
  [OFF]子テーマのスタイルを有効にする


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

https://search.google.com/test/amp?hl=ja&id=atdJ7H8xG9Q6MwWVHYUxjA

https://search.google.com/test/amp?hl=ja&id=rao07WpWGpsFSVYtGdkIWg

ご提示いただいたURLをチェックしたら、どちらも有効なAMPみたいですよ。


   
わいひら reacted
(@changbeer)
Reputable Member Moderator
結合: 6年前
投稿: 252
Topic starter  

おぉ。本当ですね。ありがとうございます。

バリデーションに時間差があるのかな。

明日、おめしちゃに戻してまたやってみます。

試行錯誤ですね...  ? 


   
(@changbeer)
Reputable Member Moderator
結合: 6年前
投稿: 252
Topic starter  

テーマも元に戻しましたが、大丈夫そうです。マニュアル見落としていたようでお手数かけました。

有効化したら、かなりのアクセスがAMP経由で来るようになりました。少し驚きました。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

僕の本サイトも、流入の3割以上はAMPからです。
AMPは正直、制限がありすぎて好きではないので、切りたいのですが、もはや切るに切れません(笑)
SEO的にはAMPだろうが通常ページだろうが、変わらないはずなので、切っても大丈夫とは思うのですが。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

あと、手っ取り早くAMPエラーチェックをする場合は、こっちのがすぐに確認できておすすめです。
https://validator.ampproject.org/


   
共有:

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

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

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

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

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

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

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

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