サイトを作成する時には、複数あるページをネストさせて、サイト内のナビゲーションをわかりやすくする必要があります。このような子ページ(別名:ネストページ)を利用することで、ページに階層をつけて整理できます。例えばリゾートガイドに関するページは、Liferayリゾートガイドというページ下に作成します。
この記事では、「施設案内」ページを「Liferayリゾートガイド」下にネストする方法を紹介します。
子ページの作成
子ページの作成方法は二通りあります。
-
既存のページに子ページとして新しいページを作成します。(一般的な方法)
-
既存のページを子ページに変換、(ドラッグ&ドロップで可能)
一つ前のセクションでページを作成したので、2つめのオプションを使って子ページを作成します。
子ページをドラッグ&ドロップで作成
ここで加えたページ構成の変更は自動的にサイトのナビゲーションメニューに反映されます。
-
メインメニュー→ 「Liferayリゾート」→ナビゲーションの順にクリック
-
施設案内ページ(子ページにするもの)をLiferayリゾートガイド(親ページ)の下にドラッグ&ドロップします。
-
ページをリフレッシュします。新しいページ構成がナビゲーションメニューに反映されています。
新しく子ページを作成する
-
Liferayリゾート→ナビゲーション→親ページ「Liferayリゾートガイド」のオプションをクリックし、[サブページを追加する]を選択します。
-
ページに名前(例:レストランガイド)をつけ、ページのタイプを[リゾートガイドページ]と選択します。
-
「変更を継承する」を「はい」にして、[ページの追加]をクリックします。
-
他の新規ページにも手順1〜3を繰り返します。
Liferay DXPはテンプレートの設定に合わせてページを作成します。ここで使用したテンプレートは右のカラムにブログアプリケーション、左は空欄スペースというデザインになっています。ここで作成したページはナビゲーションバーに表示されます。
これで全てのページが作成できました。次のセクションではサイト・ナビゲーションと、パンくずリストやナビゲーション関連のアプリケーションを含む、さまざまな機能を紹介します。