【WordPress】18種類6000+のフリーアイコンフォントIcon Fonts

iconfonts_s

Icon Fontsは18種類(6000以上)のアイコンフォントが使用できるプラグインです。
種類の中にはDashicons (218 icons)Elegant (360 icons)Elusive (304 icons)Entypo (284 icons)Font Awesome (519 icons)Foundation (284 icons)Genericons (147 icons)IcoMoon Free (491 icons)Ionicons (734 icnons)Map Icons (176 icons)Material Design (1062 icons)MFG Labs (186 icons)Octicons (179 icons)Open Iconic (229 icons)OpenWeb (118 icons)Sosa (122 icons)Themify (352 icons)Typicons (336 icons)があります。

Icon Fontsの導入

ダッシュボード >> プラグイン >> 新規追加 >> Icon Fontsを検索
有効化にすると設定にIcon Fontsが追加されます。

iconfonts_1
Icon Fontsに移動し、上記画像のようになります。
・Fonts 使用するものにチェックを入れます。
・Stylesheets No Frameworkのままで問題なかったです。
・Format アイコンフォントの色を選択、サイズを指定、入力したclassを追加、スタイルを追加。classを2つ以上追加する場合はスペースを入れます。

iconfonts_2
ビジュアルにInsert iconが追加されているのでクリックします。

iconfonts_3
Fontには設定でチェックを入れたものが表示されます。iconで使うものを選択します。

iconfonts_4
ビジュアルをテキストに切り替えた画像です。設定で指定したようにclassにはfoo、styleにはmargin: 10px;が追加されています。colorやサイズはここの数値を変えて変更も可能です。

 
wordpress

【WordPress】18種類6000+のフリーアイコンフォントIcon Fonts

  • LATEST
  • RELATED
  • POPULAR