WordPressテーマ「SANGO」でスマホ用のメニューを作る方法 -手順まとめ-

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

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

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

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

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

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

ぼく
あっさりしすぎ…

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

SANGOでスマホ用のメニューを作る手順

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

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

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

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

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

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

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

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

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

超簡単ですね。

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

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

 

 

コメントを残す

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