これから Nishiki Pro または Nishiki
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る

お知らせ

このページで紹介している機能は Nishiki Pro 製品版のみ利用できます。お試し版(無料)をご利用の方は、製品版の利用をご検討ください。

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

目次

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

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

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

デフォルトは横並び

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

ヘッダー横並びレイアウト

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

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

縦並びのヘッダーレイアウト

縦並びのヘッダーレイアウトを選んだ場合も、モバイル表示(768px 以下)の時は固定できます。

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

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

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

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

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

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

Nishiki テーマに関する情報は #wpnishiki をチェックしてください。

WordPress テーマ Nishiki Pro

「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したプロフェッショナル版 WordPress テーマです。

ブロックエディター機能を強化し、これまでの WordPress では難しかったコンテンツが簡単に作れます。ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイトなど、様々な目的のウェブサイトに対応できるテーマです。