ヘッダー・フッターの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(ザ・トール)」に
興味がある方は是非、下記の記事も見てみてください~