ハンバーガーメニュー（Hamburger Menu）とは
モバイル向けのサイトによく使われているデザインで、三本線（≡）で表示されたメニューアイコンのことをハンバーガーメニューと呼ぶそうです。
クリックすると、しまわれていたメニューが表示されますので、スマホ向けでに見るホームページだと、表示がすっきりしてて見やすいし、操作しやすくていいなと思います。これを設置する前に、そもそもアイコンの用語というか名前を知らなかったので、作り方を探すよりもまずハンバーガーメニューという名前だということを知るのに少し手間取りました(^^;)
他に『≡』のアイコン自体が常時動くグラデーションカラーの仕様にできたりと、CSSやJAVA等の追記次第では凝ったデザインも作れるようなのですが、今回は初心者向け、というところでコードは使わずワードプレスの設定のみに触れた設置方法を記載していきます。
・
・
・
設置方法
確認場所（赤枠部分）
1.ワードプレス管理画面より、「Cocoon設定」をクリック。
・・・
2.モバイルタブをクリック
・・・
3.変更部分をクリックして保存
・『ヘッダーモバイルボタン』のラジオボタンをクリック
・『常にサイトヘッダロゴを表示する』のチェックボックスをクリック
・『変更をまとめて保存』をクリック
・・・
4.動作確認
↑赤枠部分がハンバーガーメニューです。
↑クリックするとこんな感じで出ます。
・・・
・
・
・
