AMP化したときに困ったことと解決方法【初心者向け】 - 雑談

RE: AMP化したときに困ったことと解決方法【初心者向け】

わいひら — Thu, 30 Jan 2020 09:52:07 +0000

投稿者:: @fullnote
これってCocoonの「AMP機能を有効化する」を利用している人って「通常の広告リンク」を張っておけば特に気にする必要ない感じなのでしょうか？

Cocoonでは、通常リンクをAMPタグ化して出力しているので、通常リンクでOKです。
逆に、「通常の広告リンク」と「AMP対応リンク」を2つ貼ってしまうと、AMPページでは広告が2つ表示されることになってしまいます。

かうたっく — Wed, 29 Jan 2020 23:38:29 +0000

→AMPページではstyle="text-align: center;"が効かないみたい…
で、かうたっくさんが書かれているCSSをstyle.css・amp.cssに書き、HTMLでは
のやつを書くようにしました

style属性は効かないですね。

あと

わいひらさんがコードを提供してくれたページを探したけど、ぱっと見みつかりませんでした＾＾；

ついでに
今ではWordPressのカスタマイザー：外観・カスタマイズ・追加 CSSでもampで反映されるようになってます。オススメは子テーマstyle.cssに追記が良いカモです。

これってCocoonの「AMP機能を有効化する」を利用している人って「通常の広告リンク」を張っておけば特に気にする必要ない感じなのでしょうか？

それでOKですよ。

万一、無理だったとき、以下の方法で

※Cocoonは　AMPのURLからアクセスしても　404にならないんで、気軽に試しやすいイメージです。※他の方法では非ampにした場合、スマホ検索結果のAMPアドレスからアクセスが404になったりしますけど。

Cocoonはテーマがすべて面倒な事にならない仕様なので、AMPの導入もやめるのも簡単ですよ

fullnote — Wed, 29 Jan 2020 16:37:03 +0000

過去の書き込みなどを調べると、Cocoonは a3b7b865b14a1fd231b6282d86dafef5.png

わいひら — Sat, 25 Jan 2020 13:58:28 +0000

ちなみに、以下のエラーメッセージが出ていたら、CSSを減らすわけにもなかなかいかないので、諦めるのが無難かも。

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

一応、Cocoonではスキンや子テーマのCSSを使用しない設定も出来るけど、「CSSサイズ制限を超えたページ」は無視するという解決方法もありなのかなと。
https://wp-cocoon.com/skin-child-theme-css-off/

OTAOTA — Sat, 25 Jan 2020 07:17:45 +0000

ちなみに、AMPに関してこれまで参考にしたページ

・文字・画像の中央寄せ

→AMPページではstyle="text-align: center;"が効かないみたい…

で、かうたっくさんが書かれているCSSをstyle.css・amp.cssに書き、HTMLでは

のやつを書くようにしました

同時にこちらも参考にしました

OTAOTA — Sat, 25 Jan 2020 07:12:13 +0000

いつもCocoonを使わせていただいております。

これまでCocoonでいくつものサイトを立ち上げてきたのですが、先日立ち上げた新サイトで初めてAMPに挑戦しました。

そこで初心者の私が困ったことと解決方法をひとつ書き込みます。

（あくまで初心者用なのでレベルは低いです）

【困ったこと】

バリューコマースのアフィリエイトリンクを貼ったのですが、AMPページで表示されません。

過去の書き込みなどを調べると、Cocoonは