ウェブ関連WordPressの有名テーマ「Simplicity」、使っている方も多いと思います。現在の最新版はSimplicity2.4.6。AMP関連の不具合修正がされたバージョンです。Simplicity2.4.6公開。AMPでAmazonアソシエイトリンクが開かない問題の対策Simplicityを2.4.6にバージョンアップしました。AMPで「サポート終了のタグまたは属性の使用(重大ではない問題)」が出るwp-simplicity.com大きな改善点はAmazonアソシエイトで作成したリンク(amazonアソシエイトツールバーで作成するやつですね)をAMPで表示した際にタップ・クリックに反応しない問題が柔軟なアプローチで解決されています。こんな感じで、「Amazonで詳細を見る」というリンクが自動付与されます。これで一気に解決!ということでさっそくSimplicityをバージョンアップしたのですが・・・AMPで表示すると記事が途中で崩れちゃう!!慌てて旧バージョンのSimplicityを上書きして元に戻し、深呼吸。Simplicityのフォーラムや記事コメントにもこんな不具合報告されていないから、こちらの問題かなぁと思いながら試行錯誤した結果、無事に解決したのでここにまとめます。Simplicity開発者のわいひらさんがさっそく修正してくださいました!修正版がリリースされればこの記事の対応は不要となります。まとめAmazonアソシエイトで作成したリンクって?まず、不具合として報告され今回のバージョンアップで改善された「Amazonアソシエイトで作成したリンク」とは何か。AmazonアソシエイトIDがあればAmazonの画面上部にツールバーが表示されると思います。商品ページや一覧ページで簡単にページへのリンクが作成できる機能です。「テキスト」「画像」「テキストと画像」の3タイプがあるのですが、不具合の起きるのは「テキストと画像」のみです。出力されるソースが<iframe>のものが対象です。記事が崩れるとは?Simplicity2.4.6にアップデート後に記事の表示が崩れたのですが、記事によって崩れ方が異なりました。表示が崩れるのはAMP表示の場合のみです。・・・こんな感じでAmazonアソシエイトリンク自体も途中で切れてしまいます。記事の途中でぶった切られて消えてしまう!わかりづらいですが、上記「アマゾンを我が家へ!!!」の下にも本来記事は続いているのですが、AMPでみると記事の途中からページ下部のSNSシェアボタンや関連記事エリアになってしまいます。PC表示などであれば正常に表示されるのですが・・・どうもHTMLソースが途中で切られるようで、想定しない箇所のdiv囲みや、本来<p>の箇所が<h2>になってしまったりと、謎な状態になってしまいました。原因は古いAmazonアソシエイトリンクのコード結局なにが原因だったのかというと、古いAmazonアソシエイトリンクを埋め込んでいたからでした。ちなみに現在のコードと古いコードはこんな感じです。こちらが現在のコード。新しく取得したコードに差し替えて解決!表示崩れが起きていたページはどれも古い記事ばかりでしたので、ふと思い立ち新たに取得したAmazonアソシエイトリンクに差し替えると簡単に修正することが出来ました。Simplicity開発者のわいひらさんがさっそく修正してくださいました!修正版がリリースされればこの記事の対応は不要となります。現在取得できるコード(上)のほうは正常に表示されます。まとめもしSimplicity2.4.6にした途端、ページの表示崩れがおきた方はAmazonアソシエイトリンクのコードが古いものでないか疑ってみてください。ページ構成によってはAdsenseに余計な枠線がついてしまったり、よろしくない状態になります。耳垢?髪の毛?耳の中がカサコソ、耳掃除でも異物が取れないときの最終手段!レンジ&オーブンOK!ダイソー耐熱ガラス食器が常備菜やパスタソース保存に超便利!NHKを解約するには?受信契約の解除方法&受信料の精算(返金)原因不明?指の腫れと内出血。ドス黒きこと山のごとし。FEBRUARY29.。