治療家Renです!
Amazon、楽天などの商品紹介がキレイにかつ見やすくできるのが「カエレバ」です。
ブログをやるなら必須といっても過言ではないぐらいですね。
ただ、初期設定のカエレバってシンプルすぎてちょっと見にくい。
そこでカエレバのデザインを簡単に変更できる方法をご紹介します!!
今回は当ブログはWordPressテーマ「JIN」を使用している人に向けて書いていきます!
JINについてはこちらの記事をご覧ください。
![](https://ren-blog.com/wp-content/uploads/2018/04/Fotolia_208765236_Subscription_Monthly_M-320x180.jpg)
6月9日追記
JINの機能でカエレバのデザインが変更できる機能が追加されました!そちらで、変更する方が簡単なのでぜひやってみてください。
自分の好みのデザインにしたい方は、このまま読み進めてみてください♪
まずは好みのデザインを見つける
カエレバの初期デザインは、シンプルすぎて少し見にくい。
![カエレバ](https://ren-blog.com/wp-content/uploads/2018/04/d053b37792e79434c47e6e368458883f-300x131.png)
実際に見てみるとこんな感じ。
んー、なんか微妙ですね。
そして、デザインを変更してみると…
![カエレバ](https://ren-blog.com/wp-content/uploads/2018/04/b721d8c7f084984f4bfca98e36c9cd81-300x110.png)
どうですか?
すごい変わりますね(笑)
さらに、Amazonにマウスを合わせると、
![カエレバ](https://ren-blog.com/wp-content/uploads/2018/04/ad6725e7e095013e10bd09b648363255-300x105.png)
わかります?
マウスを合わせると白抜きの背景に変わるんですね!
これはおしゃれ!
デザインの変更は簡単
デザインはCSSコードと呼ばれるコードを入力すれば変更することができます。
CSSコードとは、サイトの文字の色や大きさ、背景の色・配置などを変更できるコードです。
ありがたいことに、このCSSコードは調べればたくさん出てきます。
ネットすげぇ。
なので、
「カエレバ デザイン変更」
ってググればたくさんのサイトが出てくるので、そのサイトにのっているCSSコードをコピペするだけでデザインの変更ができちゃいます!(どこにコピペするのかは後ほど解説します)
わたしが今回使用しているデザインは、RougHlogさんのこちらのページで紹介しているデザインです。
他のサイトでもたくさんあるので、
まずは好みのデザインCSSコードを見つけることから始めましょう!!
実際に「JIN」にCSSコードをコピペしよう
実際に好みのデザインを見つけてコピーしてください。
そしたら、自分のブログの編集ページに移動しましょう。
![CSSコード](https://ren-blog.com/wp-content/uploads/2018/04/db39909aba31c051f7963c5bedf6eb76-300x136.jpg)
この画像は「JIN」の画面なんですが、赤丸で囲っている外観に合わせて「テーマの編集」をクリックしましょう。
![CSSコード](https://ren-blog.com/wp-content/uploads/2018/04/62737b1bad014f1f524979d34902c04d-300x135.png)
クリックしたらこのような画面が出てきますね。
もう訳がわからない画面が出てきていますが、気にしないで進めましょう(笑)
![CSSコード](https://ren-blog.com/wp-content/uploads/2018/04/b17f470fbb43d2a6b12dd61e8e1ad882-300x142.jpg)
次に、赤で囲っている部分の編集するテーマで「JIN Child」を選択しましょう。
これはJINの子テーマのことです。
子テーマを入れることで、アップデートしても自分で変更したものをそのまま受け継ぐことができるんですね。
子テーマを入れてない人は、今すぐやってください!
子テーマの導入方法がわからない方は、別記事で紹介しているのでご覧ください!
![](https://ren-blog.com/wp-content/uploads/2018/04/Fotolia_211903214_Subscription_Monthly_M-320x180.jpg)
![CSSコード](https://ren-blog.com/wp-content/uploads/2018/04/283aec15c865c2b6190e923695a450cd-300x141.jpg)
子テーマを選択したら、右によくわからない言葉が並んでいると思いますが、「style.css」を選択しましょう!
![CSSコード](https://ren-blog.com/wp-content/uploads/2018/04/f904f86a372be10af2090f6cff54b485-300x136.jpg)
後は、赤で囲っている部分に好きなCSSコードをコピペしましょう!
更新を押し忘れないようにしてくださいね。
これで終了です。
あなたのブログもおしゃれカエレバに変身しているでしょう。
CSSコードを追加してもデザインが変わらない場合は、キャッシュの削除をしてみましょう!
やり方がわからない場合は、こちらのページを参考にしてください。
私も最初は変更しなかったんですが、キャッシュを削除して再読み込みしたら変更されてました!!
カエレバ使うなら「もしもアフィリエイト」に登録しよう!
カエレバを使うなら、ASPの「もしもアフィリエイト」がおすすめ!
「もしもアフィリエイト」なら、楽天とAmazonとの提携が簡単にできて、なおかつカエレバともすぐに連携できます。
Amazonと楽天の売上が一括で管理できますし、初心者の人も簡単に物販アフィリエイトが始められます!
使わない手はないので、とりあえず登録しておくのがおすすめ!
Amazonアソシエイトの審査も比較的通りやすいので、1度落ちてしまった人も「もしもアフィリエイト経由」で申請すると通ることも多いですよ!
![](http://image.moshimo.com/af-img/0001/000000003975.jpg)
デザインを変えてみましょう!
いかがでしたか?
CSSコードとかって聞くと、難しそうと思いがちですが、これくらいなら簡単にできちゃいます!
わたしも初心者ですが、簡単に変更できました。
みなさんも、おしゃれなデザインに変えてAmazonや楽天のアフィリエイトやってみましょう(^^)/