ワードプレス(Simplicity)のメニューを編集!!簡単4ステップ

グローバルナビゲーションを編集して、見栄えをかっこよくする!

HP作成で、wordpressを導入後、Simplicityをテーマに選んでみたけど、メニューの追加方法とかよくわからない。そんな疑問を解決しちゃいます。

たったの4テップでメニューが追加できちゃいます。

今回は、Simplicityをテーマの題材としていますが、Wordpressの共通的な操作になるので、ほかのテーマを選んでいても、参考になりますよ。

今回紹介する内容は、「グローバルナビゲーション」とよばれるメニューの表示をカスタムメニューを使って編集します。

イメージは、この部分↓

前提

始める前に、下記前提で進めます。

1、Wordpressの管理画面にログインできてること

2、カテゴリがいくつか追加されていること

3、テーマが「Simplicity」以外の場合で、カスタムメニューが有効になっていない人は、最後に記載している「カスタムメニューを有効にする」ができていること。

4.メニューには、サイトのホームメニューとカテゴリ毎のメニューを表示させる。

ステップ1:新規メニューを作成

※画像内の番号が、画像のあとの手順と一致しています。

1.ワードプレスの設定画面「外観」の「メニュー」を選択クリック。

2.「新規メニューを作成」を選択クリック。

3.「メニュー名」に『グローバルメニュー』を入力(ここはお任せ)。

4.「メニュー作成」をクリック。

ステップ2:ホームメニューの追加

1.「カスタムリンク」をクリックして、メニューを表示する。

2.『URL』に表示させたいサイトのURLを記載する。
『リンク文字列』はメニューで実際に表示される文字になります。今回は”HOME”としていますが、日本語がよければ、”ホーム”でもかまいません。

3.「メニューに追加」をクリック。

ステップ3:カテゴリーのメニューを追加

1.「カテゴリー」をクリックして、カテゴリーを表示させる。
用意しているカテゴリーすべてを表示させるため「すべてを表示」を選択するとよい。

2.「メニューに追加」をクリックする。

3.追加されたメニューの配置を決める。

『メニュー構造』に、追加されたメニューがずらーっとならんでいるので、
位置を変更したカテゴリーを選択(ドラック)して、移動させます。
メニューの順序はドラックして上下に移動させて、ドロップ。
副項目にしたいカテゴリーは、ドラックして右にずらしてドロップ。

ステップ4:作成した「グローバルメニュー」を実際に表示させる

1.外観→メニューの「位置管理」を選択

2.「ヘッダーナビ」の「指定されたメニュー」に、作成した『グローバルメニュー』を選択する

3.「変更を保存」を選択

最終結果

こんな感じに表示されます!

スポンサーリンク