2.0 Released !

カエレバ/ヨメレバで広告を貼る

カエレバ/ヨメレバの広告を貼る

アフィリエイトを行う中でカエレバ(とヨメレバ)を使っている方も多いかと思います。SANGOでは、カエレバ用のデザインをCSSで指定済みです。

カエレバのデザイン

カエレバ挿入時にデザインをamazonlet風-2(CSSカスタマイズ用)にすると、以下のようなデザインで表示されます。

好みに応じてさらにカスタマイズしてご利用ください。

トラブル対処法

余白が大きくなってしまう場合

余白が大きくなってしまう場合には、おそらく「もしもアフィリエイト」などのアクセス確認用画像が悪さをしています。以下のCSSを子テーマのCSSなどに追加することで、対処できるかと思います。

CSS
.kaerebalink-name img , .kaerebalink-image > img{
    display: none;
}
.kaerebalink-name p {
    margin-bottom: 0;
}

商品名の下線を消したいとき

下記のCSSを追記することで、消えるかと思います。

CSS
.kaerebalink-name p a {
    text-decoration: none;
}

ちなみにカエレバ/ヨメレバのスタイル指定はentry-option.cssで行っています。お好みでカスタマイズしてくださいませ。


ヨメレバのデザイン

ヨメレバを挿入する場合にもamazonlet風-2(CSSカスタマイズ用)を選ぶと、以下のように表示されます。

画像の下に不自然な余白が出来てしまう場合

おそらく、もしもアフィリエイトの計測用の画像が悪さをしています。下記のCSSを貼ると、修正されるかと思います。

styke.css
.booklink-image > img {
    display: none!important;
}

37 COMMENTS

syouji 2020/02/24

カエレバ リンクの件になります

SANGO使用させていただいております。 カエレバ リンクをSANGO使用にする場合のamazonlet風-2(CSSカスタマイズ用)はどこに表示されますでしょうか?>< 表示がされなくて探してましたが見つかりませんでしたので教えていただけますとありがたいです。

回答を見る
としま 2019/12/29

カエレバの商品画像が消えてしまう

お世話になります。これまでカエレバをつかっていて画像が表示されない事はなかったのですが、SANGOの新機能で「高速化」の中の投稿/固定ページ内の画像を遅延読み込み読み込みにチェックを入れると画像だけが消えてしまいます。 もしよろしければ問題の解決法を教えていただければと思います。

回答を見る
yuki 2019/09/16

①ヘッダーのデザインを変えたい

①左側にロゴ画像と、キャッチフレーズ。 右側にナビをつけたいです。 このようなヘッダーのデザインを変えることは可能ですか? ②ウィジェットのタイトルについているFontAwesomeを消したい場合はどうしたらよろしいでしょうか?

回答を見る
クボ 2019/02/05

カエレバ枠内に別のボタンを付け加えたい

いつもお世話になっております。 カエレバ枠内のリンクボタン群に、公式に移動するための別のボタンを付け加えたいのですが、自分の知識ではうまく配置することが出来ず… お忙しい中恐縮ですが、可能であればどのような記述をすればよいかお教え頂けますと幸いです。

回答を見る
なお 2019/01/26

カエレバのコードを手動で作成する

SANGOを使わせていただいております。大変使いやすく重宝しております。 カエレバのデザイン・リンクについて質問させてください。 カエレバの方で、Amazon検索とAmazonサイトからブックマークレットによるリンク生成はできなくなってしまったようなのですが、以前のような「デザイン・リンク」にしたい時はどのようにすればよろしいでしょうか? 1、画像リンクをAmazonにする 2、ボタンをAmazo…

回答を見る
藤田 2019/01/13

カエレバのデザインがおかしい

SANGOを使わせてもらっています。本当に単純なことなんですが、カエレバのコードを貼り付けても、このページにあるようなデザインになりません。そのままカエレバのままです。コードをはりつければ変わるでよろしいでしょうか。

回答を見る
タナカ 2018/10/01

カエレバの画像サイズがバラバラ

カエレバの画像サイズが商品によって大きくなったり、小さくなったりしてしまいます。 これを全て同じにそろえることはできないのでしょうか? ヨメレバの場合は、全て同じサイズに統一できています。 方法があれば、ご教授お願い致します。

回答を見る
しあ 2018/08/17

カエレバがSANGO公式とは違うデザインになってしまう

こんにちは。 以前まではテーマ「simplisity」を使っていたのですが 「sango」を導入しました。 テーマを変更したところ、 「カエレバ」の表示が見本のデザインとは違う、 余白の長い崩れたものになってしまっています。 ボタンも公式のデザインとは何だか違うものになっています。 こちらのガイドを参照して追加でCSSを貼ったのですが変化はありません。 解決策のアドバイスをいただけますでしょうか。

回答を見る
ガオ 2018/04/13

カエレバのリンクの商品画像がぼやける

カエレバのリンクの商品画像だけがボヤけてしまうんですが、、、。 原因がわかりません。

回答を見る
すたりく 2018/03/26

カエレバで「画像中」(320px)でコードを作成しておりますが、小さい画像サイズで表示されてしまいます。横幅320pxを上限に画像を配置し、スマホなどの画面サイズが小さいデバイスでは、商品タイトルなどは回り込んで画像下に配置するには、どのようにカスタマイズをすれば良いでしょうか? (他サイトで紹介しているCSSコードをまるまる貼り付けても、SANGOのCSSと混ざってしまいうまくいきません。そのた…

回答を見る
マサキ 2018/03/01

SANGO購入させていただきました。 amazlet(http://app.amazlet.com/amazlet/)もカエレバ/ヨメレバと統一感のあるデザインのCSSを提供していただければ幸いです。 よろしくお願いいたします。

回答を見る
キキ 2018/02/25

A8.netなどの広告リンクの計測用のimgタグにより不自然な余白ができてしまう

同じアフィリエイトくくりで質問です。 A8.netなどの広告リンクにも計測用のimgタグが含まれており、不自然なスペース(段落)ができてしまいます。 何かよい解消方法はないでしょうか?

回答を見る

コメントを残す

* は入力必須項目です。
コメント投稿ガイドラインを読んでから投稿してください。
メールアドレスは公開されませんが、名前は公開されます。