こんにちは。
今回はワードプレステーマ「SWELL」を使用して、ホームページのヘッダーメニューにアイコンを入れる方法をご紹介いたします。
前回に引き続き、SWELLのデフォルトのアイコン以外を選択できるようになる方法をご紹介いたします。
前回でアイコンを設定しましたが・・
SWELLのデフォルトのものは種類が少ないため・・
もっとたくさんの種類のアイコンを選べないかな・・
今回の方法を学べば、
もっと使えるアイコンのバリエーションが増えます！
ヘッダーメニューにもっとたくさんの種類のアイコンを選択する方法
1．まずは、管理画面から「SWELL設定」をクリックします
2．「Font Awesome」タブをクリック、読み込み方を選択して「変更を保存」をクリック
3．「カスタマイズ」をクリック
4．「メニュー」をクリック
5．カスタマイズしたいメニューをクリック
6．メニュー項目を一つクリックします
（※画像はホームメニューを変える場合）
7．ナビゲーションラベル [icon 〇〇] の 〇〇 の部分にこれからコピーするものを貼り付けます
8．別画面で「Font Awesome」のサイトを開きます
（検索で「Font Awesome」と入力すると出てきます）
9．虫メガネアイコンをクリック
10．「Free」タブをクリックし、探したいアイコンを英語で検索
（画像は home を検索した例です）
11．出てきたものの中から、お好みのアイコンをクリック
12．"〇〇"の部分をコピーします
（ ” ←この記号も含めてコピーしてください）
13．先ほどのナビゲーションラベルの部分に貼り付けます
14．左上の「公開」をクリック
15．完成！
これで、SWELLのデフォルトのアイコンだけじゃなく、もっとたくさんの種類のアイコンを選択できるようになりましたね！
これでデザイン性も豊かになり、より印象に残るものが表現できるようになりますので、ぜひお試しください。
それではまた。
サクッとかっこいいホームページを制作したいなら
デザイン丸投げOK!
SWELL専用/低価格でスピーディーに制作します
