★このサイトにはPRが含まれます★

★この記事にはPRが含まれます★

WING(アフィンガー5)応用編

アフィンガーで色々なアイコンを画像アップロード無しで表示させる

投稿日:2016年12月5日 更新日:

アフィンガーには、fontawesomeというwebフォントが適用されていますので、好きな場所にアイコンを表示させることができます。
500種類を越えるアイコンを自由に使えますので、ぜひ使い方をおぼえてください!

fontawesomeからアイコンを選ぶ

fontawesomeのページから使いたいアイコンを選びましょう

 

アイコンを表示させるコードを書く

使いたいアイコンを選んだら、赤枠内のコードをコピペします

ws000851

↑こんな感じで表示されます。

見出しの中に表示させることも可能です

見出しの中に表示させることもこのように可能です。

これだけのアイコンを用意するとなると大変ですが、コードを書くだけで簡単に実装できます。

webフォントなので、大きさや色も自由にcssで設定できます!

大体どこでも使用できますので、色々な場所にアイコンを表示させてみてください!

購入特典「オリジナル子テーマ」付きアフィンガー5

最新版WING(アフィンガー5)に対応した、オリジナル子テーマ付き購入特典は上記のページをご参照ください。
  • この記事を書いた人
アバター画像

ネコティーチャー

WordPressのカスタマイズが好きです。 魔改造したりプラグインやテーマを作ったりしています。

-WING(アフィンガー5)応用編
-,

Copyright© WING(アフィンガー5)カスタマイズ講座 , 2024 All Rights Reserved.