サイトにページを追加する
ページの追加とカスタマイズは、Liferay サイトの管理の重要な部分です。 ページアプリケーション または ページツリーメニューを使用してページを追加できます。
Liferay 7.4 U22+ および GA22+ の場合、新規インストールではプライベート ページが無効になります。 有効にする方法の詳細については、「 プライベート ページの有効化 」を参照してください。
Pagesアプリケーションを使用して新しいページを追加する
-
サイトメニュー （
）を開き、 サイトビルダーを展開して、 ページ （1）をクリックします。 -
新しいページを作成するには、 新規 をクリックし、 ページ を選択します（2）。
-
子ページを作成するには、既存のページの横にある 追加 (
) をクリックし、 ページの追加を選択します。![既存のページの横にある [追加] をクリックして、新しい子ページを作成します。](https://resources.learn.liferay.com/images/dxp/latest/en/sites/creating-pages/adding-pages/adding-a-page-to-a-site/images/02.png)
ヒントページの横にある[アクション]メニュー（
）を使用して、コンテンツページのドラフトをプレビューできます（Liferay DXP 7.2以降）。 これらのオプションは、下書き状態のページとページ編集権限を持つユーザーが利用できます。 -
[ページ テンプレート セット] で、基本テンプレートまたはグローバル テンプレートを選択します。
空の コンテンツ ページから開始するには、 空白 マスター ページ テンプレートを選択します。
または、利用可能な他のテンプレートから選択します。
-
ページの追加ダイアログで名前を入力し、 追加をクリックします。
コンテンツ ページを作成した場合は、フラグメントとウィジェットを追加するためのページ エディターが表示されます。ウィジェット ページを作成した場合は、ページの構成オプションが表示されます。
残りのページ設定を構成する方法については、 ページ設定 UI リファレンス を参照するか、 ページ セットの構成 を参照して、 ページ セットのオプションを構成してください。
デフォルトでは、新しいページはサイトのナビゲーション メニューに追加されます。 このナビゲーション メニューを構成するには、「 ナビゲーション メニュー アプリケーションの使用」を参照してください。
ページツリーメニューを使用して新しいページを追加する
Liferay DXP/ポータル 7.3 以上
-
サイト メニュー (
) を開き、 ページ ツリー (
) をクリックします。 -
追加 (
) をクリックし、 ページの追加を選択します。
-
子ページを作成するには、既存のページの横にある アクション (
) をクリックし、 子ページの追加を選択します。
-
新しいページを追加するための標準の手順に従います。
下書き状態のページには、ページ ツリー内の名前の横にアスタリスク (*) が表示されます。
ページのプレビュー
作成したページを公開する前にプレビューしたり、作業が必要なページを特定したりできます。
-
サイト メニュー (
) を開き、 サイト ビルダーを展開して、 ページをクリックします。 -
プレビューするページの横にある アクション (
) をクリックし、 表示を選択します。
複数の エクスペリエンス が設定されている場合、ページ編集権限を持つユーザーは、選択したエクスペリエンスに基づいてページを表示/プレビューできます。
ページナビゲーションの概要
アクセシビリティ
Liferay DXP 2025.Q1+/ポータル GA132+
Pages アプリケーションでは、キーボードのみを使用してページ階層内を移動し、要素を操作できるため、すべてのユーザーがアクセスできるようになります。 次のアクションはキーボードで操作できます。
Tab: 画面上の要素間を移動します。 ページを選択してハイライト表示したら、もう一度 Tab キーを押してそのページ内の要素間を移動します。
上/下矢印: ページ間を垂直に移動します。
左/右矢印: 子ページがある場合は、子ページ内外に移動します。
次のアクションを実行できます: 移動 (1)、選択 (2)、編集 (3)、子ページの追加 (4)、アクション メニューを開く (5)、異なるページ レベル間のサイズ変更可能な垂直区切りであるミラー列のサイズ変更 (6)。
または、マウスでミラー列の端をクリックしてドラッグすることで、ミラー列のサイズを変更できます。
オプションを有効にするには、要素をハイライトし、 スペースバー または Enterを押します。 矢印キーを使用して、利用可能なアクションを移動します。
スクリーンリーダーのサポート
スクリーン リーダーを使用している場合は、次の機能によりアクセシビリティが向上します。
ページ フォーカスの説明: ページが選択されると、スクリーン リーダーによってページ名、種類、親子関係、およびページに子ページが含まれているかどうかが読み上げられます。 上矢印と下矢印を使用して、親ページまたは子ページ間を移動します。 右矢印で子ページに入り、左矢印で親ページに戻ります。
ドラッグ アンド ドロップ アクション: 移動アクションが開始されると、スクリーン リーダーによって現在のターゲット位置が読み上げられ、完了すると配置が確認されます。 ページが移動された後、ユーザーにはページの新しい位置が通知されます (例: ページ [ページ名] が [親ページ] のルート/内部、[ページ名]の上/下に配置されます)。
アクティブ ページの状態: 通知は、子ページに移動するときなど、ページがアクティブまたはフォーカスされていることを示します。 親ページが子ページを表示すると、その状態は アクティブに変わり、アクションをキャンセルするオプションが使用できるようになります。
フォーカスの保持: 列間を移動したりページを移動したりした後、スクリーン リーダーはフォーカスが現在のページまたは要素に保持されるようにします。 右矢印を使用して子ページに移動した後も、フォーカスは選択した子ページに残ります。
ナビゲーションアラート: 子のないページに移動しようとすると、スクリーンリーダーはフィードバックを提供しず、右矢印キーを押しても効果はありません。