テーマでは多くの箇所でFontAwesomeのWebアイコンを使用できます。以下では使用頻度の高そうなアイコンを紹介致します。
[toc]
よく使うアイコン表(FontAwesome)
アイテム
icon | 名称 | Unicode |
fa-book | f02d | |
fa-bookmark | f02e | |
fa-bullhorn | f0a1 | |
fa-calendar | f073 | |
fa-camera | f030 | |
fa-camera-retro | f083 | |
fa-coffee | f0f4 | |
fa-envelope | f0e0 | |
fa-envelope-o | f003 | |
fa-eye | f06e | |
fa-folder-open | f07c | |
fa-gift | f06b | |
fa-heart | f004 | |
fa-home | f015 | |
fa-picture-o | f03e | |
fa-lightbulb-o | f0eb | |
fa-map-marker | f041 | |
fa-newspaper-o | f1ea | |
fa-search-plus | f00e | |
fa-diamond | f219 | |
fa-credit-card-alt | f283 |
チェックマーク・エクステンション
icon | 名称 | Unicode |
fa-check-circle | f058 | |
fa-check-circle-o | fa-check-circle-o | |
fa-check-square-o | f046 | |
fa-exclamation-circle | f06a | |
fa-exclamation-triangle | f071 |
メモ・ペン
icon | 名称 | Unicode |
fa-file-text | f15c | |
fa-file-text-o | f0f6 | |
fa-pencil-square-o | f044 |
人物・コメント
icon | 名称 | Unicode |
fa-user-circle | f2bd | |
fa-user-circle-o | f2be | |
fa-comments | f086 | |
fa-comment | f075 |
矢印
icon | 名称 | Unicode |
f078 | ||
fa-chevron-right | f054 | |
fa-chevron-circle-down | f13a | |
fa-chevron-circle-right | f138 |
フォントアイコンの使い方
アイコン名を使う場所
アイコン名は主にクリップメモやマイボックスなどのショートコードで使用します。
例えば
これはダミーの文章です
のショートコードは
[st-cmemo fontawesome="fa-file-text-o" iconcolor="#919191" bgcolor="#fafafa" color="#000000" iconsize="100"]これはダミーの文章です[/st-cmemo]
となっており、「fa-file-text-o」の部分を変更します。
Unicodeを使う場所
Unicodeは主に「目次」や「こんな方に」のカスタマイザーのアイコン変更に使用します。