プラグイン「Rinker（リンカー）」をシンプルにカスタマイズッッッ！

2018年6月6日 2019年2月10日

今回は2018年6月6日に配布が再開されたWordPressプラグイン「Rinker（リンカー）」をシンプルにカスタマイズッッッ！していくよ。

製作者は在宅フリーランスPG&ブロガーやよい(@oyayoi19)さんです。

こちら、Amazon・楽天市場・YahooショッピングのアフィリエイトリンクをWordPressの管理画面から挿入できるようになる、ってな便利なプラグイン。

詳しくは公式サイトからどぞ。本記事も掲載されてます（｀・ω・´)ノ

#rinkerプラグイン
再配布開始しました！
利用規約の確認とダウンロードはこちらからhttps://t.co/IuqzDKcE6Q

— やよい@在宅フリーランスPG&ブロガー (@oyayoi19) 2018年6月5日

※問題があれば即刻、削除 or 修正させていただきます。
※勉強中の身なので「こっちの表現のほうがいいのでは？」という意見どしどし募集しております。
※使用テーマはAFFINGER5(WING)でWordPressのバージョンは4.9.5です。

完成形イメージ

とりあえずこんな感じを目指します。

1.Rinkerボタンの文言カスタマイズッ！

ボタンの文言を変えたい場合のカスタマイズ。

Rinkerショートコードの末尾に「 alabel="Amazonで探す" rlabel="楽天市場で探す" ylabel="Yahooショッピングで探す"」を挿入でおk。

[itemlink post_id="12345" alabel="Amazonで探す" rlabel="楽天市場で探す" ylabel="Yahooショッピングで探す"]

1	[itemlink post_id="12345" alabel="Amazonで探す" rlabel="楽天市場で探す" ylabel="Yahooショッピングで探す"]

ちなみに「最安値」の文言はNGです。ご注意を。

参考【重要】カエレバ、ヨメレバの「最安値で探す」「最安値をチェック」機能について

ボタンの文字ちょっと小さくしてます

文字がデカすぎてボタンが横並びにならなかったので、文字の大きさをちょっと小さくしてます。

/* ボタン文字ちょっと小さく */
div.yyi-rinker-contents ul.yyi-rinker-links li a {
font-size: 0.85em;
}

/* ボタン文字ちょっと小さく */

div.yyi-rinker-contents ul.yyi-rinker-links li a {

font-size: 0.85em;

}

2.Rinkerの商品タイトルリンクの色変更カスタマイズッ！

デフォルトだと商品タイトルリンクの色が黒っぽかったので、リンクだとわかりやすくするため青っぽくしてます。

/* 商品リンクタイトル色変更 */
div.yyi-rinker-title a {
color: #4682b4!important;
}

/* 商品リンクタイトル色変更 */

div.yyi-rinker-title a {

color: #4682b4!important;

}

3.外枠二重線カスタマイズッ！

ただの好みです。

/* 外枠二重線 */
div.yyi-rinker-box {
border:double #CCC;
}

/* 外枠二重線 */

div.yyi-rinker-box {

border:double #CCC;

}

まとめカスタマイズッ！

2018/06/06/13:15追記：かるくレスポンシブ的な感じにしました。テーマによってはズレがあるかもしれないので、微調整をお願いします。

/* RINKERカスタマイズッ！ */
/* 外枠二重線 */
div.yyi-rinker-box {
border:double #CCC;
}
/* 商品リンクタイトル色変更 */
div.yyi-rinker-title a {
color: #4682b4!important;
}
/* クレジット色変更＆位置調整 */
div.yyi-rinker-contents div.credit {
color: #000;
margin-bottom: 8px;
margin-left: -10px;
}
/* 値段箇所色変更＆位置調整 */
div.yyi-rinker-detail .price-box {
color: #000!important;
margin-left: -10px;
}
/* ブランド色変更＆位置調整 */
div.yyi-rinker-contents div.brand {
color: #000;
margin-left: -10px;
}
@media screen and (max-width: 680px) {
/* 商品リンクタイトル太字 */
div.yyi-rinker-title a {
font-size: 0.85em;
line-height: 0.5em;
font-weight: bold;
}
/* 商品リンクタイトル行間調整 */
div.yyi-rinker-title p {
line-height: 120%;
}
/* ボタン文字小さく */
div.yyi-rinker-contents ul.yyi-rinker-links li a{
font-size: 0.7em;
}
}

/* RINKERカスタマイズッ！ */

/* 外枠二重線 */

div.yyi-rinker-box {

border:double #CCC;

}

/* 商品リンクタイトル色変更 */

div.yyi-rinker-title a {

color: #4682b4!important;

}

/* クレジット色変更＆位置調整 */

div.yyi-rinker-contents div.credit {

color: #000;

margin-bottom: 8px;

margin-left: -10px;

}

/* 値段箇所色変更＆位置調整 */

div.yyi-rinker-detail .price-box {

color: #000!important;

margin-left: -10px;

}

/* ブランド色変更＆位置調整 */

div.yyi-rinker-contents div.brand {

color: #000;

margin-left: -10px;

}

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

/* 商品リンクタイトル太字 */

div.yyi-rinker-title a {

font-size: 0.85em;

line-height: 0.5em;

font-weight: bold;

}

/* 商品リンクタイトル行間調整 */

div.yyi-rinker-title p {

line-height: 120%;

}

/* ボタン文字小さく */

div.yyi-rinker-contents ul.yyi-rinker-links li a{

font-size: 0.7em;

}

Rinkerクレジットの改変って大丈夫なの？

リンク先やショップのボタンと誤認する可能性がなければ、クレジットの改変（色や文字の大きさなど）はOKとのことです（製作者様に確認済み）。

無料でクレジット削除プラグインも配布されておりますが、Rinkerを応援するためにもクレジットは表記して使っていきましょう＼＼\٩( 'ω' )و //／／

おまけ：値段消すカスタマイズッ！

/* 値段消す */
div.yyi-rinker-detail .price-box {
display: none;
}

/* 値段消す */

div.yyi-rinker-detail .price-box {

display: none;

}

追記：わざわざCSSで非表示にしなくてもショートコードで値段の非表示が可能でした。確認不足、申し訳ございません。

price="-"

price="-"

↑をショートコードに挿入でOKです。

[itemlink post_id="12345" price="-"]

1	[itemlink post_id="12345" price="-"]

みたいな感じ！

関連Rinker（リンカー）ショートコード属性

まとめ

Amazon・楽天市場・Yahooショッピングのアフィリエイトリンクを簡単に挿入できる便利プラグイン、Rinker。

まだ使ってない人はぜひ使ってみてくださいな。詳細はRinker公式サイトからどうぞ。

Amazonアソシエイトの売上が月100万円を突破するまでにやった3つのこと、雑記ブログで月間収益10万円を稼ぐまでにやったこと＆コツとかの記事も書いてます。参考程度にどうぞ。

: 雑記ブログでも月間収益10万円｜稼ぐまでにやったこと＆コツとか

お願い

お手数ですが、不具合やタイプミス等ありましたらTwitterのリプライ、もしくはDMからお知らせください。

需要あるかはさておきRINKERカスタマイズ

/* 外枠二重線 */
div.yyi-rinker-box {
border:double #CCC;
}
/* 値段消す */
div.yyi-rinker-detail .price-box {
display: none;
}
/* 商品リンク色変更 */
div.yyi-rinker-title a{
color: #4682b4!important;
}

自己責任でどぞ #rinkerプラグイン pic.twitter.com/st3ksDwPPW

— あめのは (@ameyohure) 2018年6月6日

サクッとRINKERカエレバ風カスタマイズ＼＼\\٩( 'ω' )و //／／ #rinkerプラグイン pic.twitter.com/QCe6C5O2GH

— あめのは (@ameyohure) 2018年6月6日

あめぎ

とりあえずやってみる（＝略してとりてみ）をテーマに、「ゆるく賢く生きる」ための情報を発信しています。詳細プロフィールは別ページにあります。

2019/10/11

【ネタバレあり】映画『空の青さを知る人よ』の感想と考察をバンドで天下取れなかった僕が語る

2019/10/11

【ネタバレなし感想】映画『空の青さを知る人よ』は大人にこそ観てほしい作品だった

2019/10/10

【感想・レビュー】小説『空の青さを知る人よ』を読んで考える「空の青さ」とは

あめぎの記事をもっと見る

-ブログ運営
-カスタマイズ

ふと『自分は文章を書くとき、何に影響を受けてるんだろう？』と思ったので、頭の中のもやもやを簡単にまとめてみました。結論から言うと、僕はアニメ音楽（邦楽）小説（ライトノベル含む）の3つに"特に"影響を受けてます。『エッ、文章を書くのにアニメ……？　音楽……？　何言ってんだ、コイツ……？』と思われてしまいそうですが、これが案外おもしろい話につながってくるんですよ。もちろん、文章を書く上で参考にしているもの、影響を受けているものはたくさんありますが……。あくまで、「ブログ」に限った話で言うとこ ...

ブログ運営

2019/6/29

月間19万753PVブロガーの作業環境を公開｜PCデスク周り晒していく

あめぎ月間19万753PVブロガーの作業環境を公開するよここ400日ほど、自転車でアニメの聖地と心霊スポットをめぐりながら、西日本をぐるりフィリピン・セブ島に留学後、そのまま地元のフィリピン人と起業して移住奥田民生の『さすらい』を流しながら、ハワイ・オワフ島をオープンカーで爆走アメリカ大陸をキャンピングカーで横断し、尿意を16時間我慢して新年をタイムズスクエアで迎えるという感じで国内・海外をぶらぶらしてましたが、今は久しぶりに自宅でまったりしてます。いつまた放浪癖が発動するかはわかりません ...

ブログ運営

2019/5/29

【2019年】「ブログで稼ぐ」は難しいけど無理じゃない｜稼ぐブログの始め方まとめ

雑記ブログ、特化ブログ、ECサイトの3つを運営している僕が、自分なりに導き出した「稼ぐブログの始め方」をまとめてます。『これを読めば絶対に稼げるようになるよ！』というわけではありませんので、その点はご理解ください。承諾いただけた方のみ、この先を読み進めてください。ちなみに、「有料の情報商材等を売りつける」みたいなのは一切ないので安心してくださいね。有料noteも、サロンもやってません。綺麗事は抜き＆超正直に書いていきますので、気に入ったらリンク踏んでもらえると嬉しいです。僕にちょっとお小遣い入ります ...