サイドメニューの表示方法・カスタムメニュー編|まず一度、会ってもらえるSEO@千葉県市原市

まず一度、会ってもらえるSEO@千葉県市原市|ウェブデザインときた

お問い合わせはこちら

お問い合わせは、メールでお気軽に

2日後の13:00までに返信します

お問い合わせ用ページ

サイドメニューの表示方法・カスタムメニュー編

おはようございます。ときたです(^^)/

WordPressで、固定ページを使ってホームページを作成した場合、メインメニューだけでなくサイドにもメニューを表示したい場合がありますよね?

そんな時、標準機能では方法が2つあります。

  • 「固定ページ」ウィジェットを使用する。
  • 「カスタムメニュー」ウィジェットを使用する。

前回は「固定ページ」ウィジェットを使用する方法を紹介しました。
今回は「カスタムメニュー」ウィジェットを使用する方法を紹介します。

設定前の画面はこちらです。
(サイドメニューの一番上には、検索ウィジェットが表示されています。)

トップページ・サイドメニュー設定前

~~~~~~~~~~~~~~~~~~~

1.まず、カスタムメニューウィジェットを使用するために、カスタムメニューを設定します。

(1) 管理画面から「外観→メニュー」を選択して、カスタムメニュー設定画面を表示します。

カスタムメニュー設定画面・設定前

(2) メッセージ内の「新規メニューを作成」リンクをクリックすると、新規メニュー作成画面になります。画面の右側の枠内の「メニューの名前」に任意の名前を入力して、「メニューを作成」を押します。

カスタムメニュー画面・新規メニュー作成画面

(3) メニューが新規作成され、メニューの詳細を設定する画面に遷移します。
 ※ここでは、メニューの名前を「サイドメニュー」としました。

カスタムメニュー画面・新規メニュー詳細設定

(4) 画面左側の「固定ページ」「リンク」「カテゴリー」と書かれた枠内から、設定したいメニューにチェックを入れ、「メニューに追加」を押して、右側のメニュー設定欄にメニューを追加します。

カスタムメニュー画面・メニュー詳細追加

(5) 指定したメニューが設定されたことを確認したら、画面右側の「メニューを保存」を押します。
 ※上下どちらのボタンでも大丈夫です。

カスタムメニュー画面・メニューを保存

(6) 画面上部に「サイドメニューを更新しました。」メッセージが表示されたら設定終了です。

カスタムメニュー画面・メニュー作成完了

2.上記1で設定したカスタムメニューを、カスタムメニューウィジェットを使用して表示するための設定を行います。

(1) 「外観→ウィジェット」を選択し、ウィジェット設定画面に移動します。

ウィジェット設定画面・サイドメニュー設定前

(2) 「カスタムメニュー」ウィジェットを、クリック&ドラッグして、「メインサイドバー」の枠内に移動して追加します。(ここでは、メインサイドバーの一番上に追加しています。)

ウィジェット設定画面・サイドメニュー追加

(3) 「カスタムメニュー」ウィジェットの「タイトル」「メニューを選択:」を設定して、ウィジェット枠の右下の「保存」を押します。

ウィジェット設定画面・サイドメニュー追加完了

以上で、設定完了です。

~~~~~~~~~~~~~~~~~~~

設定後の画面はこちらです。
(サイドメニューの一番上には、「サイドメニュー」が表示されています。)

トップページ・サイドメニュー設定後

それでは今日も、にこやかに(^^)/