LION BLOGのカスタマイズ。CSSを追加してカエレバを綺麗に表示してAmazonアソシエイト、楽天アフィリエイトを導入しよう。

LION BLOGのカスタマイズ。CSSを追加してカエレバを綺麗に表示してAmazonアソシエイト、楽天アフィリエイトを導入しよう。

ブログをしているとオススメの商品を紹介したくなります。自分は音楽を聴くのが好きなので、Amazonプライムミュージックで無料で聴ける名盤をぜひ紹介したいと考えました。できれば、Amazonアソシエイトや楽天アフィリエイトを利用してアフィリエイトもしたい。それを簡単に実現してくれるのが、カエレバというwebサービス。LION BLOGでカスタマイズすれば見た目も綺麗に表示してくれます。

カエレバでアフィリエイトに挑戦

Amazonアソシエイトや楽天アフィリエイトで商品を紹介するのに便利なwebサービスがカエレバ。商品を検索するだけでHTMLコードを育成してくれるので、コピペするだけです。

カエレバ

 

カエレバのコードだけでも紹介はできるのですが、デザインを変えて利用したくなります。それを叶えてくれるのが、カエレバの素晴らしいところ。カスタマイズできるHTMLコードも育成してくれるのです。

カエレバのデザインをカスタマイズ

カエレバは多くのユーザーが利用しているので、綺麗にカッコよくカスタマイズできるCSSを公開しているサイトがあります。このサイトもCSSをコピペしています。下記サイトのデザインを利用しているので、面倒臭い人はどうぞ。

 

LION BLOGの子テーマにCSSを追加

サイトのCSSをコピーしてきたら、ペーストするだけ。LION BLOGなら簡単でにペーストしましょう。ちなみにカスタマイズするのは必ず子テーマです。

[外観]→[カスタマイズ]から一番下の[追加CSS]

注意して欲しいのは、CSSを追加する時にはサーバーのWAF機能をOFFにしておくこと。ONになっていると「何かうまくいかなかったようです。時間を置いてもう一度お試しください。」のメッセージが表示され、CSSを追加することができません。

カエレバでコードをコピーするだけ

LION BLOGでCSSを追加したら、あとはカエレバで商品を検索してコードを記事にコピペするだけです。カエレバではたくさんのアフィリエイトのリンクが貼れますが、Amazonと楽天、Yahooぐらいで十分かと思います。

amazlet風-2

注意するのは、カエレバのデザインはamazlet風-2(cssカスタマイズ用)を選択すること。他のデザインではカスタマイズが有効になりません。一度選択しておくと、次回利用する時にはそのまま選択されているので、忘れずにどうぞ。

LION BLOGならカエレバも簡単に導入できる

LION BLOGならカエレバをカスタマイズして簡単に導入することができます。気に入ったデザインなら商品を紹介したくなりますし、記事を書くモチベーションも上がります。

自分の好きなものをオススメしよう

ブログで自分の好きなものを紹介して興味を持ってもらえることは嬉しいこと。その上、購入してもらえたら最高です。自分の好きなものはきっと誰かも好きでいてくれます。そうやって繋がっていけるのもブログの魅力の一つです。