スマホ閲覧時にヘッダーに固定されるメニューを表示する

fixed-menu-thumbnail

ヘッダーに固定されるメニューの表示方法を紹介します。

固定メニューのデモ

固定メニューのデモ

このメニューはスマホ閲覧時にのみ表示されます。
PC・タブレットでは表示されません。

ヘッダー固定メニューを表示する手順

  1. 「ヘッダー固定用メニュー」を設定する

    WordPress管理画面から外観 > カスタマイズ > メニューと進み、
    「ヘッダー固定メニュー(スマホ)」にチェックを入れます。

    「ヘッダー固定用メニュー(スマホ)」を選択します

    「ヘッダー固定用メニュースマホ」を選択します

    入れるメニューは3つにしてください。
    1つ~2つだと右が空白に。3つ以上だと段落落ちしてしまいます。
    それから文字数にも気を付けてください。長すぎても段落落ちします。

  2. メニューの色を変更する

    WordPress管理画面から外観 > カスタマイズ > から
    メニューの色を変更できます。

    メニューの色を変更します

    メニューの色を変更します

以上、スマホ閲覧時にヘッダーに固定されるメニューを表示する手順となります。

fixed-menu-thumbnail
この記事が良かったら、いいねして
最新記事をチェックしてください!

Twitterで

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。