Plugin/FontAwesome のバックアップソース(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• バックアップ を表示
• Plugin/FontAwesome へ行く。
  • 1 (2019-12-23 (月) 02:02:25)
  • 2 (2020-01-14 (火) 21:20:09)

#author("2019-12-22T10:02:25+01:00","default:inoue.ko","inoue.ko")
*PluginFontAwesome 
fontawesome.io の iconフォントを使用するためのプラグイン
http://fontawesome.io/examples/
~

***format
 &fontawesome(fas fa-home);
 &color(red){&fontawesome(fas fa-home);};
-引数　fontawesome で提供されるアイコンの class名
~

-アイコンにリンクを設定するには以下のようにリダイレクトを設定して下さい。
 [[&fontawesome(fab fa-instagram); >http://www.example.com/]]
[[&fontawesome(fab fa-instagram); >https://www.instagram.com/explore/tags/%E4%B9%9D%E8%8A%B8/]]　[[&fontawesome(fab fa-twitter); >https://twitter.com/]]　[[&fontawesome(fab fa-facebook); >https://www.facebook.com/]]　← Click!

-以下のサイトでアイコンのクラス名を確認できます。
https://fontawesome.com/icons?d=gallery&m=free
~

-HTML埋め込み用に以下のようなコードが提供されています。
 <i class="fas fa-home"></i>
クラス名（ fas fa-home ）の部分のみ抜き出してご利用下さい。
 &fontawesome(fas fa-home);
記号の意味は以下のとおりです。 
--Fas：Font Awesome Solid
--Fad：Font Awesome Brand

~

***sample
&fontawesome(fas fa-home);　 &color(red){&fontawesome(fas fa-home);};

-このサイトのヘッダーに使っています。
[[SocialIcon]]
~
~