Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

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

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

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

共有:

通知

すべてクリア

タグ「span」の属性「style」のプロパティ「-webkit-text-stroke-width」は許可されていません。

不具合報告

最新の投稿 : わいひら 6年前

3 投稿

3 ユーザー

0 Reactions

4,406 表示

解決済

RSS

まろん

(@まろん)

New Member

結合: 6年前

投稿: 3

Topic starter 2018年11月10日 16:48

お世話になっております。

simplisityからcocoonにテーマを変更してからエラーがでるようになりました。

サーチコンソールでみると

タグ「span」の属性「style」のプロパティ「-webkit-text-stroke-width」は許可されていません。

となります。

該当ページは

https://marobro.com/post-846?amp=1

https://marobro.com/post-1064?amp=1

https://marobro.com/post-979?amp=1

https://marobro.com/post-638?amp=1

https://marobro.com/post-938?amp=1

https://marobro.com/post-648?amp=1

https://marobro.com/post-685?amp=1

https://marobro.com/post-597?amp=1

https://marobro.com/post-828?amp=1

https://marobro.com/post-958?amp=1

https://marobro.com/post-931?amp=1

https://marobro.com/post-808?amp=1

https://marobro.com/post-837?amp=1

https://marobro.com/post-634?amp=1

https://marobro.com/post-922?amp=1

https://marobro.com/post-1045?amp=1

https://marobro.com/post-812?amp=1

https://marobro.com/post-928?amp=1

https://marobro.com/post-942?amp=1

https://marobro.com/post-963?amp=1

https://marobro.com/post-761?amp=1

https://marobro.com/post-803?amp=1

です。

ほかにも似たようなエラーがあります。

タグ「br」の属性「style」のプロパティ「-webkit-text-stroke-width」は許可されていません。

該当箇所

https://marobro.com/post-634?amp=1

タグ「div」の属性「style」のプロパティ「_display」は許可されていません。

該当ページ

https://marobro.com/post-479?amp=1

タグ「span」の属性「style」のプロパティ「zoom」は許可されていません。

該当ページ

https://marobro.com/post-928?amp=1

タグ「style amp-custom」で指定されている作成者のスタイルシートと、組み合わされたインラインスタイルが大きすぎます。ドキュメントは 51316 バイトありますが、上限は 50000 バイトです。

該当ページ

https://marobro.com/post-837?amp=1

----------------------------------------------
サイト名：まろんさん生存戦略
サイトURL： https://marobro.com
ホームURL： https://marobro.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
Wordpressバージョン：4.9.8
PHPバージョン：7.0.30
ブラウザ：Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/17.17134
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja
----------------------------------------------
テーマ名：Cocoon
バージョン：1.3.6
カテゴリ数：8
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.5.3
Ajax Load More 4.0
Akismet Anti-Spam 4.0.8
All In One SEO Pack 2.9.1
EWWW Image Optimizer 4.5.0
Head Cleaner 1.4.4
ImageInject 1.16
Redirection 3.6.1
Regenerate Thumbnails 3.0.2
TinyMCE Advanced 4.8.0
TypeSquare Webfonts for エックスサーバー 1.1.0
WebSub/PubSubHubbub 3.0.1
WP Fastest Cache 0.8.8.6
WP Multibyte Patch 2.8.1
----------------------------------------------

引用

かうたっく

(@kautakku)

Famed Member Moderator

結合: 7年前

投稿: 4764

2018年11月10日 17:07

タグ「span」の属性「style」のプロパティ「-webkit-text-stroke-width」は許可されていません。

こちらについては最新バージョンで改善されてます。詳細は以下をご確認ください

https://wp-cocoon.com/community/bugs/%E5%85%88%E9%80%B1%EF%BC%88%E4%BB%8A%E9%80%B1%E3%81%8B%E3%82%82%EF%BC%89%E3%83%86%E3%83%BC%E3%83%9E%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%9F%E3%81%A8%E3%81%93%E3%82%8Damp%E3%83%86%E3%82%B9%E3%83%88/#post-8526

タグ「style amp-custom」で指定されている作成者のスタイルシートと、組み合わされたインラインスタイルが大きすぎます。ドキュメントは 51316 バイトありますが、上限は 50000 バイトです。

コチラに関しては、テーマ側ですぐに対応できないんですね。というのも、CSSの容量が大きすぎるので、AMPエラーがでてます。

子テーマ側で対応になるので、不要なスタイルをバッサリけせば、エラーが解消されます。

またインラインスタイルとなっているので、HTMLに書いてるstyle属性のことです。

style="ココにあるstyleのこと"

返信引用

わいひら

(@yhira)

Illustrious Memberサイト Admin

結合: 7年前

投稿: 17211

2018年11月10日 17:39

AMPがインラインスタイルOKの仕様になったから、CocoonでもインラインスタイルのOKにしましたが、やっぱりいろいろと問題も多いですね。
なので、「AMP」設定項目に「インラインスタイルを取り除く」という設定項目をつけ、デフォルトで有効にしました。
https://github.com/yhira/cocoon/archive/master.zip

単にAMPエラーが出るだけなら、どれだけでも対応可能ですが、サイズ問題はどうしようもないので。
例えば、カエレバを何個も利用しているページだと、インラインスタイルでかなりスタイルが書かれており、それらが全て

「CocoonのCSSサイズ＋カエレバ（アプリーチ等）のインラインCSSサイズ × 表示数」

という形で肥大化してしまいます。

なのでデフォルトでは、AMPページのインラインスタイルは無効にして、利用したい方のみ、「AMP」設定で「インラインスタイルを取り除く」のチェックを外して利用してもらう形にしようと思います。