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

初心者向けにTHE THOR【ザ・トール】メニューの設定を紹介しますTHE THOR(ザ・トール)をカスタマイズして、ロゴ画像の下にメニューバーを設定する方法を紹介します。

THE THOR(ザ・トール)をインストールした時のままにしていると、

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

このメニューをカスタマイズして自分用のメニューバーに作り変えます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

下書きの状態では選択することができませんので注意ですね。

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

まず、自分のブログで使うメニューに名前を付けなければいけません。

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

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

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

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

(ブログに表示されるわけではないので気にせず名前を付けてください。)

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

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

・固定ページ▼

・投稿▼

・お知らせ▼

・カスタムリンク▼

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

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

・固定ページ▼

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

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

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

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

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

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

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

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

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

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

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

私はカスタマイズして違う色にしちゃいましたが( ̄▽ ̄;)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

コピペOK【ザ・トール】メニューバーの文字色をカスタマイズ♪ 

無制限機能盛りだくさんのレンタルサーバー

レンタルサーバーはXserverがおすすめ
ランキングに参加しているのでバナーをクリックしていただけると嬉しいです♪

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

私が無料で登録している2つのアフェリエイトの会社です。

どちらもメリットがあるので、アフェリエイトに興味があるなら登録をお勧めします。

私が個人でAmazonアソシエイトに応募して落ちましたが、「もしもアフェリエイト」を通して申請したら合格しました。

物販のアフェリエイトに興味がある方は、アソシエイトに応募と同時に(保険として)もしもからも申請することをお勧めします♪

物販ならアソシエイトに応募と同時に(保険として)もしもからも申請することをお勧めします♪

A8.netは広告主数・登録サイト数共に日本最大級のアフィリエイトサービスプロバイダーです。

ここは取り扱っている商品が沢山あります!無料の初心者用のアフィリエイトブログ作成の無料セミナーがあるので、ここに登録してセミナーに参加することをオススメします!

アフェリエイトの会社によって、扱っている商品は違ったり、又、同じ商品でも成約金額が違う場合があるので複数の登録をお勧めします(^^)/

A8.netにとうろくして、無料の初心者用のアフィリエイトブログ作成の無料セミナーの参加をオススメします!

初心者向けTHE THOR【ザ・トール】メニューの設定紹介
最新情報をチェックしよう!
>

そら

プログラマーとして働いていたが結婚後を機に田舎に戻り、独学でHTML・Perlを勉強し自宅でWEBの仕事をはじめるも、アレルギー児の子育てで断念。 子供の手が離れたのを機にWorldpressの勉強をしながらブログをはじめました。

 そらのまなびぶろぐ について 


そらのまなびぶろぐでは、wordpressの有料テーマ【THE THOR(ザ・トール)】を使用して収益化ブログの作り方を初心者向けに紹介しています。 エディタの使い方、アドセンス申請に必要なページの書き方&作り方、ブログの装飾の方法までを紹介しています。