左側メニューを固定ページで作る

WordPressを使って超シンプルなサイトを作りたいと思います。

こんなサイトです。

WordPress

 

左側のメニューは二階層になっていて、

  • 一日目
    • 朝:野菜ジュース
    • 昼:水菜サラダ
    • 夜:十穀そば
  • 二日目
    • 朝:とうふ味噌汁
    • 昼:にんじんサラダ
    • 夜:大根モチ
  • 三日目
    • 朝:ごぼうクッキー
    • 昼:チキンカレー
    • 夜:豆スープ

こんな感じで、そこをクリックすると、

日にちごとにメニューが表示されるように作ります。

 

カテゴリとか、今後も増やす予定はないので

とりあえずこの3日目のメニューを表示してこのサイトは完了、というようなシンプル(シンプルすぎる)サイトです。

 

 

「メニュー」を追加して、それを「カスタムメニュー」として追加する

色々方法はあるのでしょうが、ひとつの例として。

 

全てのページを「固定ページ」として作成し、

「一日目」という「メニュー」を作り、

この「メニュー」を、「カスタムメニュー」ウィジェットとして追加するという方法です。

 

1.全てのページを固定ページで作成します。

 

こんな感じです。

gamen-1

 

 

2.[ダッシュボード]-[外観]-[メニュー]で、新しいメニューを追加します。

gamen-2

 

3.「メニュー」の名前は適当につけておきます。
とりあえず、「一日目」というメニュー名をつけておきます。

gamen-3

 

4.「一日目」のメニューに表示したい固定ページを選びます。

gamen-4

 

 

選択した固定ページが右側に表示されます。

 

gamen-5

1日目に表示させたい固定ページの設定は

「メニューを保存」ボタンを押して完了です。

 

同じように「2日目」「3日目」のメニューを作成してください。

3つのメニューが作成できたら次へすすみます。

 

5.[外観]-[ウィジェット]を選び、[カスタムメニュー]を作ります。

gamen-6

 

6.下向きの▼をクリックして、このカスタムメニューに表示したいメニューを選びます。

自分で作ったメニュー、「一日目」「二日目」「三日目」がでてきて、選ぶことができたら成功です!

まず「一日目」を選択したら、[保存]を押してください。

gamen-7

 

※ここで「タイトル」に「一日目」と入力していますがここも特に好きな文字を入力してOKです。

 

gamen-title

7.同じように、「二日目」「三日目」のカスタムメニューも作成してください。

 

8.これでおしまい!

サイトには、「一日目」「二日目」のメニューが表示されていると思います。

gamen-88

 

 

あとは色や文字の大きさなどをカスタマイズしていけばサイト作成完了。

その方法についてはまた、のちほど・・・