WordPress

JINでSNSボタンのデザインをカスタマイズする方法!コピペでOK!

JINでSNSボタンのデザインをカスタマイズする方法!コピペでOK!
教えて君
JINって人気のWordPressテーマだけど、みんなとデザインが被っちゃうんだよなぁ・・・。

SNSボタンも他人とは違うものにしたいなぁ・・・。

このように思っている方必見です。

当ブログのテーマはAFFINGERですが、私の運営している別の特化型ブログはJINを利用しており、SNSボタンを独自にカスタマイズして差別化しています。

KAKERU
今回は、JINでSNSボタンのデザインをカスタマイズする方法を紹介します。

全てのデザインでコピペでOKです。

JINでSNSボタンを枠のみ色付きのデザインに変更する方法は?

JINでSNSボタンを枠のみ色付きのデザインに変更する方法は?

JINのSNSボタンはデフォルトだと、以下のデザインですよね。

JINでSNSボタンを変更する方法は?

これだけでもオシャレだとは思いますが、JINを使っている人はめちゃくちゃ多いので、他人と被ってしまいます。

JINのテーマには標準で枠のみ色付きのデザインも用意されています。

JINでSNSボタンを変更する方法は?

変更方法は以下の通りです。

  1. WordPress管理画面から「外観>カスタマイズ」を選択
  2. SNS設定(OGP)を選択
  3. 「SNSボタンのデザイン」を「スタイル2」に変更

JINでSNSボタンを変更する方法は?

JINでSNSボタンのデザインをカスタマイズする方法!コピペでOK!

JINでSNSボタンのデザインをカスタマイズする方法!コピペでOK!

JINでSNSボタンのデザインをカスタマイズするには、WordPress管理画面から、「外観>カスタマイズ>追加CSS」へ進み、各コードをコピペしてください。

非常に簡単にカスタマイズすることができます。

スタイル1のカスタマイズ

影を消してフラット化

影を消してフラット化

連結デザイン

連結デザイン

枠付きデザイン

枠付きデザイン

モノクロデザイン

モノクロデザイン

太いデザイン

太いデザイン

JINのSNSボタンは細いので、太くすることで差別化できます。

オシャレデザイン

オシャレデザイン

こちらのデザインは一番のおすすめです。

サイドバーに同じデザインがあるので、合わせると統一感を持たせることができます。

スタイル2のカスタマイズ

太枠デザイン

太枠デザイン

モノクロデザイン

モノクロデザイン

まとめ:JINでSNSボタンのデザインをカスタマイズする方法!コピペでOK!

まとめ:JINでSNSボタンのデザインをカスタマイズする方法!コピペでOK!

いかがでしたか?

当記事のソースコードをコピペするだけで簡単にデザインを変更することができます。

デフォルトで使っている方がほとんどですので、ちょっと変えるだけで他人とは違うデザインになるのでおすすめです。

なお、当ブログではJINではなくAFFINGERを使っていますが、こちらのテーマは「アフィリエイトで稼ぐ」に特化しているのでおすすめですよ。

同じテーマでばかりブログを作っていると、ちょっと飽きてきちゃいますからね。

AFFINGERは、通常の「AFFINGER5(WING)」にプラスαの機能が追加された特別バージョンが「AFFINGER5EX(WING)」となっており、これに便利なプラグイン2つ(AFFINGERタグ管理マネージャー3・ABテストプラグイン)が追加されたものが「AFFINGER PACK3」となっています。

アフィリエイトではPDCAが重要です。

「AFFINGER PACK3」に付属する「AFFINGERタグ管理マネージャー3」、「ABテストプラグイン」はPDCAのCHECKを手助けしている機能です。

特に、「AFFINGERタグ管理マネージャー3」の方は、どの広告が最もクリックされているか、どの広告がイマイチか等、分析できるので超おすすめです。

トップアフィリエイターが多数利用しているテーマなので、間違いないテーマです。

KAKERU
通常版で十分!という方はこちらから。

\期間限定特別価格/

AFFINGER PACK3公式サイトを見てみる

KAKERU
「AFFINGERタグ管理マネージャー3」、「ABテストプラグイン」も欲しい!という方はこちらから。

\トップアフィリエイターが多数利用!/

AFFINGER5(WING)公式サイトをを見てみる

-WordPress

© 2020 KAKERU LAB