本ブログでは、食(ラーメン、スイーツ)や投資、ブログ関連等の記事などを細々と書いていこうと思います。どうぞごゆっくりしていってください。

【WordPress】ヘッダー・フッターのSNSボタンの設定方法(THE THOR)


ヘッダー・フッターのSNSボタンとは?


 
今回は私が使用しているTHE THOR(ザ・トール)の外観カスタマイズを例に、
ヘッダー・フッターのSNSボタンの設定方法を解説していきます!
 

ヘッダー・フッターのボタンの場所

THE THORでは画像の位置にボタンがあります!
 
【ヘッダー(ページ上部)】

【フッター(ページ下部)】

 
 


設定したいSNSのリンクをコピーしよう!
(例:Instagram)


ブログとSNSは重量なシナジー(相乗効果)を生み出すため設定は必須です!
ここではInstagramを例に解説しますが、どのSNSでも手順は同様となります。
 

リンクのコピー方法

(WEB版)Instagramアカウントのプロフィール画面へ移動し、上部のURLをコピーします。
 

 
すると、下記のようなURLがコピーできると思います。
「https://www.instagram.com/ramen_sheep/?hl=ja」
 
 


WordPressのカスタマイズ画面から設定しよう!


 
リンクがコピーできれば、後はWordpressからの設定のみ!

「SNS設定」を行おう!

画像の手順で「SNS設定」まで移動します。
 
①「外観」→「カスタマイズ」をクリックします。

 
②「SNS設定」をクリックします。

 

「SNS設定」にコピーしてきたリンクを張り付けよう!

画像のように、コピーしてきたSNSのリンクを張り付けるのですが、1つ注意点があります。

 
リンクをそのまま張るのではなく、
画像のように、リンクの「~.com/」より、後ろの部分を張り付けてください!!
上のSNSリンクのコピーの際に記載した具体例のURLだと、赤文字部分のみを張り付けるということです。
※そのままURLを張り付けると、上手く動作しません。
 
例:赤文字部分のみ
「https://www.instagram.com/ramen_sheep/?hl=ja」
 
 


動作確認をしよう!


 
最後に、実際にボタンを押してみてSNSに飛べるか試して問題なければ完了です!!
お疲れ様でした!!
 
 


最後に


 
ちなみに今回例に出しています、私がブログで使用している「THE THOR(ザ・トール)」に
興味がある方は是非、下記の記事も見てみてください~

【WordPress】有料テーマ「THE THOR」をブログ初心者が使ってみた。

>