THOR(ザ・トール)でグローバルメニューにアイコンを入れる方法こんにちは、テンテンです。THOR(ザ・トール)のグローバルメニューにアイコンを入れる方法について解説します。【グローバルメニューにアイコンを入れる完成イメージ】ブログ初心者の方でもとても簡単にできる設定なので、是非やってみましょう!今回の作業時間:3分〜5分では早速、解説に進みます。headにコードを入力〜グローバルメニューにアイコンを入れるステップとして、まずheadタグに下記のコードを入力しましょう。rel=”stylesheet”>こちらのプログラミングコードをコピー&ペーストしますが、一点だけ先にバージョンの確認しておきましょう!プログラミング未経験者の方でもわかりやすいように、確認するべきコードを赤線で引いております。Awesomeから無料のアイコンを使います。5.11.1なので、V5.11.1にしております。頻繁にバージョンが更新されるようなので、しっかり、この点は確認しておきましょう!もし、バージョンが更新されているようでしたら、先ほどの入力コードの赤線を引いた部分だけ書き換えをしてください。こちらのコードをペーストしていきます。2「外観」→「カスタマイズ」に進みます。3「基本設定[THE]」に進みます。4「高度な設定」に進みます。5先ほどのプログラミングコードをコピー&ペーストします。</head>直上の自由入力エリアに先ほどのプロフラミングコードをペーストしましょう。最後に忘れず保存(「公開」)してくださいね。Awesomeから好きなアイコンを選びましょう!今回は、無料のアイコンだけ使っていきますので、その方法で解説していきます。すべて英語表記となっていますが、使い方自体はとてもシンプルです。1「lcons」に進みます。2「free」にチェックを入れましょう。「free」にチェックを入れることで無料アイコンだけが検索表示がされます。3検索窓にキーワードを入力します。キーワードを入力する際、日本語では検索表示がされないので、必ず英語検索するようにしましょう。4赤枠で囲ったプログラミングコードをコピーします。今回は、ホームの無料アイコンのプログラミングコードをコピーしてますが、お好きなアイコンのプログラミングコードをコピーしてください。プログラミングコードを貼り付けるする場所についてでは、早速、コピーしたプログラミングコードをペーストしていきます。1「外観」→「メニュー」に進みます。2「編集するメニューを選択」で〜ヘッダーエリアを指定しましょう。先に編集するメニューを選択しましょう!今回はグローバルメニューにアイコンを入れていきますので、ヘッダーエリアを選択しています。次に「ナビゲーションラベル」に先ほどコピーしたプログラミングをペーストします。fa-home”></i>ホームこのように、プラグラミングコードの後に文字を入れるとアイコンの横に文字が入ります。最後に忘れずに、メニュー保存をしましょう。これで、グローバルメニューにアイコンが入りました。念の為、しっかり確認しておきましょう。さいごに今回は、細かいサイトデザインについての解説となりましたが、サイトのデザインや見やすさをこだわりたい人はアイコンの設定がオススメです。THORでサイトデザインにこだわりたい人は以下も設定しておくと良いでしょう。THOR(ザ・トール)で見やすいメニューパネルの設定方法こんにちは、テンテンです。THOR(ザ・トール)で見やすいメニューパネルを作る方法を解説します。THOR(ザ・トール)でピックアップ記事を設定するこんにちは、テンテンです。THOR(ザ・トール)でピックアップ記事を設定する方法を解説していきます。ピックアップ記事の完成例はこちらです。[...]最後まで読んでいただき、ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。運営者情報Tenten当ブログでは、ブログ運営していく中でインプットしたことをアウトプットメモしています。THORの使い方、SEOなどについて発信中。ブログ初心者の方にもわかりやすく画像付きで解説しています。俺のブログ運営.お問い合わせシェアメニューTOPへ。