WordPressテーマ「SANGO」でハンバーガーメニューを作る方法 -手順まとめ-

WordPressテーマ「SANGO」でハンバーガーメニューを作る方法

「SANGO(サンゴ)」でスマホメニューを表示させるには、手動で設定する必要があります。

公式サイトに、設定方法が記載されているものの、かなり”あっさり”とした内容のため、どう設定すればいいか分からない人が結構いる様な気が…

ハンバーガーメニューはウィジェットの設定から設置することができます。

引用:メニューの設定をしよう

ぼく

上の内容が説明の全てです。

ぼく

あっさりしすぎ…

ということで、設定方法についてまとめてみました。

WordPressテーマ「SANGO(サンゴ)」でハンバーガーメニューを作る手順

STEP.1
WordPressメニューから『外観』→『ウィジェット』をクリック
ウィジェットをクリック
STEP.2
『スマホ用ナビドロワー(ハンバーガーメニュー)』 をクリック
スマホ用ナビドロワー(ハンバーガーメニュー) をクリック
STEP.3
スマホメニューで表示させたい項目をドラッグ&ドロップで追加
スマホメニューで表示させたい項目をドラッグ&ドロップで追加
STEP.4
完成
完成

これでスマホメニューが表示される様になります。

スマホメニューが表示される

ちなみにぼくの場合は、下記の内容・順番にて設定を行ったため…

  1. 検索
  2. メニュー(カスタムHTMLで設定)
  3. カテゴリー
  4. 運営者情報カスタムHTMLで設定

スマホメニューをクリックすると”このような構成(内容)”で表示されます。

表示されるスマホメニューの内容

項目を追加したり、順番を入れ替えたい場合は、ウィジェット内「スマホ用ナビドロワー(ハンバーガーメニュー)」で、設定した項目を移動させるだけ。

スマホメニューの項目を追加したり、順番を入れ替えたい場合

超簡単ですね。

スマホメニューを設置することで、サイトの回遊率も高まるかと思いますので、行うべきマストな設定といっても過言ではないでしょう。

そんな感じで。終わりッ!!

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください