0
アイコンのみ利用したい時に便利なCSSフレームワーク「Font Awesome」
アイコンのみを利用したい！
グリッドとかボタンとかタブとかはいらないから、「アイコン」だけを簡単に利用できるフレームワークはないものだろうか？
欲を言えば、アイコンの種類は多ければ多いほどありがたい！だって、海外とかのシンプルなアイコンって、かなり数が多くないと使えるモノが意外に少なかったりするし。
ありました！！
にて発見しました。
（ありがとうございます！）
その名も、
The Icons「Font Awesome」
これなら、
WordPress（ワードプレス）でも問題なくいけそうですね！
では、早速手順です。
Font Awesome
の上部Downloadボタンよりダウンロード。
2014年1月時点では、「font-awesome-4.0.3」という名前のフォルダがダウンロードされる。
このフォルダ名の「-4.0.3」は削除しちゃって「font-awesome」へ変更！（特に必要ではありませんが…）
この「font-awesome」フォルダをそのまま自分のサイトのディレクトリへアップロード。
WordPress（ワードプレス）の場合は、
トップディレクトリ
↓↓
wp-content
↓↓
themes
↓↓
今使っているテーマ
の中へアップロード。
header.phpの、
＜link rel=”stylesheet” href=～なんちゃら～～が何個か並んでいる任意の場所に、下記一行を追加記述。
<link href="<?php bloginfo('template_directory');?>/font-awesome/css/font-awesome.min.css" rel="stylesheet" media="all" type="text/css" />
これで、下記リンク先のようなアイコンが全て使えるようになる！
しかも、
TechMemo様によると、このアイコンはアイコンフォントという種のモノで、テキストと同じようにCSSで「大きさ」や「色」などを簡単に変更できるらしい！（これって、昨今のフレームワークでは当たり前？なのでしょうか？それとも他フレームワークのアイコンは違うのでしょうか？）
実際にアイコンを表示させたい箇所に記述する内容が下記。
<i class="fa fa-star-half-o"></i>
こう記述すると、
のように表示！
「fa-star-half-o」というのがアイコン名なので、ここを変更してさまざまなアイコンを表示可能！
Linuxアイコンとかカワイイです。
WordPressアイコン！