新規メニューを追加しメニューの下にサブページを追加する

Google サイトではページの下にサブページを追加してページを階層化することができますが、ナビゲーションメニューに新しいメニューを追加し、その下にサブページを追加することもできます。ページの下にサブページを追加して階層化するのではなく、メニューの下にサブページを追加して階層化したい場合に利用します。ここでは Google サイトで新規メニューを追加し、メニューの下にサブページを追加する方法について解説します。

(2022 年 04 月 20 日公開 / 2022 年 04 月 20 日更新)

ナビゲーションメニューにメニューを追加する

Google サイトでサイトを作成し、複数のページを追加するとサイトの右上にナビゲーションメニューが表示されます。

ナビゲーションメニューにメニューを追加する(1)

このナビゲーションバーにメニューを追加し、そのメニューの下にサブページを追加することができます。 Google サイトではページの下にサブページを追加することもできますが、上の階層はページではなくメニューにしたい場合に利用できます。

それでは実際に試してみます。サイトの編集画面を表示してください。

ナビゲーションメニューにメニューを追加する(2)

右側に表示されている「ページ」タブをクリックしてください。

ナビゲーションメニューにメニューを追加する(3)

画面右下の「+」にマウスを合わせてください。

ナビゲーションメニューにメニューを追加する(4)

「新規メニュー」をクリックしてください。

ナビゲーションメニューにメニューを追加する(5)

「新規メニュー」ダイアログが表示されます。作成するメニューの名前を入力してください。入力が終わりましたら「完了」をクリックしてください。

ナビゲーションメニューにメニューを追加する(6)

新しいメニューが作成されて追加されました。追加したメニューはナビゲーションバーに表示されます。

ナビゲーションメニューにメニューを追加する(7)

ナビゲーションメニューにメニューを追加する(8)

メニューにページを追加する

メニューを作成したら作成済みのページをメニューに追加します。編集画面の右側にあるページタブで、ページをドラッグアンドドロップでメニューに追加してください。

メニューにページを追加する(1)

メニューにページを追加する(2)

同じ手順でもう一つページをメニューに追加しました。

メニューにページを追加する(3)

ナビゲーションメニューではメニューが表示されていますが、ページが追加されている場合は下矢印がメニューの横に表示されます。下矢印にマウスを合わせると展開されてメニューに追加されているページが表示されます。

メニューにページを追加する(4)

メニューにページを追加する(5)

このようにメニューを追加したあとでページを追加することで、階層化した形でページをナビゲーションを表示することができます。

なお新しく作成するページをメニューに追加する場合は、追加済みのメニューの右側にある「その他」アイコンをクリックし、表示されたメニューの中から「サブページを追加」をクリックすることで直接メニューの下の階層にサブページを作成して追加することもできます。

メニューにページを追加する(6)

メニューにページを追加する(7)

メニューを削除する

追加したメニューを削除するには、まずメニューの下に追加されているすべてのページを別の場所に移動するか削除してください。

ページにカスタムURLを設定する(1)

削除するメニューの右側にある「その他」アイコンをクリックしてください。

ページにカスタムURLを設定する(2)

表示されたメニューの中から「削除」をクリックしてください。(メニューにページが追加されていると「削除」メニューが表示されません)。

ページにカスタムURLを設定する(3)

メニューが削除されました。

ページにカスタムURLを設定する(4)

-- --

Google サイトで新規メニューを追加し、メニューの下にサブページを追加する方法について解説しました。

( Written by Tatsuo Ikura )

Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。