Documentation

コンテンツページの編集

注釈

Liferay DXP 7.3以降。 以前のLiferay DXPのバージョンについては、 Liferay DXP 7.1 and 7.2 を参照してください。

コンテンツページは、表示、管理、および作成が簡単です。 これらのオプションにアクセスするには、 アプリケーションバー の右上にある 編集 アイコン(Edit icon)をクリックします。 編集ツールバーとサイドバーが表示され、コンテンツページを作成するためのツールやコンポーネントが表示されます。

 [編集する]をクリックして、コンテンツページの編集ツールバーとサイドバーにアクセスします。

編集ツールバー

コンテンツページのツールバーには、独自のユーザーエクスペリエンスの作成、ローカライズされた翻訳の設定、編集モードの切り替えなどのツールが含まれています。

 [編集する]をクリックして、コンテンツページのツールバーにアクセスします。

エクスペリエンス

[エクスペリエンス] ドロップダウンメニューを使用して、現在のページのコピーを作成し、特定のオーディエンス向けにカスタマイズできます。 詳細は、コンテンツページのパーソナライゼーションを参照してください。

翻訳

言語フラグ をクリックして、翻訳ドロップダウンメニューにアクセスします。 ここでは、ページのアクティブな言語のステータスを表示したり、言語を切り替えて翻訳を直接表示および編集したりできます。 詳細は、サイト言語の設定を参照してください。

デバイスディスプレイ

デバイスアイコンをクリックして、DXPのレスポンシブレイアウトエディターにアクセスします。ここで、コンテンツページがデスクトップ、タブレット、およびスマートフォンでどのように表示されるかを表示および設定できます。

編集履歴

履歴アイコン(Time)をクリックして、現在の編集セッション中にコンテンツページに加えた変更を表示します。 元に戻すボタンとやり直しボタンを使用して、これらの変更を元に戻したり復元したりできます。

編集モードセレクター

編集モードのドロップダウンメニューをクリックして、 コンテント編集 モードと ページデザイン モードから選択します。 各モードによって、編集サイドバーメニューでアクセスできるパネルが決まります。 [コンテント編集]では、 選択Selection)、 コンテンツContents)、および コメントComments)パネルにアクセスできます。 ページデザインでは、 フラグメントとウィジェットFragments and Widgets)や ページデザインオプションPage Design Options)にもアクセスできます。

プレビューと公開

変更を加えたら、 プレビュー アイコン(Preview)をクリックして、ページの公開ビューを表示します。 変更をプレビューしながら、表示するエクスペリエンス、言語、およびデバイスレイアウトを選択できます。 完了したら、 [Publish] をクリックします。 デフォルトでは、公開すると変更がすぐに公開されます。 ただし、カスタムワークフローを有効にしてレビューと公開のプロセスを指示している場合は、[Publish]をクリックすると定義済みの手順が開始されます。

編集サイドバー

選択した編集モードに応じて、編集サイドバーで次のオプションにアクセスできます。

 [編集する]をクリックして、コンテンツページのサイドバーメニューにアクセスします。

フラグメントとウィジェット

フラグメントとウィジェットサイドバーパネル( Fragments and Widgets icon )では、ページを作成するために、すぐに使用できるページ要素とカスタムページ要素の両方にアクセスできます。

  • フラグメント :フラグメントは、コンテンツページの主要な構成要素として機能する、拡張可能で再利用可能なドラッグアンドドロップ要素です。 例としては、レイアウト要素、ビデオ、テキストオーバーレイ付きのバナー画像などがあります。 DXPのすぐに使えるフラグメントの詳細はフラグメントの使用 を、独自のフラグメントを作成する方法については フラグメントの開発 を参照してください。

  • ウィジェット :他のDXPコンテキストと同様に、ウィジェットはページに動的機能を追加する アプリケーション です。 例としては、ブログ、掲示板、カレンダーなどがあります。 詳細は、Using Widgets on Content Pagesを参照してください。

選択

選択サイドバーパネル(Selection)では、すべてのページ要素の階層アウトラインを表示したり、それらの要素を選択、設定、または削除したりできます。 同様に、デザインモードでページ上の任意の要素をクリックすると、選択パネルが開き、階層内の選択されたページ要素が強調表示されます。 要素を選択すると、その要素に[一般]、[スタイル]、および[リンク]オプションがある場合はそれらにアクセスできます。 詳細は、フラグメントの使用を参照してください。

選択すると、ページとコンテンツの階層が表示されます。

注釈

ページのヘッダーとフッターは、選択パネルの階層の一部として表示されません。 これは、マスターページテンプレート からしか変更できないためです。

コンテンツ

ここでは、ページ上のすべてのWebコンテンツを表示、編集、および管理できます。 ウィジェットに表示されるコンテンツやコンテンツフィールドにマップされたコンテンツなどがあります。 詳細は、 コンテンツページでのWebコンテンツの管理 を参照してください。

ページデザインオプション

ルックアンドフィール アイコン(Look and Feel)をクリックして、テーマを変更したり、ページの他のオプションを管理したりします。 これらのオプションの詳細は、 Page Configuration UI Reference を参照してください。

コメント

ページフラグメントコメントを使用して、チームメンバーと協力しながらコンテンツページを作成できます。 作成したら、コンテンツページサイドバーのコメントパネル(Comments icon)で、開いているコメントを表示、編集、削除、または返信できます。 メンションが有効になっている場合は、コメントの一部としてページ更新権限を持つユーザーにタグを付けることができます。

注釈

7.3以降のバージョンでは、コメントはデフォルトで無効になっています。 ページコメントを有効にするには、コントロールパネル設定システム設定ページコンテンツページエディタに移動します。 次に、コメントを有効にするチェックボックスをオンにして、アップデートをクリックします。

Liferay DXP 7.1および7.2

ウィジェットページとは異なり、コンテンツページはサイトビルダーを介してのみ編集でき、本番環境でページ上で編集することはできません。 ページに対して行った編集は、ページを公開するまで下書きとして保存されます。 最初の公開後のその後の変更は、ページが再度公開されるまで、本番環境ページに影響を与えることなく、下書きとして再度保存されます。

コンテンツページの作成

  1. [Site Management] → [サイトビルダー] → [Pages] に移動します。

  2. Addをクリックします。

  3. 次のページで、 [コンテンツページ] を選択し、ページの名前を入力します。

    次に、コンテンツページ管理インターフェイスに移動します。

    各コンテンツページは空白ページから始まります。

既存のコンテンツページを編集するには、

  1. [サイト管理] → [サイトビルダー] → [Pages] に移動します。

  2. 編集するコンテンツページの横にある アクションActions)→ [編集する] をクリックします。

公開されたコンテンツページを表示している場合は、コントロールメニューから 編集 ボタン(Edit)を選択してこのページにアクセスすることもできます。

ここでは、ページのプレビューを表示したり、フラグメントとウィジェットを追加したり、ページまたは現在ページに存在するフラグメントとウィジェットの設定を管理したりできます。

ページを作成するためのツールはすべて、ページの右側にあります。 上から下へ、オプションは次のとおりです

セクション

ここに、使用可能なコレクションのリストが表示されます。 最初は、製品に含まれている基本セクションコレクションしかありません。 コレクションを開いて、セクションをページに直接ドラッグできます。

セクションには、ページ上のスペースを完全に定義するフラグメントが含まれています。

セクションがページに追加されると、その背景色、背景画像、および間隔を編集できます。 これらのオプションはページエディターで使用できるため、オプションは限られており、フラグメント開発者はカラーパレットを設定できます。

セクション管理ツールは強力なツールを提供してくれますが、まだ完全ではありません。

セクションビルダー

ここでは、レイアウトと基本コンポーネントから始めます。 ページにレイアウトを追加して、コンポーネントを追加できるスペースを確保します。

セクションビルダーには、セクションを作成するために組み合わせることを目的としたコンポーネントフラグメントが含まれています。

ウィジェット

[Widgets]セクションは、 ウィジェットページの [Add] メニューと同様に機能します。 使用可能なウィジェットの完全なリストが表示され、それらをページに追加できます。

 [Widgets]セクションには、レイアウト内に追加できるウィジェットのリストが表示されます。

主な違いは、コンテンツページのウィジェットで使用できるのは主要な設定オプションのみという点です。 ルックアンドフィール のような他の様々な設定は、ウィジェットページのウィジェットに対してのみ利用できます。

ページ構造

[ページ構造]には、ページ上の各フラグメント内のすべてのフラグメントとフィールドの概要ビューが表示されます。

 [ページ構造]では、ページの階層が表示されます。

ページ構造でフィールドを選択すると、ページ上でそのフィールドが強調表示されます。 大きくて複雑なページでは、何かを見つける場合に役立ちます。

ルックアンドフィール

ページデザインオプションアイコン(Look and Feel)をクリックして、テーマを変更したり、ページの他のオプションを管理したりします。 これらのオプションについては、 Creating Pages で詳しく説明しています。

コメント

また、任意のページフラグメントにコメントすることもできます。 これにより、コンテンツページを作成するチームのディスカッションとコラボレーションが可能になります。

コメントはデフォルトで無効になっていますが、管理者は [コントロールパネル] → [設定] → [システム設定] → [Pages] → [コンテンツページエディタ] からコメントを有効にできます。 [コメントを有効にする] チェックボックスを選択し、 [アップデート] をクリックします。 これにより、すべてのインスタンスのコンテンツページへのコメントが有効になります。 これをインスタンスごとに制御するには、 [Instance Settings](システム設定ではなく) で同じ設定に移動します。

管理者は、コンテンツページのコメントを有効にできます。

コメントが有効になっている場合は、コメントアイコン(Comments)からコメントにアクセスできます。 選択したフラグメントのコメントが表示されます。 フラグメントのコメントUIで次のアクションを実行できます。

  • 新しいコメントを追加し、既存のコメントに返信します。

  • それぞれのチェックボックスをクリックしてコメントを解決します。 コメントを解決すると、 [解決済みコメントの表示] が選択されていない限り、コメントは非表示になります。

  • 自分のコメントの編集や削除は、それぞれのアクションボタン(Actions)から行います。

フラグメントの選択を解除するか、フラグメントを選択せずにコメントUIに入ると、ページ上のフラグメントのリストが、それぞれのコメント数とともに表示されます。 フラグメントを選択すると、そのコメントが表示されます。

コンテンツページを作成する際、あなたとあなたのチームは任意のフラグメントにコメントすることができます。

タイトルバー

タイトルバーは、メインメニューに戻るナビゲーション、ページ設定へのリンク、および他のページを検索する機能を提供します。 タイトルバーについては、 Creating Pages で詳しく説明しています。

タイトルバーには、いくつかのツールが組み込まれています。

これで、コンテンツページインターフェイスの使用方法がわかりました。

追加情報