お勧めスマホゲーム!

放置少女

【WordPress】Amazonアソシエイトバナーが表示されなくなる!

シェアする

WordPress 4.9 "Tipton"アップデートの不具合

先日、MASAa.blogのWordPressを「WordPress 4.9 "Tipton"」にアップデート後、Amazonアソシエイトのバナーが正常に表示されなくなってしまいました。

その正常に表示されなくなったと言う現象は、下の画像のようにAmazonアソシエイトのバナーの2/3だけしか表示されなくなってしまいます。

WordPress 4.9アップデート後、Amazonアソシエイトバナーが正常に表示されない!

色々と調べてみると、Amazonアソシエイトのバナーのようにiframeタグを使ってバナーを表示している場合、このように正常に表示されない状態となってしまうようです。

そのため同様にiframeを使って表示させるバリューコマースのバナーも表示がおかしくなってしまいます。

Amazonアソシエイトバナーのソースを修正する!

と言うことで、修正してみました。

Amazonから提供されるAmazonアソシエイトのバナーのソースが

とした場合、サイズを指定している「width="300" height="250"」を、styleタグで指定すればOKです。

具体的には、下記のように「style="width:300px; height:250px; border:none;"」指定することで、正常に表示されるようになりました。

WordPress 4.9アップデート後、Amazonアソシエイトバナーが正常に表示されない!

自分だけかもしれないのですが、一応備忘録的に残しておくことにします(・・)(。。)

PayPay Android対応アプリ PayPay iOS対応アプリ

ー お知らせ ー
【パズル&ドラゴンズ日記】【レビュー記事】以外のエントリー記事は、
2019年1月から別ブログの ZMASAa.blog で掲載しています。
ブログランキング参加中、ご協力(クリック)お願いします!

   


 

スポンサーリンク

(備考) ・ この商品は限定アイテムではありません。 ・ この商品は"プレミアムバンダイ"での販売準備数に限りがございます。品切れの際はご了承ください。 機動戦士ガンダム40周年を記念して、ガンダム40年の歴史を1冊に収録した記念本「機動戦士ガンダム40周年記念オフィシャルブック」が登場! 40年のすべてが集約された、決定版の一冊となっています。 ● 「機動戦士ガンダム40周年プロジェクト」キービジュアル4枚が、表紙を飾る! ● 「ガンダムの作り方」、「ガンダムの音楽」を収録! シリーズ40年の歩みはもちろん、アニメーションの作り方から設定画・原画などを紹介する「ガンダムの作り方」にくわえ、 ガンダムシリーズ作品の主題歌と劇判の40周年をまとめた「ガンダムの音楽」を収録。 ● 80名以上のスタッフ&キャストから寄せられた色紙を掲載 40年を祝して関連スタッフ&キャストから寄せられた色紙を一挙掲載! 【商品内容】 機動戦士ガンダム40周年記念オフィシャルブック 1冊 【商品素材】 紙 【商品サイズ】 A4判型 56ページ 【発売元】 サンライズ (備考)

シェアする

スポンサーリンク

(備考) ・ この商品は限定アイテムではありません。 ・ この商品は"プレミアムバンダイ"での販売準備数に限りがございます。品切れの際はご了承ください。 機動戦士ガンダム40周年を記念して、ガンダム40年の歴史を1冊に収録した記念本「機動戦士ガンダム40周年記念オフィシャルブック」が登場! 40年のすべてが集約された、決定版の一冊となっています。 ● 「機動戦士ガンダム40周年プロジェクト」キービジュアル4枚が、表紙を飾る! ● 「ガンダムの作り方」、「ガンダムの音楽」を収録! シリーズ40年の歩みはもちろん、アニメーションの作り方から設定画・原画などを紹介する「ガンダムの作り方」にくわえ、 ガンダムシリーズ作品の主題歌と劇判の40周年をまとめた「ガンダムの音楽」を収録。 ● 80名以上のスタッフ&キャストから寄せられた色紙を掲載 40年を祝して関連スタッフ&キャストから寄せられた色紙を一挙掲載! 【商品内容】 機動戦士ガンダム40周年記念オフィシャルブック 1冊 【商品素材】 紙 【商品サイズ】 A4判型 56ページ 【発売元】 サンライズ (備考)

コメント

  1. yoki より:

    うちのブログでも同じ症状が出ていたのですが、
    広告用ウィジェットの”テキスト”で入力していたバナーのソースを
    ”カスタムHTML”に変更して入力し直したところ修正できました。
    styleタグの変更は必要ありませんでした。
    使用テーマはSimplicityではないので同様の方法で解決するか不明ですが念の為ご報告。

    • 管理人@MASAa.blog より:

      コメント&情報ありがとうございます(o_ _)o))
      同じ症状の方が居られたと言う事でちょっと安心しました。
      ”カスタムHTML”に変更して入力と言う事で是非参考にさせて頂きます!

  2. michi.u. より:

    同じ症状でamazonのバナーを表示できずにいたので助かりました。
    検索してもなかなかこの症状について書いているブログも見当たらず諦めていたところ、このブログに辿り着き記事内に書かれている作業を行ったら改善しました!
    ありがとうございました!

    • 当方のブログをご覧頂きありがとうございます!
      お役に立てたようで良かったです。
      ブログも拝見させて頂きました一人旅のブログと言うことで自分では絶対出来ないコンテンツで素晴らしいです!
      これからもブログ頑張ってください!

      それとAmazonのバナーですが、自分の場合センターに位置決めするために、

      <div align="center"> ~ </div>
      (※<>は大文字になっていますが、実際は小文字での入力となります。)

      で囲んでいます。念のためお伝えしておきます。