ブログ運営

【コピペでOK】Rinkerシンプルカスタマイズッ!やさしいデザインを目指すよ

WordPressプラグイン「Rinker(リンカー)」をシンプルにカスタマイズッ!

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

Rinkerは、Amazon・楽天市場・YahooショッピングのアフィリエイトリンクをWordPressの管理画面から挿入できるようになる、という便利なプラグインなので、ぜひ使ってみてください。

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

メモ

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

完成形イメージ

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

PC

スマホ・タブレット

Rinkerボタンの文言カスタマイズッ!

「ボタンの文言を変えたい!」という場合のカスタマイズ。

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

ちなみに、「最安値」の文言はNGなので注意が必要です。

ボタンの文字をちょっと小さくッ!

文字がデカすぎてボタンが横並びにならない場合は、文字の大きさをちょっと小さくする、とか?

もしくは、Yahooショッピングのみ「で探す」を外す、「Y!ショッピングで探す」などに変更して、ボタン配置のバランスを見てあげてください。

一括文言書き換え&クレジット削除もできます(有料)

「文言の一括書き換え」と「クレジット(created by Rinker)削除」もできますが、以下の2点が必要になります。

  1. Rinkerへの支援
  2. functions.phpの書き換え

functions.phpの書き換えを行う場合は、必ずバックアップを取りましょう。トラブルや不具合は自己責任で。

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

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

カラーコードはお好みでどうぞ。僕はタイトルを細くしたかったので、「font-weight: normal;」を入れてます。

ホバー時には下線が表示されるだけのシンプルなつくりにしてますよ。

サムネイル幅をカスタマイズッ!

サムネ画像はもうちょっと大きくてもいいかも?

詳細箇所(メーカー名・価格・日付)を調整する

各ボタンをカスタマイズッ!

ボタンの高さを変更する

ボタンのホバー時にちょっと色(透明度)を変化させる

各ボタンの色を変更する

カラーコードはそれぞれお好みでどうぞ。

ボタンのテキストを太字にしない

外枠二重線カスタマイズッ!

ただの好みです。

スマホのボタン表示を中央に

余白調整カスタマイズッ!

クレジットの下線と色を改変する

まとめカスタマイズッ!

スマホ表示のコードも加えて、レスポンシブデザインにしました。テーマによってはズレがあるかもしれないので、適宜微調整をお願いします。

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

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

デザインが変わらないんだけど?

デザインが変更されたか確認する場合は、キャッシュを削除してからチェックしてみましょう。

キーボードショートカット:「Command + R」
Windows:「Ctrl + R」or「F5」

Ctrl + F5が効かない場合

Chrome:「Command + Shift + R」 or 「Shiftを押しながら更新ボタンをクリック」
Safari:「Shiftを押しながら更新ボタンをクリック」
Firefox、Operaとか:「Shiftを押しながら更新ボタンをクリック」
IE:「Ctrl + 更新ボタン」or「Ctrl + F5」

まとめ

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

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

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

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

-ブログ運営
-

© 2020 略してとりてみ