ブログサイトとSNSアカウントを紐づける方法|WordPressテーマ【JINR】
![](https://omochi-style.com/wp-content/uploads/2023/10/c1983184c3424cbacb70f4512a5fd7ff.jpg)
こんにちは。おもち(@omochibigaku)です。
こちらの記事では、WordPressテーマ『JINR』をお使いの方向けに、ブログサイトとSNSアカウントを紐づける方法についてわかりやすく解説していきます。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/basic.png)
SNSのフォロワー増加につながるので設定しておこう!
STEP1.SNS登録/シェア設定画面をひらこう
![](https://omochi-style.com/wp-content/uploads/2023/09/86f33456561421a90745ce64e05dc2be.jpg)
画面左側にある『外観』にカーソルをもっていき、表示された『カスタマイズ』をクリック。
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS2-2.jpg)
つづけて『SNS登録/シェア設定』をクリック。
STEP2.SNSアカウントのURLを入力しよう
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS3-2.jpg)
SNS登録/シェア設定画面がひらいたら、ブログと紐づけたいSNSアカウントのURLを入力してください。
お問い合わせページの作り方についてはこちらをどうぞ。
![【Contact Form 7】プラグインを使ってお問い合わせフォームを簡単に作る方法(スパム対策つき)WordPress](https://omochi-style.com/wp-content/uploads/2023/09/f4cf21c4a1c33abc210a1a607b590c98-320x180.jpg)
STEP3.フォローボタンの表示方法を設定しよう
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS4-2.jpg)
SNSフォローボタンの色を設定しましょう。
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS10.jpg)
『ブランドカラー』を選択すると、表示はこんな感じに。
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS9.jpg)
『テーマカラー』を選択すると、表示はこんな感じに。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/basic.png)
お好きな方を選んでね!
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS4-3.jpg)
フォローボタンを表示する場所もえらべます。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/basic.png)
スイッチをON/OFFすることで表示/非表示が設定できるよ!
STEP4.シェアボタンの表示方法を設定しよう
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS5-2.jpg)
シェアボタンの表示方法を設定しましょう。
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS11-2.jpg)
『ベーシック&白抜き』を選択すると、表示はこんな感じに。
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS12.jpg)
『アドバンス&白抜き』を選択すると、表示はこんな感じに。
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS13.jpg)
『べた塗』を選択すると、表示はこんな感じに。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/haha.png)
こちらも、お好きなものをえらんでね!
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS5-3.jpg)
シェアボタンを表示する場所もえらべます。
STEP5.シェアされたときの表示方法を設定しよう
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS6-2.jpg)
こちらでは、TOPページがSNSなどでシェアされた時の画像を設定できます。
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS14.jpg)
サイト自体のアイキャッチ画像をつくって設定しておくと、誰かがSNSなどでサイトのURLを紹介してくれたとき、設定した画像が自動で表示されるようになります。
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS6-3.jpg)
ちなみに、自動で表示される画像のサイズも設定できます。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/haha.png)
パッと目につくよう、私はラージサイズを選択しているよ!
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS6-5.jpg)
さいごに、X(Twitter)のユーザー名とブログがシェアされた時のハッシュタグを設定しておきましょう。
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS15-2.jpg)
そうすると、誰かが記事内にあるシェアボタンを使ってX(Twitter)で記事を紹介してくれるとき、設定したアカウント名やハッシュタグがツイート内に自動で挿入されるようになります。
STEP6.変更した設定を保存しよう
![](https://omochi-style.com/wp-content/uploads/2023/10/SNS8.jpg)
すべての設定がおわったら、画面上部にある『公開』ボタンをクリック。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/haha.png)
これで変更した設定が保存できたよ!