【THE THOR】グローバルメニューにアイコンを入れる方法(初心者でも簡単カスタム)

  • 2021年1月29日
  • 2021年2月13日
  • THE THOR
  • 91View
  • 0件

【THE THOR】を使用しているレイカです。

今回はグローバルメニューにアイコンを入れてみました。

 
Rei
グローバルメニューとはヘッダーにあるところです。

アイコン結果は下記の通りになります。

《アイコン入れる前》

《アイコン入れた後》

 
Rei
初心者でも5分ぐらいでできました。
では、やり方について説明します。

【THE THOR】グローバルメニューにアイコンを入れる方法(初心者でも簡単)

【THE THOR】の標準アイコンを選ぶ

【THE THOR】では標準で約500個ほどのアイコンが搭載されています。

下記のサイトより気になるアイコンを選んでください。

hamablog

THE THOR(トール)に標準装備されているアイコンの使用方法や簡単なカスタマイズ方法を解説しています。アイコンの使い…

気になるアイコンがありましたら

黄色枠部の名前をコピーします。

今回は「icon-pencil」を選択しています。

アイコンコードを貼付けする

【外観】→【メニュー】を選択します。(または【外観】→【カスタマイズ】→【メニュー】)

【編集するメニューを選択】でヘッダーに合わせます。

【ナビゲーションラベル】に下記コードを入力します。

 
<p class=”コピーしたアイコン名”>名前</p>

【メニューを保存】または【公開】ボタンをクリックすれば、おしまいです。

ちゃんとできているか確認しましょう。

 
Rei
とても簡単にできました。

【THE THOR】グローバルメニューにアイコンを入れる方法 まとめ

サイトデザインが物足りなく悩んでいる方におすすめのカスタムとなります。

 
Rei
初心者でも簡単にカスタムできます。

ぜひやってみてはいかがでしょうか?

では、また。

NO IMAGE

Reika Blog

『暮らしが楽になる便利グッズ』『ブログ運営』