カエレバの表示をカスタムしたよvol.1

20140619

カエレバの表示をちょっぴり変更

こんにちは毎日どこかしらが変更されるブログの管理人じょにーですw

今回はまた密に変更していた箇所の紹介です

カエレバをみなさん御存じですか?

カエレバ / http://kaereba.com/

商品紹介をする時にamazonと楽天とyahooと…と紹介するのは量も多くなるし見る側も同じ商品を何個もと…

そこでカエレバ管理人かん吉さんが開発されたカエレバを使うと、1つのリンクで複数のショップを掲載できます

以前から私も利用はさせていただいてたのですが今回はCSSで見栄えを自分なりによくしてみました

従来までの表示


ELECOM キーボード メンブレン式 USB接続 108キー 1000万回高耐久 ブラック 【ファイナルファンタジーXIV: 新生エオルゼア推奨】 TK-FCM062BK
posted with カエレバ
エレコム
Amazonで見る
楽天市場で見る

今まではこんな感じでした、これはCSSを何も指定していない時です

これ意外にも元から数パターンデザインがあるのでそれでも十分まとめることができると思います

今回変更しての表示

こんな感じになりました^^ いかがでしょうか?

シンプルですがショップリンクのボタンを大きくして色も変えてみました

私はamazonと楽天を表示させてますが他にも表示は可能です

ちなみにPCとスマホでも表示は若干変更してあります

 201406192

スマホは縦長なのでボタンを上下に並べてみました

 

じょにー的まとめ

あくまで自分が買って、使ってよかったなという商品を紹介します

記事がきっかけで買う人もいてくれると思うと少しでもリンクは見やすくしておきたいと思い今回カスタムしました

カエレバの他にもヨメレバ、ポチレバもあるので次はポチレバをいじってみたいと思っています

今回結構見やすくなったなーと思いますマジで

 

20140619

2 件のコメント

  • なるほど!カエレバ使ってます。
    具体的なやり方などを教えていただければありがたいかなと。
    他人任せでスミマセン(^_^;)

    • カエレバいいですよね!
      いえいえ、いいですよ力になれることなら(o^^o)
      fc2ブログのテンプレートはCSSいじれる仕様のでしょうか?

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です