初心者向けTHE THOR【ザ・トール】メニューの設定紹介

 

画面の上部にあるロゴ画像の下に「・サンプル」と書かれたメニューバーが表示されて驚きませんでしたか?

 

(私は「・サンプル」と表示されていましたが、皆さんと違っていたらごめんなさい。)

 

これはなんだとホント困ってしまいました。

 

理由がわかったら、なぁんだで終わるカンタンな事なんですが、わからない時はほんと時間がかかりました。

 

マニュアルのどこをに書いてあるのかさっぱりだしね( ノД`)シクシク…

 

では一緒にTHE THOR(ザ・トール)のメニューバーを設定して行きましょう。

 

THE THOR(ザ・トール)メニューバーを表示させる設定

 

もしメニューバーが表示されていない場合は、表示させるように設定をしましょう(^^♪

 

「外観」→「カスタマイズ」→「共通エリア設定[THE]」→「ヘッダーエリア設定」の順にクリックしてください。

 

「ヘッダーエリア設定」がメニューを表示させるかの設定する場所になります。

 

グローバルメニューでメニューバーの表示を設定

 

PCとスマホのメニューの表示を選択して設定します。

 


PR

サブメニュー設定でSNSなどのリンクを設定

 

「ユーザー」→「プロフィール」でSNSなどのURLで入力してある項目を表示させる設定をここでします。

 

メニューパネルは画面右側にある三本線の設定

 

このメニューパネルを表示させるかどうかを選択して設定します。

THE THOR(ザ・トール)メニューの記事を準備

 

メニューバーに表示させる項目というのは、公開されているページが対象です。

ページは固定ページでも、投稿ページでも公開済みのページはメニューに表示させることが出来ます。

 

THE THOR(ザ・トール)メニュー名を記入

 

作成するメニューに名前を付けて設定します。

画面左側の刷毛マーク「外観」→「メニュー」をクリックしてください。

 

 

THE THOR(ザ・トール)のメニューの名前をつけてメニューを作成します

下の画像は私が使っているメニューの設定になります。

 

「メニュー構造」の中にある「メニュー名」を記入してください。

 

 
sora
ブログに表示されるわけではないので気にせず名前を付けて大丈夫です。

THE THOR(ザ・トール)メニューの表示項目を選択

 

「メニュー項目を追加」を見てください。

 

・固定ページ▼

・投稿▼

・お知らせ▼

・カスタムリンク▼

 

と下に向かって並んでいると思います

もし固定ページをメニューに表示させたい場合は

 

・固定ページ▼

 

をクリックすると、固定ページでかかれた公開済み記事が表示されます。

もし、「最近」タブに記事が無ければ「すべて表示」をクリックしてください。

きっと、作成したページが表示されていると思います。

 

記事を見つけたらチェックを入れてください

 

投稿で書いた記事も同様です。

選んだらチェックをして「メニューに追加」ボタンをクリックしてください。

THE THOR(ザ・トール)メニューの表示順

 

メニューの表示順が気に入らないときは、項目をクリックしたまま表示させたい場所に移動させてください。

 

THE THOR(ザ・トール)メニューはプルダウン表示できる

 

私のサイトでも使用していますが、【THE THOR】のメニューは子階層まではプルダウン表示が出来ます。

プルダウンの背景色は黒です。

WPのメニューは孫階層まで出来るはずなのですが【THE THOR】では子階層までしかサポートしてないそうです。

私は、孫階層まで欲しかったです・・・・。

THE THOR(ザ・トール)メニューの表示場所を選択

 

上の画像では下が見切れていますが、下にスクロールすると「メニュー設定」でメニューを表示する場所を選択する箇所があります。

メニューを表示させたい場所にチェックを入れてください。

私は、ヘッダーエリアとフッターエリアにチェックを入れてあります。

最後に画面右側の上下にある「メニューを保存」ボタンをクリックしてください。

THE THOR(ザ・トール)メニューバーの確認

 

画面右上にある「変更プレビュー」をクリックすると、サイトが表示されますので、希望どうりのメニューが表示されているか確認してみてくださいね。

初心者向けTHE THOR【ザ・トール】メニューの設定紹介 まとめ

 

THE THOR(ザ・トール)のメニュー設定は簡単だったのではないでしょうか?


ただ、下書き状態のページは「メニュー項目を追加」エリアに表示できないことが私は残念でした。


メニューバーに非公開として追加しておけないのかなぁ

 

メニューバーの文字色を知りたい方は下に記事をどうぞ♪

 

 
sora
申し訳ありませんが、メニューバーの背景の変更方法はこのブログでは記載しておりません。

>>>THE THOR(ザ・トール)メニュー文字色設定&カスタマイズ 

ランキングに参加しているのでバナーをクリックしていただけると嬉しいです♪

<PR>

 ランキングサイトに参加しているのでクリックしていただけると嬉しいです(^^♪ 人気ブログランキング