ヨメレバ・カエレバを好きなデザインにカスタマイズする方法


野外でブログを更新中

最近、ヨメレバ・カエレバを使っているブログをよく目にするようになりました。

商品を紹介するとき、Amazonや楽天、Yahoo!ショッピングなどの商品リンクをひとまとめに表示できるのでとても便利です。

ヨメレバ・カエレバで売上アップ!Amazonと楽天のリンクを一括表示
ブログで使うAmazonと楽天の商品リンクをひとまとめにして表示したいと思ったことはありませんか?そ...

さて、このブログパーツですが、

好きなようにデザインをカスタマイズできます。

よく目にするブログは大抵そうしていると思います。

デフォルトままでもいいのですが

カスタマイズした方が見た目がいい感じになります。

今回はその方法を紹介します。

ヨメレバ・カエレバはCSSを使ってカスタマイズします。

大抵の人はワードプレスを使っていると思いますが、

その場合は「style.css」を編集することでデザインを変えることができます。

例えばこんな感じに表示できます↓

カスタマイズのやり方

ワードプレスを使っているという前提で説明します。

編集する場所

「style.css」に追記します。

ワードプレスの管理画面の左メニューから、

外観 > テーマの編集とクリックします。

するとstyle.cssを編集できる画面になります。

WordPress スタイルCSSを編集

終わったら「ファイルを保存」をクリック。

これでOKです。

貼り付けるコード

コードは以下のようになります↓

レスポンシブ対応になっているWordPressテーマならこれでOKです。

ボタンのデザインを変更するには

この部分を編集することでボタンの外観を変更できます↓

例えばこのようなボタンにしたい場合は、

カエレバ デザイン一例

先ほどの部分のコードを以下のように書き換えます。

目立たせたい場合はこの方がいいかもしれません。

サイトのデザインに合わせて使い分けてください。

ちなみにコードを調べる時にこちらのサイト様の情報が役に立ちました。

はてなブログだけでなく、アマゾンや楽天・ヤフーショッピングの商品を紹介する際にはブロガーのかん吉さんが作ってくださったサービス「ヨメレバ・カエレバ」を使うことで 簡単にリンクを作成することができます。 それらを綺麗に表示させるカスタマイズはもう出ているのですが、先日あるブロガーさんに会ったときにカスタマイズをしたら喜ん...

さらに詳しく知りたい方は参考にしてみてください。

まとめ

以上、ヨメレバ・カエレバのカスタマイズ方法を紹介しました。

凝る必要はないですがデザインによって多少クリック率なども変わってきます。

今の時代ネットの閲覧の大部分はスマホですので、リンクのボタンがわかりやすくて押しやすいようなデザインするといいかと思います。

いろいろ試して工夫してみてください。

スポンサーリンク
スポンサードリンク
スポンサードリンク

\ 役に立ったらシェアをお願いします /

\ フォローすると最新情報が届きます /

おすすめ記事

おすすめ記事



ブログランキングに参加しています。

ブログランキングに参加しています。


にほんブログ村 小遣いブログ ネットビジネスへ
スポンサーリンク
スポンサーリンク
スポンサードリンク