WING(AFFINGER5及びSTINGER PRO2)のマニュアルはコチラです※パスワードは商品フォルダ内テキストを確認

AFFINGER4 STINGER PRO

よく使うアイコン表(FontAwesome)

テーマでは多くの箇所でFontAwesomeのWebアイコンを使用できます。以下では使用頻度の高そうなアイコンを紹介致します。

FontAwesome

[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は主に「目次」や「こんな方に」のカスタマイザーのアイコン変更に使用します。

「こんな方におすすめ」デザインの設定

オリジナル目次デザインの作成方法

NEW大幅に進化した新バージョンWING(AFFINGER5 / STINGER PRO2)好評発売中!

ユーザー様の声

ユーザーの声をさらに見る

新バージョン「WING」を見る

ご利用バージョンやテーマにより設定方法やキャプチャ画像が異なる場合がございます

※テーマアップデートにより情報が一部異なる場合がございます

-AFFINGER4, STINGER PRO

Copyright© STINGER's MANUAL , 2020 All Rights Reserved Powered by AFFINGER5.