WordPress

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

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

WordPressテーマ「JIN」は、アフィリエイトのためのノウハウが凝縮されたWordPressテーマで、現在非常に人気があります。

JINでは、SNSボタンが標準で用意されており、そのまま利用してももちろんいいのですが、これだけ人気テーマになっているので、他の人と被るのが嫌!という方もいるのではないでしょうか?

そんなあなたのために、今回は、JINでSNSボタンのデザインをカスタマイズする方法を紹介します。

全てコピペでOKですので簡単です!

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

JINでは標準では以下のようなSNSボタンのデザインになっています。

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

これを枠のみ色付きのデザインはJINで標準で用意されています。

JINのSNSボタン2

枠のみ色付きのデザインにする方法は以下の通りです。

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

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

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

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

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

影を消してフラット化

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

連結デザイン

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

枠付きデザイン

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

モノクロデザイン

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

当ブログのデザイン

サイドバーのデザインと合わせることで統一感を持たせることができるので、オススメのデザインです!

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

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

太枠デザイン

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

モノクロデザイン

JINのSNSボタン8