フォントのスタイル
Word Pressテンプレート「WING(アフィンガー5 EX)」のテキスト装飾のまとめです。
他のWord Pressテンプレートでは利用できないのでご注意ください。
アイコン
アイコンマークは「カスタマイザー」の「オプション」でカラーを設定できます。
※通常エディタ上では表示されません
これは「はてな」マークです
1 | <span class="hatenamark2 on-color">これは「はてな」マークです</span> |
これは「注意」マークです
1 | <span class="attentionmark2 on-color">これは「注意」マークです</span> |
これは「人物」マークです
1 | <span class="usermark2 on-color">これは「人物」マークです</span> |
これは「チェック」マークです
1 | <span class="checkmark2 on-color">これは「チェック」マークです</span> |
これは「メモ」マークです
1 | <span class="memomark2 on-color">これは「メモ」マークです</span> |
これは「王冠」マークです
1 | <span class="oukanmark on-color">これは「王冠」マークです</span> |
これは「初心者」マークです
1 | <span class="bigginermark on-color">これは「初心者」マークです</span> |
角丸背景
角丸のマイボックスを設定します。
1 2 3 4 5 | [st-mybox title="" fontawesome="" color="#757575" bordercolor="#f3f3f3" bgcolor="#f3f3f3" borderwidth="0" borderradius="5" titleweight="bold"] ここにテキスト [/st-mybox] |
ボタンA
HTMLでボタンデザインAを挿入します。
AFFINGERの場合「ランキング管理」>「CSS」でカラーを変更できます。
1 2 3 4 5 | <div class="rankstlink-r2"> <a href="#">ボタンA</a> </div> |
ボタンB
HTMLでボタンデザインBを挿入します。
AFFINGERの場合「ランキング管理」>「CSS」でカラーを変更できます。
1 2 3 4 5 | <div class="rankstlink-l2"> <a href="#">ボタンB</a> </div> |
テキストの装飾
これは太字です。
1 | <span class="huto">太字</span> |
これは赤字です。
1 | <span class="hutoaka">赤字</span> |
これは大文字です。
1 | <span class="oomozi">大文字</span> |
これは小文字です
1 | <p class="komozi">これは小文字です</p> |
これはドット線です。
1 | <span class="dotline">これはドット線です。</span> |
1 | <p class="st-share"><a href="#">これは参照リンクです</a></p> |
参考これは参考マークです(例:参考という文字を記入してから使用)
1 | <span class="sankou">参考</span> |
必須これは必須マークです(例:必須という文字を記入してから使用)
1 | <span class="st-hisu">必須</span> |
これは打消しです。
1 | <del>打消し</del> |
これはcode
などに使用します。
1 | code |