カエレバのカスタマイズ、枠線と背景色と画像サイズ変更

先日紹介したamazonや楽天アフィリエイトのタグを便利に張れるツール『カエレバ』のCSSカスタマイズをちょっとしたのでここに忘備録として記しておきます。

カスタマイズと言っても周りに枠線を追加したのと背景色を変えただけの簡単なものなんですが、アフィリエイトタグが嫌いな人には読み飛ばしてもらえるし、その商品が本当に欲しい人には注目度が上がるとのことで文章との違って目立たせるという事は必要ですよね。

簡単なスタイルシートを追加するだけでイメージが変更できるのでお勧めですよ。

.kaerebalink-box {
border: thin solid #333;
padding-top: 5px;
margin-top: 5px;
background-color: #dcdcdc;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
width: auto;
}
.kaerebalink-box .kaerebalink-info .kaerebalink-name a {
font-size: 16px;
}
.kaerebalink-box .kaerebalink-image a img {
width: 100px;
}

以上のスタイルシートをブログに追加するだけで枠線と背景変更とさらにメインの商品名を少し大きく(16px)にすることが出来ます。

画像を小さくして横幅を取らなくするようにも変更しました

(.kaerebalink-box .kaerebalink-image a img {
width: 100px;
})

ので必要ない方は取り除いてくださいね。

カエレバカスタマイズ

左の画像がビフォー、右がアフター、どちらが良いかは読者の皆さんが決める事なのでクリック率やコンバージョン率で読みとるしかないのですが、数字が少しでも上がればいいなー。

amazonアソシエイト・楽天アフィリエイトなどで最安値探す表示するなら『カエレバ』が便利!

コメント