ブログ

アフィンガー６でのFontAwesomeの設定方法を紹介

アフィンガー6にテーマを変えたけど、
・FontAwesomeの設定が分からない
・FontAwesomeの使い方が分からない

こういった疑問にお答えします。

 

 

本記事の内容

  1. アフィンガー6でのFontAwesomeの設定方法
  2. アフィンガー6でのFontAwesomeの使い方

アフィンガー6でのFontAwesomeの設定方法

まずは設定方法から解説します。

FontAwesome4.7.0の設定

  1. WordPress管理画面のAFINNGAER管理を選択
  2. その他を選択
  3. FontAwesomeIcons4.7.0の読み込みにチェックを入れる
  4. Saveをクリックし保存

以上で設定は完了です。

 

アフィンガー6でのFontAwesomeの使い方

続いてFontAwesomeの使い方を解説します。

FontAwesomeは基本無料で使用できますが、
登録しないと使用できませんので、登録を先に済ませてください。

FontAwesome公式サイトにアクセス

はじめに、FontAwesome公式サイトにアクセスします。

アイコンの検索

使用したいアイコンを検索します。

検索時の文字は、日本語では検索できませんので、英語で検索しましょう。

選択したアイコンのコードをコピー

使用したいアイコンが決まったら、アイコンをクリックし、コードをコピーします。

使用したい箇所に貼り付け

今回はよく使用される、カテゴリの名前の前に貼りける方法で説明します。

  1. 外観
  2. メニュー
  3. メニュー構造
  4. ナビゲーションラベル
  5. カテゴリの名前の前に貼り付け

貼り付けたら「メニューを保存」で保存。

これで自分のサイトにアイコンが反映されていれば無事完了です。

 

まとめ

今回は、「AFFINGER6でのFontAwesomeの設定方法」を解説しました。
FontAwesomeを使用すれば、サイトの見栄えも良くなりますので是非設定しておきましょう。

-ブログ