メニューバーにFont Awesomeを!

Simplicityの特徴 フォーラム Simplicityについての質問 メニューバーにFont Awesomeを!

3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #3130
      NOB
      ゲスト

      わいひら様

      お世話になります。NOB(のぶ)と申します。
      WordPress勉強中で「Simplicity」を使わせてもらっています。
      Font Awesomeを使ってメニューバーをカスタマイズしたいと考えているのですが、

      例: [(アイコン)ホーム] [(アイコン)WordPress] ・・・

      上記の様に[アイコン+テキスト]を表示させたいのですが何か方法はございますか?
      またカテゴリーごとにアイコン表示を変えたいのですが、それらが可能かご教示ください。

      ご連絡頂けると幸いです。
      よろしくお願いいたします。

      DESIGN LIKES
      NOB(のぶ)

    • #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)」を選択してください。

    • #3148
      NOB
      ゲスト

      わいひら様

      早速の回答ありがとうございます。
      こんな簡単にアイコンフォントを適用できるなんて感動です!
      さっそくやってみました^ ^

      やはりSimplicityは「手取り足取りの妄想ナース」ですねw

      ご教授頂きありがとうございます。
      またよろしくお願いいたします。

      NOB

    • #3149
      わいひらわいひら
      キーマスター

      こちらこそ、ブログで記事を書く良いネタになりました。
      ナースとは面白いたとえでしたよね。見た目も全体的に白いし。

3件の返信スレッドを表示中
  • トピック「メニューバーにFont Awesomeを!」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)