このページでは、Nishiki Pro テーマでヘッダーのレイアウトを変更する方法について解説しています。

目次

• Nishiki Pro テーマでヘッダーのレイアウトを変更する方法
• デフォルトは横並び
• 縦並びのヘッダーレイアウトが選択できます
• モバイル表示時、メニューや検索ボタンの配置を考えよう
• デモサイトは縦並びにしてます
• ヘッダーのオーバーレイの設定も可能になりました

Nishiki Pro テーマでヘッダーのレイアウトを変更する方法

WordPress の管理画面から「外観」→「カスタマイズ」を選択します。

パネル一覧から「ヘッダー」を選択します。

デフォルトは横並び

ヘッダーレイアウトの設定項目があります。デフォルトでは「ロゴ」と「メニュー」の横並びが選択されています。

縦並びのヘッダーレイアウトが選択できます

縦並びを選択することもできます。

縦並びのヘッダーレイアウトを選んだ場合も、モバイル表示（768px 以下：px 数の変更も可能）の時は固定できます。

モバイル表示時、メニューや検索ボタンの配置を考えよう

ヘッダーレイアウトは横、縦並びどちらでもいいとは思いますが、モバイル表示時にどのようにメニューや検索ボタンを配置させるのかを今一度考えてみましょう。

例えば、モバイル表示時ではヘッダーは固定せず、フッターメニューを固定する方法もあります。作るウェブサイトのタイプによっては、フッターメニューを固定させたほうが、ウェブサイトの回遊性が高まることもあります。

フッターメニューの設定方法は、以下のページをご参考ください。

デモサイトは縦並びにしてます

Nishiki Pro のデモサイトはヘッダーのレイアウトを縦並びにしています。

ヘッダーのオーバーレイの設定も可能になりました

Nishiki Pro バージョン 1.0.226 より、ヘッダーをオーバーレイに設定できるようになりました。