FontAwesome4すっげーフォントすっげー

  • このエントリーをはてなブックマークに追加

カスタムメニューにアイコンをつけたい。しかもできれば超簡単に。
なんかみんなつけてるし、見栄えよくなるよね!
bootstrap対応のデザインテーマならそのままあれこれやって使用することができますが、対応してないデザインテーマの場合はこちらのプラグインを入れると幸せになれるかもしれません。

↓ダウンロードはこちらから
Font Awesome 4 Menus

Font Awesome 4 Menusの使い方手順

・プラグインをインストールします
・有効化してください
・設定→Font Awesome
・Load Font Awesome 4 Fromで、既にfont awesomeが入ってる人は、Don’t load Font Awesome 4’s stylesheet (use this if you load Font Awesome 4 elsewhere on your site)を選択してね
・メニュー→表示オプション→CSSクラスにチェック

 

・メニューのとこにcss入れられるようになったので、チートシートからアイコンを探してタグを入れます。

使えるアイコンはこちらのチートシートを。
メニューを更新したらサイトを見てみましょう。

 

表示されましたか?
これでちょっとこじゃれ感が出ましたね!
表現が古いですね!

ちなみにですが、Font Awesomeをそのまま英訳すると
フォントすごい
ふぉんとすごい
ほんとすごい…
フォントすっげー!

これが言いたかっただけです…

こちらの記事もオススメ

SNSでもご購読できます。

コメント

コメントは停止中です。