WordPressを久々に使っていて、Amazonのアフィリエイト広告を数個入れた時に縦に並んでしまうので、それを回避してうまく横並びにする方法を調べてみた。
※もっといい感じに並べられる様になったので、新しいエントリ書きました!
AmazonJSの更新がだいぶ止まっていて、いい感じに四角く見やすいアフィ広告を並べるプラグインが見つからず、、、結局Amazon公式ページからアフィ広告用のソース(<iframe 〜>〜〜〜</iframe>)を貼っている。
iframeから始まるソースをそのまま貼り付ける弊害
普通に貼ると、どうしても↓のように縦長になってしまう、、
divタグを使って横並びにしよう
<div style="float: left; margin: 10px;">ここにAmazonのコードを挟む</div>
↑こんなかんじで、上記ソースコードを1商品ごとに挟む。すると…
いい感じになる。
ただ、商品画像の横に改行を入れないと、本文下のコメント欄がせり上がってくるので要注意。
プレビュー見ながら調整する以外にチャキッとやる方法が知りたい…
[…] 先日、Amazonアフィリエイト用のリンクが上手く横並びにならない(横並びになったものの、改行を複数個入れないと変なことになる)というエントリを書いたのだが、、、別のやり方で […]
[…] […]