ネット活用

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

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

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

 

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

・Facebook
・Twitter
・Instagram
・Youtube
・Line

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

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

JINのSNSアイコン一覧(カラー)

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

JINのSNSアイコン一覧(モノクロ)

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

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

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

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

ウィジェット

 

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

 

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

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

 

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

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

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

 

 

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

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

 

SNSアイコン重複防止

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

SNSアイコン非表示

 

どうでしょうか?

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

 

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

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

SNSアイコン削除項目

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

 

 

まとめ

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

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