チャーリー・ブラウン

THE THOR(ザ・トール)カスタマイズ|リンカー(Rinker)をスッキリさせてみた

みなさん大好きリンカー(Rinker)をカスタマイズしていきます。

 リンカーの公式HPはこちら

おやこそだて

目次Rinker(リンカー)とは?Rinkerの特徴利用規約利用環境についてライセンスについてサポートについて今後追加の…

やよいさんが作成している素晴らしい商品リンク管理プラグインです。

さっそく、カスタマイズ後を紹介します。

こちらです

created by Rinker
¥100 (2019/09/19 09:29:29時点 Amazon調べ-詳細)

全体的にスッキリさせてみました!

「~で探す」を追加する方法はも紹介しますね。

今回のカスタマイズも誰でも簡単に導入することができます(*´罒`*)

 

ちなみに、他のテーマでもRinkerをカスタマイズしています。

SANGO|を使ってる方はこちら

for men

WordPressテーマSANGOのちょっとしたカスタマイズを紹介します。今回は商品リンク管理プラグインRinkerのデ…

JIN|を使っている方はこちら

for JIN

プラグインのRinkerをJINに合うようにボタンなどをカスタマイズしてみました。ちょっとだけ押しやすくなったかもです。…

AFFINGER|を使っている方はこちら

カスタマイズの準備

カスタマイズをする前にこちらをお読みください。

カスタマイズをする者の心得ですね。

カスタマイズは自己責任にてお願いします(カスタマイズ前にバックアップ推奨)。コードを記入してもうまく反映されない場合があります。このカスタマイズは、あくまでもぼくのサイトで行ったものです。
くま
カスタマイズは仮に同じテーマであっても、100%成功する保証はありません。

ここにコードを書き込みましょう

カスタマイズでは「コード」を書き込む必要があります。

ですので、まずはその書き込む場所を開きましょう。

主に書き込む場所は

  • 追加CSS(初心者向け)おすすめ
  • style-user.css(慣れた人)

このどちらかです。

追加CSSを開く

追加CSSを開く手順は

外観カスタマイズ追加CSSです。

わからない方はこちらの記事を参考にしてください。

for men

ブログのカスタマイズをするなら「追加CSS」がおすすめ!WordPress初心者の方やあまりカスタマイズをしない方はこの…

menくん
では、コードを書き込む準備が整ったので、カスタマイズコードを書いていきますね

カスタマイズコード

「~で探す」を追加する

これは商品リンクひとつひとつに追加する必要があります。

ショートコードで挿入されるリンカーコードにalabel~を追加します。

このようにすればボタンの表示が変更できます。

alabel=Amazonで探す rlabel=楽天市場で探す ylabel=Yahoo!ショッピングで探す

こちらをコピーして貼り付けてください。

これを毎回するのが面倒な方は、やよいさんのFANBOXで支援すれば一括で変更できるようになります。

note(ノート)

RinkerはWordpressの無料のプラグインです。Rinkerを利用すると商品リンクがあっという間に作成できます…

menくん
ぼくも支援してます

アイコンのコードを追加

それと、ボタンの後ろにアイコンを設置するために、アイコンを読み込めるようにコードを追記しておく必要があります。

外観カスタマイズ基本設定高度な設定</head>直上の自由入力エリアに下記のコードを貼り付けてください。

これでアイコンを読み込めるようになります。

カスタマイズコード

こちらがコピペするコードになります。

menくん
リンカーのカスタマイズも慣れてきたぜ!

カスタマイズ締め

カスタマイズコードを書き込んだら、最後に必ずキャッシュ削除して更新をしましょう

これを忘れてしまうとせっかくカスタマイズしたのにデザインに反映されません

キャッシュ削除
簡単な方法は Ctrl + F5 を押す方法です。またはF12を押した後に更新マークを右クリックして「キャッシュの消去とハード再読込」をクリックします。
仲良くしてくれってばよ
NO IMAGE

THE THOR|ザ・トール

集客・収益に徹底的にこだわったWord Pressテーマ

CTR IMG