本・書籍のアフィリエイトに便利！ヨメレバの使い方

本のアフィリエイトに便利なツール「ヨメレバ」って？？

どうも、Linです。湯を、注ぎ込んでます。

WordPressでブログを運営していると、たまに、

読んだ本・書籍を紹介できるアフィリエイトリンクを貼りたい

という衝動にかられることがあるでしょう。

そんな時に便利なのが、

ヨメレバ

というWEBツールです。

yomereba.com

書籍紹介ブログパーツヨメレバ

https://yomereba.com

ブロガーのかんきちさんが生み出したこのツールを使えば、

1冊の本に対して複数のECストアのアフィリエイトリンクを貼ることができるようになるのです。

もっと具体的にいうと、

メインECストアの書籍写真
メインECストアの書籍リンク
サブECサイトの書籍リンク

のようなリンクを生み出せます。

ここでいうECサイトとは書籍を取り扱っているものでして、たとえば、

Amazon
Kindleストア
楽天ブックス
楽天kobo
honto
紀伊国屋

などなどですね。実際にヨメレバでリンクを作ってみると下のようになります↓

広辞苑第七版(普通版)

posted with ヨメレバ

新村出岩波書店 2018-01-12

ヨメレバと似たようなツールに「カエレバ」というものもあります。

FREE SWORDER

物販アフィリエイトに便利！カエレバの使い方

https://freesworder.net/kaereba/

物販アフィリエイトに便利なカエレバを使ってみようどうも、Linです。西日を、受けてきました。 WordPressなどでブログを運営していると、ECサイトで購入した商品をアフィリエイトで紹介したい・・・・！という瞬間があるでしょう。Amazonの商品だけならば「Amazon JS」というWordPressのプラグインが便利で、ぼくもこのプラグインを使い続けてきました。が、これだと、Amazonでしか紹介できないという問題が発生します。ユーザーごとにお気に入りのECサイトがありますので、できれば同じ商品のリンクを他のECサイトでも同...

それゆえ、カエレバをすでに活用している方は、

「えっ、カエレバとヨメレバの違いってなんなの？同じじゃない？」

と思っちゃいますよね。

ヨメレバがカエレバと違う点は、

書籍に特化したECストアへのリンクが貼れる
ISBNで本を検索できる

という2点でしょう。

特に2つ目の「ISBN」で本を検索できるのが強い。

カエレバではサブECサイトへのリンクが「キーワードで検索した結果」だったので、複数のECサイト間で商品が完全に一致するということは起き得ませんでした。

対して、ヨメレバでは書籍１冊１冊につけられたID番号の「ISBN」で書籍を検索するようになっているので、複数のECサイトで全く同じ書籍を紹介できるのです。

本のアフィリエイトリンクを貼りたい方はカエレバではなくヨメレバの方がいいでしょう。

ただし、ヨメレバは洋書に非対応。洋書はカエレバで紹介するといいですよ

複数のECストアで簡単紹介！ヨメレバの使い方

さて、いよいよヨメレバを実際に使っていきましょう。使い方は大体カエレバと同じです。

Step1. ヨメレバにアクセス

下記のURLからヨメレバにアクセスしましょう。

yomereba.com

書籍紹介ブログパーツヨメレバ

https://yomereba.com

Step2. ユーザー設定

次はユーザー設定ですね。

リンクに自分のアフィリエイトリンクidを組み込むことになりますので、それぞれのECサイト、ASPでの自分のIDを記入していきます。

アフィリエイトidの調べ方に関してはヨメレバのサイト上の「調べ方」に詳しく記載されていますので、そちらを参考にしながら実際に記入していきましょう。

バリューコマースに登録していると、Amazon・楽天ブックス・紀伊国屋・7 netなどの複数のECサイトに同時に登録できるようです

Step3. 書籍をさがす

早速、ヨメレバで商品を探してみましょう。

ヨメレバトップの書籍キーワードの欄に書籍名を入れて検索すればオッケーです。

2018年6月5日現在、メインのECサイトはAmazonしか設定できないので、Amazon内でまずは書籍を検索することになります。

たとえば、今回は例として「広辞苑」と検索してみました。

いくつか広辞苑の検索結果が出てきますので、その中からめぼしいものの「ブログパーツを作る」をクリック。

Step4. リンクをカスタマイズ

あとはリンクをお好みにカスタマイズします。

チェック項目をいじりながら自分好みのリンクを作っていきましょう。

ここでは、

リンクデザイン
商品画像サイズ
表示するECサイト
掲載サイト
誘導文言

を変更できるようになってます。

リンクデザインは「amazlet風-2（cssカスタマイズ用）」に設定しておくと、後々CSSでデザインをいじりやすくなります

Step5. リンクを貼る

あとはリンクを貼るだけ。

こちらのコードをコピーして↓

WordPressの記事編集画面で「テキストモード」にしていつも通りにリンクを貼ればいいですね。

無事にヨメレバのリンクが貼れると次のように表示されるはずです↓

CSSでボタンをカスタマイズするとよりおしゃれに！

がしかし、デフォルトでは少し味気ない。。

そんな時は、カエレバのCSSカスタマイズを使えば大丈夫です。

まず、ヨメレバリンクのデザインを「amazlet風-2（cssカスタマイズ用）」にし、

こちらの神記事を参考にして次のCSSコードをCSSファイルに追加してあげればオッケーです。

/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/
 
.cstmreba {
	width:98%;
	height:auto;
	margin:36px auto;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
	line-height: 1.5;
	word-wrap: break-word;
	box-sizing: border-box;
	display: block;
}
.cstmreba a {
	transition: 0.8s ;
	color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,
.cstmreba .kaerebalink-box,
.cstmreba .tomarebalink-box {
	width: 100%;
	background-color: #fafafa; /* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
	background: #fff;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
	width:100%;
	display:block;
}
.cstmreba .booklink-image a img,
.cstmreba .kaerebalink-image a img,
.cstmreba .tomarebalink-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
	background: #fff;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
	text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
	border-bottom: 1px solid ;
	font-size:16px;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
    margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
	font-size:10px;
	line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
	color:#333;
	border-bottom: none ;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
	color:#333;
	border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
	font-size:12px;
}
.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {
	display:none !important;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
	float:left;
	width:24%;
	min-width:128px;
	margin:0.5%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin: 1px 0;
	padding:3% 0.5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
	background:#FF9901;
	border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
	background: #bf0000;
	border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
	background:#225496;
	border: 2px solid #225496;
} /* 7net */
/****** ボタンカラー ここまで *****/
 
/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
	background: #fff;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
	color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
	color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
	color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.cstmreba .booklink-footer {
	clear:both;
}
 
/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
	.cstmreba .booklink-image,
	.cstmreba .kaerebalink-image,
	.cstmreba .tomarebalink-image {
		width:100%;
		float:none;
	}
	.cstmreba .booklink-link2>div,
	.cstmreba .kaerebalink-link1>div,
	.cstmreba .tomarebalink-link1>div {
		width: 32.33%;
		margin: 0.5%;
	}
	.cstmreba .booklink-info,
	.cstmreba .kaerebalink-info,
	.cstmreba .tomarebalink-info {
	  text-align:center;
	  padding-bottom: 1px;
	}
}
 
/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
	.cstmreba .booklink-link2>div,
	.cstmreba .kaerebalink-link1>div,
	.cstmreba .tomarebalink-link1>div {
		width: 49%;
		margin: 0.5%;
	}
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

/*=================================================================================

カエレバ・ヨメレバ・トマレバ

=================================================================================*/

.cstmreba {

width:98%;

height:auto;

margin:36px auto;

font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;

line-height: 1.5;

word-wrap: break-word;

box-sizing: border-box;

display: block;

}

.cstmreba a {

transition: 0.8s ;

color:#285EFF; /* テキストリンクカラー */

}

.cstmreba a:hover {

color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */

}

.cstmreba .booklink-box,

.cstmreba .kaerebalink-box,

.cstmreba .tomarebalink-box {

width: 100%;

background-color: #fafafa; /* 全体の背景カラー */

overflow: hidden;

border-radius: 0px;

box-sizing: border-box;

padding: 12px 8px;

box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);

}

/* サムネイル画像ボックス */

.cstmreba .booklink-image,

.cstmreba .kaerebalink-image,

.cstmreba .tomarebalink-image {

width:150px;

float:left;

margin:0 14px 0 0;

text-align: center;

background: #fff;

}

.cstmreba .booklink-image a,

.cstmreba .kaerebalink-image a,

.cstmreba .tomarebalink-image a {

width:100%;

display:block;

}

.cstmreba .booklink-image a img,

.cstmreba .kaerebalink-image a img,

.cstmreba .tomarebalink-image a img {

margin:0 ;

padding: 0;

text-align:center;

background: #fff;

}

.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {

overflow:hidden;

line-height:170%;

color: #333;

}

/* infoボックス内リンク下線非表示 */

.cstmreba .booklink-info a,

.cstmreba .kaerebalink-info a,

.cstmreba .tomarebalink-info a {

text-decoration: none;

}

/* 作品・商品・ホテル名リンク */

.cstmreba .booklink-name>a,

.cstmreba .kaerebalink-name>a,

.cstmreba .tomarebalink-name>a {

border-bottom: 1px solid ;

font-size:16px;

}

/* タイトル下にPタグ自動挿入された際の余白を小さく */

.cstmreba .kaerebalink-name p,

.cstmreba .booklink-name p,

.cstmreba .tomarebalink-name p {

margin: 0;

}

/* powered by */

.cstmreba .booklink-powered-date,

.cstmreba .kaerebalink-powered-date,

.cstmreba .tomarebalink-powered-date {

font-size:10px;

line-height:150%;

}

.cstmreba .booklink-powered-date a,

.cstmreba .kaerebalink-powered-date a,

.cstmreba .tomarebalink-powered-date a {

color:#333;

border-bottom: none ;

}

.cstmreba .booklink-powered-date a:hover,

.cstmreba .kaerebalink-powered-date a:hover,

.cstmreba .tomarebalink-powered-date a:hover {

color:#333;

border-bottom: 1px solid #333 ;

}

/* 著者・住所 */

.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {

font-size:12px;

}

.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {

display:none !important;

}

.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {

display: inline-block;

width: 100%;

margin-top: 5px;

}

.cstmreba .booklink-link2>div,

.cstmreba .kaerebalink-link1>div,

.cstmreba .tomarebalink-link1>div {

float:left;

width:24%;

min-width:128px;

margin:0.5%;

}

/***** ボタンデザインここから ******/

.cstmreba .booklink-link2 a,

.cstmreba .kaerebalink-link1 a,

.cstmreba .tomarebalink-link1 a {

width: 100%;

display: inline-block;

text-align: center;

box-sizing: border-box;

margin: 1px 0;

padding:3% 0.5%;

border-radius: 8px;

font-size: 13px;

font-weight: bold;

line-height: 180%;

color: #fff;

box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);

}

/* トマレバ */

.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */

.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */

.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */

.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */

.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */

.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */

.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */

.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/

/* カエレバ */

.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */

.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;} /* ベルメゾン */

.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */

.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */

/* ヨメレバ */

.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */

.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */

.cstmreba .booklink-link2 .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */

.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */

.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */

.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */

/* カエレバ・ヨメレバ共通 */

.cstmreba .kaerebalink-link1 .shoplinkamazon a,

.cstmreba .booklink-link2 .shoplinkamazon a {

background:#FF9901;

border: 2px solid #ff9901;

} /* Amazon */

.cstmreba .kaerebalink-link1 .shoplinkrakuten a,

.cstmreba .booklink-link2 .shoplinkrakuten a {

background: #bf0000;

border: 2px solid #bf0000;

} /* 楽天 */

.cstmreba .kaerebalink-link1 .shoplinkseven a,

.cstmreba .booklink-link2 .shoplinkseven a {

background:#225496;

border: 2px solid #225496;

} /* 7net */

/****** ボタンカラーここまで *****/

/***** ボタンデザイン　マウスオーバー時ここから *****/

.cstmreba .booklink-link2 a:hover,

.cstmreba .kaerebalink-link1 a:hover,

.cstmreba .tomarebalink-link1 a:hover {

background: #fff;

}

/* トマレバ */

.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */

.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */

.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */

.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */

.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */

.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */

.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */

.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/

/* カエレバ */

.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */

.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; } /* ベルメゾン */

.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */

.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */

/* ヨメレバ */

.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */

.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */

.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */

.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */

.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */

.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */

/* カエレバ・ヨメレバ共通 */

.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,

.cstmreba .booklink-link2 .shoplinkamazon a:hover {

color:#FF9901; } /* Amazon */

.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,

.cstmreba .booklink-link2 .shoplinkrakuten a:hover {

color: #bf0000; } /* 楽天 */

.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,

.cstmreba .booklink-link2 .shoplinkseven a:hover {

color:#225496;} /* 7net */

/***** ボタンデザイン　マウスオーバー時ここまで *****/

.cstmreba .booklink-footer {

clear:both;

}

/***** 解像度768px以下のスタイル *****/

@media screen and (max-width:768px){

.cstmreba .booklink-image,

.cstmreba .kaerebalink-image,

.cstmreba .tomarebalink-image {

width:100%;

float:none;

}

.cstmreba .booklink-link2>div,

.cstmreba .kaerebalink-link1>div,

.cstmreba .tomarebalink-link1>div {

width: 32.33%;

margin: 0.5%;

}

.cstmreba .booklink-info,

.cstmreba .kaerebalink-info,

.cstmreba .tomarebalink-info {

text-align:center;

padding-bottom: 1px;

}

/***** 解像度480px以下のスタイル *****/

@media screen and (max-width:480px){

.cstmreba .booklink-link2>div,

.cstmreba .kaerebalink-link1>div,

.cstmreba .tomarebalink-link1>div {

width: 49%;

margin: 0.5%;

}

WordPressでいうとstyle.cssというファイルに上のコードを追記してやりましょう。

すると、先ほどまで味気なかったがヨメレバのリンクが大変身。こんな感じで表示されるはずです↓

広辞苑第七版(普通版)

posted with ヨメレバ

新村出岩波書店 2018-01-12

と、いう感じで、ヨメレバを使うと複数のECサイトで本を同時に紹介できるようになります。

WordPressのブログで頻繁に書籍を紹介したい方はよかったら使ってみてくださいね。

yomereba.com

書籍紹介ブログパーツヨメレバ

https://yomereba.com

「ヨメレバ使い方楽勝〜」

とすでにヨメレバマスターになっている方はカエレバの使い方も読んでみましょう。

FREE SWORDER

物販アフィリエイトに便利！カエレバの使い方

https://freesworder.net/kaereba/

それでは！

Lin

飯橋凛（いいはしりん）

おそらく、ブロガー。現在ホテル暮らしで全国フラフラしています。

ネット広告代理店に1年3ヶ月勤め上げ、独立をして丸4年が経ちました。今年でフリーランス 5年目。

質問・ご意見・相談があればLINEで受け付けていますのでお気軽にどうぞ。

本・書籍のアフィリエイトに便利！ヨメレバの使い方

本のアフィリエイトに便利なツール「ヨメレバ」って？？

複数のECストアで簡単紹介！ヨメレバの使い方

Step1. ヨメレバにアクセス

Step2. ユーザー設定

Step3. 書籍をさがす

Step4. リンクをカスタマイズ

Step5. リンクを貼る

CSSでボタンをカスタマイズするとよりおしゃれに！

音生入力で楽にブログを書く技が満載！
ブログ音声入力術

コメントを残すコメントをキャンセル

電子書籍を出版しました

最新記事

カテゴリー

本のアフィリエイトに便利なツール「ヨメレバ」って？？

複数のECストアで簡単紹介！ヨメレバの使い方

Step1. ヨメレバにアクセス

Step2. ユーザー設定

Step3. 書籍をさがす

Step4. リンクをカスタマイズ

Step5. リンクを貼る

CSSでボタンをカスタマイズするとよりおしゃれに！

おすすめ記事よかったらもう1記事どうぞ

STOP NO MORE 契約料！お名前.comの自動更新を解除する5つ…

アルバイトではなく個人事業主！Uber Eatsの配達パートナーで稼働す…

Kindle出版（KDP）の表紙・カバーを楽に作る方法〜イラレのテンプレ…

フリマアプリの発送に便利！クリックポストの使い方

プラグインなら簡単！360度画像をWordPressのサイトに埋め込む方法

WordPressブログで「403 Forbidden」が表示されたとき…

WordPressブログが文字化けは「W3 Total Cash」が原因…

初心者必見！WordPressインストール後に即やるべき9つのこと

音生入力で楽にブログを書く技が満載！ ブログ音声入力術

コメントを残す コメントをキャンセル

電子書籍を出版しました

人気の投稿

最新記事

カテゴリー

音生入力で楽にブログを書く技が満載！
ブログ音声入力術

コメントを残すコメントをキャンセル