![【WordPress/Diver】ヘッダーメニューの位置を設定/変更する方法](https://itechsearchengine.com/wp-content/uploads/2021/05/54551e1831cdae5081808641f16c6bde.png)
目的
✔ ヘッダーメニューをサイトロゴと並列or一段下に設定すること
イメージ図
設定前
ヘッダーメニューの設定前のイメージ図はこちら!
![](https://itechsearchengine.com/wp-content/uploads/2021/05/0944df53cb14f72b28ff1b4ec533a1c7-e1622361338782.png)
設定後1
ヘッダーメニューをサイトロゴと並列させたイメージ図はこちら!
![](https://itechsearchengine.com/wp-content/uploads/2021/05/789db971e79fe1c95acb0cc25b54dfc5-e1622350559987.png)
設定後2
ヘッダーメニューをサイトロゴから独立させたイメージ図はこちら!
![](https://itechsearchengine.com/wp-content/uploads/2021/05/9cca460ea4f40621c3e725fdada26b2b-e1622426204430.png)
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
はるまき
赤枠に表示するための『固定ページ』を作ってない人は、先にこっちの記事を見て固定ページを作成してね
ヘッダーメニューの位置を設定
サイトロゴとヘッダーメニューを並列して表示させたい場合
①『カスタマイズ』を選択します。
![](https://itechsearchengine.com/wp-content/uploads/2021/05/c60e4cee3df566ee98d59aad087f7156-2-e1622279507108.png)
②『メイン設定』を選択します。
![](https://itechsearchengine.com/wp-content/uploads/2021/05/f0a7c13c9a54a020e36da27bfb6571e0-e1622351437383.png)
③『ナビゲーション設定』の『ロゴと並列』を選択します。
![](https://itechsearchengine.com/wp-content/uploads/2021/05/56f2087c51dc354c7529418b30eb9ddc-1-e1622353036224.png)
④『公開』を押したら設定完了です。
![](https://itechsearchengine.com/wp-content/uploads/2021/05/7d706a83799c361494e3f8895db2a9cc-e1622353058991.png)
サイトロゴとヘッダーメニューを独立して表示したい場合
①『カスタマイズ』を選択します。
![](https://itechsearchengine.com/wp-content/uploads/2021/05/c60e4cee3df566ee98d59aad087f7156-2-e1622279507108.png)
②『メイン設定』を選択します。
![](https://itechsearchengine.com/wp-content/uploads/2021/05/f0a7c13c9a54a020e36da27bfb6571e0-e1622351437383.png)
③『ナビゲーション設定』の『メニュー並列』を選択します。
![](https://itechsearchengine.com/wp-content/uploads/2021/05/22ad6e91ffcc52234effb68caaa9fc9a-e1622353507869.png)
④『公開』を押したら設定完了です。
![](https://itechsearchengine.com/wp-content/uploads/2021/05/a7a03427570dfb0f0c7f1a380064940c-e1622353524568.png)
完成系
![](https://itechsearchengine.com/wp-content/uploads/2021/05/789db971e79fe1c95acb0cc25b54dfc5-e1622350559987.png)
改めて完成系はこちら!!
私のブログではヘッダーメニューを『ロゴと並列』に設定しています。
皆さまも自分好みのレイアウトにカスタマイズしてみてはいかがでしょうか!