メニューバーにFont Awesomeを！

PR 2014/10/11

このトピックには3件の返信、2人の参加者があり、最後にわいひらにより11年、 6ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 2014年9月29日 3:31 PM #3130
  
  NOB
  ゲスト
  
  わいひら様
  
  お世話になります。NOB（のぶ）と申します。
  WordPress勉強中で「Simplicity」を使わせてもらっています。
  Font Awesomeを使ってメニューバーをカスタマイズしたいと考えているのですが、
  
  例： [(アイコン)ホーム] [(アイコン)WordPress] ・・・
  
  上記の様に[アイコン+テキスト]を表示させたいのですが何か方法はございますか？
  またカテゴリーごとにアイコン表示を変えたいのですが、それらが可能かご教示ください。
  
  ご連絡頂けると幸いです。
  よろしくお願いいたします。
  
  DESIGN LIKES
  NOB（のぶ）
- 2014年9月29日 4:55 PM #3142
  わいひら
  キーマスター
  簡単にやり方を説明します。
  1. まずは、プラグインで「Font Awesome 4 Menus」をインストールします。
  2. 「外観→メニュー→表示ボタン」をクリック
  3. 「CSSクラス」にチェックを入れる
  4. メニューの「CSSクラス（オプション）」部分にFont Awesomeのクラスを入力する。
  5. メニューを保存して終了
  こんな感じで表示されます。
  
  あとプラグインの設定は、SimplicityでFont Awesomeのスタイルシートを呼び出しているので「Load Font Awesome 4 From:」は、「Don’t load Font Awesome 4’s stylesheet (use this if you load Font Awesome 4 elsewhere on your site)」を選択してください。
- 2014年9月29日 6:10 PM #3148
  
  NOB
  ゲスト
  
  わいひら様
  
  早速の回答ありがとうございます。
  こんな簡単にアイコンフォントを適用できるなんて感動です！
  さっそくやってみました^ ^
  
  やはりSimplicityは「手取り足取りの妄想ナース」ですねw
  
  ご教授頂きありがとうございます。
  またよろしくお願いいたします。
  
  NOB
- 2014年9月29日 6:57 PM #3149
  
  わいひら
  キーマスター
  
  こちらこそ、ブログで記事を書く良いネタになりました。
  ナースとは面白いたとえでしたよね。見た目も全体的に白いし。
投稿者

投稿

3件の返信スレッドを表示中

トピック「メニューバーにFont Awesomeを！」には新しい返信をつけることはできません。