ソーシャルメディアボタンの設置

ソーシャルメディアボタンを表示します。
表示するソーシャルメディア等のアイコンはFont Awesomeを使用します。
Font Awesomeには沢山のアイコンが登録されているので、自分のページに合ったアイコンを選んで使用してください。
  Font Awesome
またブランドカラーはSimple Iconsを参考にしました。
  Simple Icons

事前準備

Font Awesomeはファイルをダウンロードしサーバー内に設置する方法とCDNを利用する方法があります。
ここではCDNを使用するので、head 要素内に下記コードを追加してください。

使い方

標準表示、影付け

ブランドカラーを指定して表示、マウスオーバーで反転表示