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

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る
  1. ホーム
  2. マニュアル
  3. ヘッダーのレイアウトを変更する方法

お知らせ

このページで紹介している機能はこれまで Nishiki Pro 製品版のみ利用可能でしたが「よりテーマの機能や便利さを知ってもらい、ワードプレスを使ったブログやウェブサイト運営を楽しみながら継続できるきっかけにして欲しい」という思いから、お試し版でも利用可能といたしました。

もし、お試し版をご使用いただき、気に入っていただけましたら、継続的なアップデートやサポートのサービスが利用できる「製品版」のご利用を検討ください。

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

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

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

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

デフォルトは横並び

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

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

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

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

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

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

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

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

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

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

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

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

このページが役に立ちましたら、ぜひシェアしてください。

WordPress テーマ Nishiki Pro

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

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