【THE THOR】Amazonアソシエイトバナーの注意点

アイキャッチ画像 THE THOR(ザ・トール)
スポンサーリンク

WordPressテーマ THE THOR

別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

The main blog of masaa powered by WordPress.
スマホ、ガジェット、食玩などの記事をWordPressブログに毎日更新中!中の人はこれでもパパ。

今回、WordPressテーマ THE THOR(ザ・トール)でAmazonアソシエイトバナー表示する際の注意点についてまとめてみました。

Amazonアソシエイトバナー サイズ300 x 250

Amazonアソシエントバナーには色々なサイズが用意されています。

自分が好んでよく使うAmazonアソシエントバナーは、下記の「Amazonアソシエイトバナー サイズ300 x 250」です。

WordPressテーマ Cocoonで構築したこのMASAa.netのサイドバーに設置させて頂いております。

WordPressテーマ THE THORでのAmazonアソシエイトバナー表示

「Amazonアソシエイトバナー サイズ300 x 250」の表示をパソコンで確認すると、下記の様に問題無く表示されます。

【THE THOR】Amazonアソシエイトバナーの注意点

なお、スマートフォンで「Amazonアソシエイトバナー サイズ300 x 250」の表示を確認すると、1カラム表示となり問題無く表示されます。

iPadでWordPressテーマ THE THORで構築したブログ表示

WordPressテーマ THE THOR(ザ・トール)で構築したブログをiPadで表示させると、パソコンと同じようにメインカラムとサイドバーが表示されます。

但し、メインカラムとサイドバーの横幅サイズがアンバランスで窮屈感を感じてしまいます。

iPadを横にしたZMASAa.blogの表示はこちらになります↓

【THE THOR】Amazonアソシエイトバナーの注意点

iPadを縦にしたZMASAa.blogの表示はこちらになります↓

【THE THOR】Amazonアソシエイトバナーの注意点

iPadを横で表示した場合はまだ良いのですが、iPadを縦で表示した場合、そのアンバランス感がかなり出ています。

WordPressテーマ THE THORでのAmazonアソシエイトバナー表示問題

パソコンやスマートフォンでは正常に「Amazonアソシエイトバナー サイズ300 x 250」が表示されるのですが、iPadで確認すると「Amazonアソシエイトバナー サイズ300 x 250」がサイドバーからはみ出している状態です。

【THE THOR】Amazonアソシエイトバナーの注意点

なお、iPadを横にした場合でも同様に「Amazonアソシエイトバナー サイズ300 x 250」がサイドバーからはみ出しています。

【THE THOR】Amazonアソシエイトバナーの注意点

WordPressテーマ THE THORでのAmazonアソシエイトバナー表示問題対応

今回、WordPressテーマ THE THOR(ザ・トール)で「Amazonアソシエイトバナー サイズ300 x 250」をサイドバーで表示するのは諦めました。

なお、WordPressテーマ Cocoonでは、iPadなどのタブレット用の設定として、1カラム表示設定やサイドバーをメニュー化にする設定項目が有り、このような問題は発生しません。

WordPressテーマ THE THOR(ザ・トール)でiPadなどのタブレットで表示した際、「Amazonアソシエイトバナー サイズ300 x 250」がサイドバーからはみ出す原因として、サイドバーの横幅が狭すぎることが原因です。

WordPressテーマ Cocoon同様に、今後WordPressテーマ THE THORにもタブレット用の設定として、1カラム表示設定やサイドバーのメニュー化にする設定が設けられることを期待します。

と言う事で、「Amazonアソシエイトバナー サイズ300 x 250」をサイドバーに設定すると、はみ出してしまうことが有るので注意が必要です。

WordPressテーマ THE THORでのAmazonアソシエイトバナー表示問題の代替案

「Amazonアソシエイトバナー サイズ300 x 250」の設置は諦めたのですが、その代わりに「Amazonアソシエイトバナー サイズ120 x 600」を設置することにしました。

この「Amazonアソシエイトバナー サイズ120 x 600」にすると縦に長くなりますが、サイドバーからはみ出すことは無くなります。

【THE THOR】Amazonアソシエイトバナーの注意点

そのまま貼り付けると「Amazonアソシエイトバナー サイズ120 x 600」は右側に表示されるので、下記のエントリー記事に書いた設定を使って中央表示に設定しています。

【THE THOR】Amazonアソシエイトバナーを中央表示させる設定
WordPressテーマ THE THOR(ザ・トール)でAmazonアソシエイトバナーを表示させようとすると左端に固定表示されてしまいます。と言う事で、Amazonアソシエイトバナーを中央表示にする設定についてまとめてみました。

コメント