サブページを追加する(ページを階層化する)

サイトに単にページを追加した場合は同じ階層にページが追加されますが、既存のページの下の階層にサブページとしてページを追加することができます。ページの階層は最大 5 階層まで行うことができます。ここでは Google サイトでサブページを追加してページを階層化する方法について解説します。

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

サブページを追加する

サイトに追加済みのページの下の階層にサブページを追加する方法です。 Google サイトのホーム画面を表示したあと、対象のページが含まれるサイトをクリックしてください。

サブページを追加する(1)

サイトの編集画面が表示されます。

サブページを追加する(2)

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

サブページを追加する(3)

サイトに追加されているページの一覧が表示されます。

サブページを追加する(4)

ページの一覧の中からサブページを追加するページにマウスを合わせ、表示された「その他アイコン」をクリックしてください。

サブページを追加する(5)

表示されたメニューの中から「サブページを追加」をクリックしてください。

サブページを追加する(6)

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

サブページを追加する(7)

サブページを追加する(8)

対象ページの下にサブページが追加されました。

サブページを追加する(9)

このように作成済みのページの下の階層にサブページを追加することができます。

サブページの編集などは通常のページと変わりありません。編集を行うにはページタブで表示されているページ名をクリックしてください。なお階層が展開されていない場合は、ページの先頭に表示される矢印をクリックすると階層が展開されて表示されます。

サブページを追加する(10)

サブページを追加する(11)

サブページの編集画面が表示されました。

サブページを追加する(12)

サブページがどのように表示されるのか

サイトにサブページが含まれている場合に、サイトを公開したときどのように表示されるのかを確認してみます。画面右上の「公開」をクリックしてサイトを公開してください。(サイトを公開する手順に詳しくは「サイトの公開とサイトURLの設定」を参照されてください)。

サブページがどのように表示されるのか(1)

公開したサイトへブラウザからアクセスします。

サブページがどのように表示されるのか(2)

画面右上にナビゲーションメニューが表示され、表示するページを選択することができますが、サブページが含まれるページには下矢印が表示されています。

サブページがどのように表示されるのか(3)

サブページが含まれるページにマウスを合わせると、下にサブページのページ名が表示されます。このページ名をクリックするとサブページを表示することができます。

サブページがどのように表示されるのか(4)

サブページがどのように表示されるのか(5)

サブページの下にサブページを追加する

サイトに追加したサブページの下の階層にさらにサブページを追加することもできます。現時点では最大 5 階層までサブページを追加していくことができます。

それでは実際に試してみます。サイトの編集画面でページタブを開き、表示されたページの一覧の中からサブページを追加するサブページにマウスを合わせ、表示された「その他アイコン」をクリックしてください。

サブページの下にサブページを追加する(1)

表示されたメニューの中から「サブページを追加」をクリックしてください。

サブページの下にサブページを追加する(2)

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

サブページの下にサブページを追加する(3)

対象サブページの下にサブページが追加されました。

サブページの下にサブページを追加する(4)

-- --

Google サイトでサブページを追加してページを階層化する方法について解説しました。

( Written by Tatsuo Ikura )

Profile
profile_img

著者 / TATSUO IKURA

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