ページのネスト方法

サイトを作成する時には、複数あるページをネストさせて、サイト内のナビゲーションをわかりやすくする必要があります。このような子ページ(別名:ネストページ)を利用することで、ページに階層をつけて整理できます。例えばリゾートガイドに関するページは、Liferayリゾートガイドというページ下に作成します。

 

この記事では、「施設案内」ページを「Liferayリゾートガイド」下にネストする方法を紹介します。

 

子ページの作成

子ページの作成方法は二通りあります。

 

  1. 既存のページに子ページとして新しいページを作成します。(一般的な方法)

  2. 既存のページを子ページに変換、(ドラッグ&ドロップで可能)

一つ前のセクションでページを作成したので、2つめのオプションを使って子ページを作成します。

 

子ページをドラッグ&ドロップで作成

ここで加えたページ構成の変更は自動的にサイトのナビゲーションメニューに反映されます。


 

  1. メインメニュー→ 「Liferayリゾート」→ナビゲーションの順にクリック

  2. 施設案内ページ(子ページにするもの)をLiferayリゾートガイド(親ページ)の下にドラッグ&ドロップします。

    01.png

  3. ページをリフレッシュします。新しいページ構成がナビゲーションメニューに反映されています。02.png

 

新しく子ページを作成する

 

  1. Liferayリゾート→ナビゲーション→親ページ「Liferayリゾートガイド」のオプションをクリックし、[サブページを追加する]を選択します。

  2. ページに名前(例:レストランガイド)をつけ、ページのタイプを[リゾートガイドページ]と選択します。

  3. 「変更を継承する」を「はい」にして、[ページの追加]をクリックします。

  4. 他の新規ページにも手順1〜3を繰り返します。

 

Liferay DXPはテンプレートの設定に合わせてページを作成します。ここで使用したテンプレートは右のカラムにブログアプリケーション、左は空欄スペースというデザインになっています。ここで作成したページはナビゲーションバーに表示されます。

03.png


これで全てのページが作成できました。次のセクションではサイト・ナビゲーションと、パンくずリストやナビゲーション関連のアプリケーションを含む、さまざまな機能を紹介します。

 


<<戻る       次へ>>

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています