スマホ閲覧時にヘッダーに固定されるメニューを表示する
2018年6月23日
カスタマイズ
カスタマイズ

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

固定メニューのデモ
このメニューはスマホ閲覧時にのみ表示されます。
PC・タブレットでは表示されません。
ヘッダー固定メニューを表示する手順
-
「ヘッダー固定用メニュー」を設定する
WordPress管理画面から
> > と進み、
「ヘッダー固定メニュー(スマホ)」にチェックを入れます。「ヘッダー固定用メニュースマホ」を選択します
入れるメニューは3つにしてください。
1つ~2つだと右が空白に。3つ以上だと段落落ちしてしまいます。
それから文字数にも気を付けてください。長すぎても段落落ちします。 -
メニューの色を変更する
WordPress管理画面から
> > から
メニューの色を変更できます。
以上、スマホ閲覧時にヘッダーに固定されるメニューを表示する手順となります。