SNSのオリジナルボタンを設置！

IcoMoonと言うアイコンでSNSのフォロミーボタンを設置しました。
ミニミニサイズの可愛さが気にいています。

IcoMoonを設置する方法

1. IcoMoonのサイトに行って、右上のIcoMoon Appをクリックします。
2. 左上の「本のマーク」のIcon Libraryをクリック。
3. IcoMoon – Freeをクリック
4. 左上のメニューボタンをクリックし、[Manage Projects]を選択します。
5. 「Untitled Project 1」の部分をクリックし、名前をicomoonに変更します。
6. 名前をつけたら、[Load]をクリックします。
7. アイコン選択画面で、フォントファイルに含めるアイコンを選択します。
8. 作ったアイコンセットは保存されます。その後アイコンを追加したい時は、一度作ってあるアイコンの選択をすべて外し、追加したいアイコンだけを選択します。先ほどの追加したいアイコンセットの右にあるハンバーガーメニューからMove Selection Hereをクリックします。するとアイコンセットに加えられます。
9. 作ったアイコンセットをすべて選択します。
10. 右下のGenerate Font Fをクリックします。
11. IcoMoonをゲットできたら、ファイルを解凍しIcoMoonと言う名前のファイルをテーマのスタイルシートと同じディレクトリにUPします。
12. IcoMoonの中にfontsファイルとスタイルシートが入っています（デモなどの余分なものは消してOK）
13. CSSディレクトリ内に配置した「icomoon.css」を修正します。フォントファイルは[fonts]ディレクトリ内に置きましたので、urlの “fonts/” を “./fonts/” とします。
14. 「header.php」に以下のコードを追加してスタイルシートを呼び出します↓

「header.php」
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory');?>/icomoon/icomoon.css">

Icomoonの名前はデモの中に記述されています。
各名前で設定します。

フォロミーボタン

<ul>
<li><a href="https://twitter.com/自分のツイッターURL" target="_blank"><span class="icon-twitter"></span></a></li>
<li><a href="https://www.instagram.com/自分のインスタURL" target="_blank"><span class="icon-instagram"></span></a></li>
<li><a href="//cloud.feedly.com/自分ののfeedlyのurl" target="_blank"><span class="icon-feedly"></span></a></li>
</ul>

これで完成です！