グローバルナビゲーションのカスタマイズ

サイトエディターを開く

ダッシュボード → 外観 → エディターと進み、サイトディターを開いてください。

グローバルナビゲーションを編集する

プレビューエリアをクリックしてブロックエディターを開いてください。開いたら、グローバルナビゲーション(ナビゲーションブロック)をクリックして選択状態にしてください。

デフォルトではグローバルナビゲーションのナビゲーションブロックには「固定ページリスト」ブロックが入っていて、公開されている固定ページが自動的に追加されるようになっています。すべての固定ページは表示したくない・自由に並べ替えたい、という場合は固定ページリストブロックは削除して、ゼロからメニュー項目を追加していくほうがやりやすいのかなと思います。ナビゲーションブロックの設定パネル → リスト表示タブ → 固定ページリストを削除から削除できます。

リンクを追加する

リンクはブロックナビゲーションのブロック追加ボタンか、

設定パネルのリスト表示タブ内のブロック追加ボタンから追加できます。

どちらか好みのほうで追加してみてください。

メガメニューの追加

unitone にはメガメニューの機能があります。ナビゲーションブロックにメガメニューブロックを追加することで実現できます。

保存する

思い通りのリンクを配置できたら「保存」をクリックしてください。これですべてのページに変更が反映されます。

CSS でデザインを変更したい場合

unitone のグローバルナビゲーションのナビゲーションブロックには、「unitone」という名前のブロックスタイルが適用されています。

このブロックスタイルは、このナビゲーションブロックをグローバルナビゲーションっぽくなるように装飾するためのものです。

もし CSS でグローバルナビゲーションのデザインを変更したい場合は、「もともとのナビゲーションブロックの CSS」を上書きしている「unitone ブロックスタイルの CSS」を上書きすることになるので、メンテナンスが煩雑になるかもしれません。従って、CSS でグローバルナビゲーションのデザインを変更したい場合は unitone ブロックスタイルを外したほうが良いかもしれません。

目次