カエレバのCSSをコピペでカスタマイズ(レスポンシブ対応)-Amazon・楽天商品・アフィリエイト

カエレバのCSSをコピペでカスタマイズ(レスポンシブ対応)-Amazon・楽天商品・アフィリエイト

Amazonや楽天の商品を紹介するなら「カエレバ」でしょう。

複数のショップを同時に紹介できるので「カエレバ」を断然オススメします。

今回は、アフィリエイトをされている方で、これからカエレバを使ってみたいと思われている方のために、カエレバをカッコよく紹介できるようにCSSのカスタマイズ方法を解説します。


 

カエレバデザイン見本

今回は、以下のデザインにする方法を紹介します。

この記事の通りにすると、以下のデザインでカエレバ商品を紹介できます。

 

 カエレバ見本

 カエレバの登録方法は以下を参考にしてください

カエレバCSSのカスタマイズ

カエレバの紹介デザインをレスポンシブ対応でCSSをカスタマイズしていきます。

コピペで簡単にカスタマイズできます。

 

WordPressのテーマの編集

まずは、CSSのカスタマイズなのでWordPressのダッシュボードから「外観」→「テーマの編集」へ進みます。

カエレバCSSカスタマイズ

 

お使いのテーマの「子テーマ」を選んでください。

僕は「LION MEDIA」を使っていますので「LION MEDIA Child」を選んできます。

カエレバCSSカスタマイズ

 

上記、図の「下記ユーザーカスタマイズエリア」の下にCSSを書いていきます。

上の図でいくと20行目以降になります。

 

カエレバ用CSSのコピペ

カエレバ用のCSSは以下をコピペするだけで見本のデザインにすることができます。

少し長いCSSですが頑張ってコピペしてください。

 

最後に「ファイルの更新」ボタンを押して完了です。

 CSSがうまく反映されない場合は以下を参考にしてください

 

 カエレバを使うなら「もしもアフィリエイト」の登録は必須

 

まとめ

カエレバのデフォルトデザインは少しカッコ悪いですよね。

CSSでカスタマイズしてカッコよくAmazonや楽天の商品を紹介しましょう。

 

この記事が気に入ったら
いいね ! しよう

アフィリエイトカテゴリの最新記事