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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

・固定ページ▼

・投稿▼

・お知らせ▼

・カスタムリンク▼

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

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

・固定ページ▼

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

 

/Decoration/TOOL/そらのまなびぶろぐ/THE THOR/AFEREIT/

最新情報をチェックしよう!
>

そら

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

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


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