【JIN】Pinterestのフォローボタンを追加する方法【コピペするだけ】

WordPressのテーマでJINを使っている方、Pinterestのフォローボタンが表示できず困っていませんか？

特に最近は、ブログとPinterestを掛け合わせた運用法が広まっていますが、JINで標準で搭載されているフォローボタンは下のアカウントのみです。

これから紹介する方法は、「JINのオリジナルアイコン」を使用する方法で、サイドバーにコードをコピペするだけです。

[box06 title=”こんな人におすすめ！”]
・WordpressテーマJINを使用している

・Pinterestの運用をはじめた[/box06]

全てのSNSを利用している方は下のように表示できます。

モノクロでの表示方法も可能です。

では、サクッと紹介していきます。

【JIN】Pinterestのフォローボタンを追加する方法【コピペするだけ】

まずは、「外観」→「ウィジェット」を開きます。

この後、紹介するコードを「プロフィール」の「説明」の最後に貼り付けます。

[jin-img-shadow]

[/jin-img-shadow]

[jin-iconbox01]プロフィールを設置していないかたは、カスタムHTMLをサイドバーに設置して、コードを貼り付けても大丈夫です[/jin-iconbox01]

カラーのSNSアイコンコード

カラー表示のSNSアイコンコードは以下の通りです。

<div style="text-align:center">
＼ Follow me ／<br>
<a href="TwitterアカウントのURL">[jin_icon_twitter size="20px" color="#1DA1F2"]</a>
<a href="InstagramアカウントのURL">[jin_icon_instagram size="20px" color="#CF2E92"]</a>
<a href="FacebookアカウントのURL">[jin_icon_facebook size="20px" color="#1877f2"]</a>
<a href="PinterestアカウントのURL">[jin_icon_pinterest size="20px" color="#BD081C"]</a>
<a href="YoutubeチャンネルのURL">[jin_icon_youtube size="20px" color="#DA1725"]</a>
<a href="LINE公式アカウントのURL">[jin_icon_line size="20px" color="#00B900"]</a>
<a href="https://yasumina.net/contact">[jin_icon_mail size="20px" color="#808080"]</a></div>

コードをコピーして、プロフィールの説明の最後に貼り付けます。

TwitterアカウントのURL
InstagramアカウントのURL
FacebookアカウントのURL
PinterestアカウントのURL
YoutubeチャンネルのURL
LINE公式アカウントのURL
ブログのお問い合わせページのURL

には、それぞれのURLを入力します。

モノクロのSNSアイコンコード

モノクロ表示のSNSアイコンコードは以下の通りです。

<div style="text-align:center">
＼ Follow me ／<br>
<a href="TwitterアカウントのURL">[jin_icon_twitter size="20px"]</a>
<a href="InstagramアカウントのURL">[jin_icon_instagram size="20px"]</a>
<a href="FacebookアカウントのURL">[jin_icon_facebook size="20px"]</a>
<a href="PinterestアカウントのURL">[jin_icon_pinterest size="20px"]</a>
<a href="YoutubeチャンネルのURL">[jin_icon_youtube size="20px"]</a>
<a href="LINE公式アカウントのURL">[jin_icon_line size="20px"]</a>
<a href="ブログのお問い合わせページのURL">[jin_icon_mail size="20px"]</a>
</div>

SNSアイコン重複防止

このままだと、JINで標準で搭載されているSNSアイコンと、SNSアイコンを表示するスペースが空欄で表示されてしまうので、ウィジェットのプロフィールのSNSボタンを非表示にしましょう。

[jin-img-shadow]

[/jin-img-shadow]

どうでしょうか？

これでSNSのフォローボタンが表示されたかと思います。

アカウントを持っていないSNSを非表示

アカウントを持っていないSNSを非表示にするには、不要な部分のコードを削除してください。

削除するのは各アカウントの<a ～ /a>の部分です。

まとめ

JINでPinterestのフォローボタンを追加する方法を解説しました。

日本で一般的に使用されているSNSは網羅出来ていると思いますので、ぜひご活用ください。