WordPress

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

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

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

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

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

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

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

+ クリックすると結論を先読みできます!

  •  JINのSNSボタンを枠のみ色付きのデザインの変更は、JINの機能で可能。
  • JINでSNSボタンのデザインをカスタマイズするには、本文中のコードを追加CSSにコピペすることで対応可能。

カケル
本文で詳しく解説しているよ♪

目次

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ボタンのデザインをカスタマイズする方法!コピペでOK!

連結デザイン

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

枠付きデザイン

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

モノクロデザイン

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

太いデザイン

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

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

オシャレデザイン

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

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

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

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

太枠デザイン

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

モノクロデザイン

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

まとめ: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」の方は、どの広告が最もクリックされているか、どの広告がイマイチか等、分析できるので超おすすめです。

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

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

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

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

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

\期間限定特別価格/

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

  • この記事を書いた人
  • 最新記事

カケル

FX自動売買・仮想通貨投資・アフィリエイトと収益の柱をどんどん建設中!最高月収は300万円オーバー!優秀なFX自動売買EAを無料プレゼント中!今ならカケル公式LINEに登録した方限定で、他では絶対につけられないような特典を付けておりますので、特典の内容を確認してみてください。 ⇒カケル公式LINE登録特典を見る

-WordPress

© 2024 副業成功ロードマップ -FX自動売買▶アフィリエイト▶仮想通貨投資-