こんばんは(^-^)
最近はパソコンよりもスマホでネットを見る方がほとんどですよね。
私のサイトも、スマホから見てくださる方が80パーセント以上です。
私のサイトはスマホから見ると、カテゴリ―やプロフィール欄が下の方にあるのでなかなか色々なページを見てもらえないかと思い、ハンバーガーメニューを作る事にしました。
食べるハンバーガーじゃなくて(笑)、三本線があってメニューが見れるやつです!
こちらの記事を参考にさせて頂きました。
目次
グローバルメニュー
グローバルメニューの項目を増やして、パソコンサイトで見やすくしました。
以前のグローバルメニューはこんな感じ。
新しいグローバルメニューは、項目を増やしました。
ハンバーガーメニューの表示
スマホは、ハンバーガーメニューのサブカテゴリーを表示できるようにしました。
以前は、カテゴリーが4つまでしか表示できなくて、サブカテゴリーも表示出来ませんでした。
新ハンバーガーメニューは、右上のメニューを開くとこんな感じになります。
インスタ、ツイッター、はてなブログのフォローボタンを設置しました。
サブカテゴリーも表示できるようになりました。
「うさぎ」をタップすると、ダーッとサブカテゴリが出てきました。
まとめ
グローバルメニューとハンバーガーメニューを追加した件でした。
実は昨日からうまく表示できなくて悪戦苦闘していたのですが、今日無事に表示できるようになりとっても嬉しいです!
皆さんに色々な記事を見て頂けると嬉しく思います☆