【THE THOR】初心者でもわかるメニューのカスタマイズ

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

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

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

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

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

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

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

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

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

THE THOR(ザ・トール)メニューをカスタマイズ1

メニューの記事を準備

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

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

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

THE THOR(ザ・トール)メニューをカスタマイズ2

メニュー名を記入

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

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

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

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

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

THE THOR(ザ・トール)メニューをカスタマイズ3

メニューの表示項目を選択

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

・固定ページ▼

・投稿▼

・お知らせ▼

・カスタムリンク▼

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

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

・固定ページ▼

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

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

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

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

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

 

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

THE THOR(ザ・トール)メニューをカスタマイズ4

メニューの表示順

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

THE THOR(ザ・トール)メニューをカスタマイズ5

メニューの表示場所を選択

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

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

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

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

THE THOR(ザ・トール)メニューカスタマイズ6

メニューバーの確認

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

【THE THOR】初心者でもわかるメニューのカスタマイズ まとめ

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

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

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

 

ランキングに参加しているので、クリックしていただけると嬉しいです(^^♪

人気ブログランキング

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

もしもから申請をお勧めします♪

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

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

/TOP/