2020年6月に【THE THOR 】を入れました。さっそくいろいろな設定でつまずいたので皆さんにも苦労しないように現在のやり方をお知らせします。他の記事どおりにやって全然だめで一日つぶしました。
FontAwesomeのほうで変更があったので過去の記事がそのまま検索上位ですとこれから始める人は皆つまずきますね。この記事も古くなったらそうなるんでしょうね。。。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/ae13dd6b72d15dea90866995d458646a.jpg)
FontAwesome 現在はメールアドレスの登録が必要です。
Start For Freeをクリックします。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/d797e3045d30e78fae42d3f57bbb3e34.jpg)
登録メールアドレスを登録します。このメールアドレスに本登録用のURLがきます。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/64a327d88922cfef0a21f0949453579c.jpg)
この画像が開いたら、メールを確認しましょう。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/1074ec697e646404fef5488494d1d888.jpg)
Click to Confirm Your Email Address +Set Things Upをクリックします。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/d5b81204d4182112af61fc0f31abcfc7.jpg)
パスワードを設定します。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/a6bceceecd958df5c1b650f9cd531a3e-1.jpg)
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/699224241e46148362db3668c3c3fc7b.jpg)
この赤枠箇所のScriptコードをコピーします。
FontAwesomeでScriptコード取得したら次にワードプレス側です。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/9daff140fb5e30d29cbeff37690d6730.jpg)
外観>カスタマイズを選びます。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/13217440d8aa0f821bb11b55a4f96def.jpg)
基本設定【THE】を選びます。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/ce296d7da3f1d5031d3da27816de63e7.jpg)
高度な設定を選びます。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/4a4b0c52405f5ca8b2bcd80fdf295853.jpg)
先ほどFontAwesomeでコピーしたものをここに貼り付けます。
これによって、メニューにつける名前に反映できるようになります。
FontAwesomeに戻ってアイコンを選びます
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/093f44ca6cd18747c3a4b223b158c91d-1024x122.jpg)
FontAwesomeに戻ってアイコンを選びましょう。上の画面のiconsを選びます。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/74e23ccc1ae74ce023d95ef4a644863a.jpg)
無料の場合は検索前にFreeを選ぶと良いです。Searchのところで検索しますが、英語半角入力で探します。
例えばホーム画面アイコンなら「home」。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/c9db12df48b8259072f90f59bc4096b1-1024x454.jpg)
好きなものを選びます。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/04ef9e9c80ff22644bce179037c6ee6d.jpg)
画面が切り替わります。赤矢印あたりにカーソルももっていくとクリックできます。これでコピーできました。
FontAwesomeでアイコンを選んだら次にワードプレス側に戻ります。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/931814ae62249c3b9a7b645b2b1fecee.jpg)
外観>メニューを選びます。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/8e97abaef5d94b9a7deb5f1d94fafb41.jpg)
メニューは「ヘッダーエリア」を選びます。
メニューのナビゲーションラベルの名前手前(上写真の赤矢印)に先ほどアイコンのコピーしたものをはりつけます。
青矢印のところは名前になります。
メニューを保存を忘れずに。
実際に反映したか確認しましょう。
![](https://yasuayutthaya.com/wp-content/uploads/2020/06/809f0f723e0ce77fcd82dee2b6ec8444.jpg)
完成です!
自己満足ですが皆さまもぜひお試しください!
海外在住でもワードプレス始められます! 海外でもはじめられるやり方解説
ブログ村新着記事反映しない!お問い合わせも対応しない時の対処!