2017-10-22アリスです。本日は、上の写真のようにアマゾンアソシエイトのリンクを横並びで貼る方法についてです。当たり前ですが、アマゾンアソシエイトのリンクはワードプレスのテキストモードで貼り付けないとタグがそのまま表示されますよ。スポンサーリンクスポンサーリンク目次アマゾンアソシエイトのリンクを横並び表示する方法!コードの実例紹介!3つ以上の横並び表示で気を付けないといけないことアマゾンリンクを使った具体例アマゾンアソシエイトのリンクを横並び表示する方法!コードの実例紹介!2列表示の場合は、下記のHTMLタグをコピーして記事に貼り付けます。”アマゾン”と記載されている場所にリンクを貼ります。both;”></div>3列表示の場合は、下記のHTMLタグをコピーして記事に貼り付けます。both;”></div>3つ並べた場合は、下記のように表示されます。実際のコードは以下の通りです。both;”></div>スポンサーリンク3つ以上の横並び表示で気を付けないといけないこと2つ横並び表示させる場合は、どのスマホであっても2つ横並びで表示されます。3つ横並び表示させると、画面サイズが小さなスマホの場合3つ目のリンクが改行されてしまいます。4行表示の場合は、ほぼ改行されるので全てを横並びさせるのは無理だと思います。画面サイズに応じて、1列にすべて表示できるか変わります。上のアマゾンリンクは三つに並べているのですが、通常サイズのアイフォンで見ている方は3つ目は改行されていますよね。スポンサーリンクアマゾンリンクを使った具体例ちなみに、一度リンクを張った後に、記事を保存すると下記のようになります。気にすることではないのですが、divタグを改行して貼り付けたにも関わらず、ワードプレスのほうで改行が消されるのです。(ワードプレスの仕様なので気にする必要はないのですが、リンク内容を変更するときのひと手間が面倒です。改行されていればピッと貼り付けできるのですが。both;”></div>最後の青色のタグが重要です。この青色のタグでアマゾンのリンクが改行されます。複数行表示(横並び表示)の方法を書いてあるサイトで、青色のタグを書いていないサイトがありますが、間違っています。青色のタグを書かないと、2行表示の場合は特に問題は起こりませんが、3つ以上横並びする場合におかしな表示となります。スポンサーリンクスポンサーリンクブログ運営アリスと奇妙な仲間たちアリスと奇妙な仲間たち人気記事ゆうちょの口座番号を8桁から7桁に変換する方法2018-09-042018-12-12蒼川愛が久保裕丈と破局した理由。3つを確認2017-09-172018-01-10500円のピノの個数がまた減った!ピノはぼったくりアイス2017-08-27韓国出身JFlaの年齢、プロフィールとは?スッピンが可愛い2018-07-012020-05-03プロフィール毎朝起きたときに、わくわくするような人生は最高だと思います。みなさんは朝起きたときに、わくわくしていますか?それどころじゃないという人や、毎朝ため息しかでてこない人も多いかもしれません。大人が疲れ切った目をしていれば、子供に希望なんて与えられません。大人にこそ必要だと思います。アリスと奇妙な仲間たち.。