#author("2020-03-08T14:56:37+01:00","default:user","user")
#navi(../)
~
*Plugin FontAwesome
[[fontawesome.io>http://fontawesome.io/examples/]] の iconフォントを使用するためのプラグイン
~
***プラグインの活用方法
-引数 fontawesome で提供されるアイコンの class名
-記述例
&fontawesome(fas fa-home);
&color(red){&fontawesome(fas fa-home);};
&fontawesome(fas fa-home); &color(red){&fontawesome(fas fa-home);};
~
***アイコンにリンクを設定するには
-以下のようにリダイレクトを設定して下さい。
[[&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
~
***利用例
-このサイトのヘッダー、フッターのアイコン表示に使っています。
[[SocialIcons]]
~
~
#navi(../)
~