• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• Plugin/FontAwesome へ行く。
  • 1 (2020-03-08 (日) 23:27:57)

---

Plugin FontAwesome

fontawesome.io の iconフォントを使用するためのプラグイン

プラグインの活用方法

• 引数　fontawesome で提供されるアイコンの class名
• 記述例

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

  　
  
  

アイコンにリンクを設定するには

• 以下のようにリダイレクトを設定して下さい。

  [[&fontawesome(fab fa-instagram); >http://www.example.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