コンテントページエディタUIリファレンス

コンテントページエディタUIリファレンス

For Liferay 7.4 U37+/GA37+

コンテンツページエディターを使用して、 コンテンツページ内の要素を追加し設定することができます。 コンテンツページエディターを開くには、コンテンツページに移動して、 編集(Edit icon ) をクリックします。 編集ツールバーとサイドバーが表示され、コンテントページを作成するためのツールやコンポーネントが表示されます。

編集ボタンをクリックすると、編集ツールバーとサイドバーが表示されます。

編集ツールバー

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

編集」ボタンをクリックすると、編集ツールバーが表示されます。

エクスペリエンス

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

翻訳

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

コンテンツ ページのパーソナライゼーションに エクスペリエンス を使用する場合、サイトで利用可能な言語を使用してエクスペリエンスを構成できます。 詳しくは、 Managing Experience Localization を参照してください。

デバイスディスプレイ

デバイスアイコンをクリックすると、Liferayのレスポンシブレイアウトエディタにアクセスできます。 ここでは、さまざまな画面サイズに対応したページを設定することができます。 利用可能な表示オプションは、デスクトップ ( Desktop )、タブレット ( Tablet )、横長電話 ( Landscape Phone )、縦長電話 ( Portrait Phone )です。 タブレットやスマホのレイアウト編集中は、リサイズハンドルバーを使って画面サイズを手動で調整することができます。 詳しくは、 レスポンシブレイアウトの構築 をご覧ください。

note

フラグメントとウィジェット および ページデザインオプション パネルは、デスクトップレイアウトでのみ利用可能です。

編集履歴

履歴 ボタン (History Button ) をクリックすると、現在の編集セッションで行われた変更内容が表示されます。 この履歴は、変更の予約や復元に使用することができます。 また、「元に戻す」「やり直し」ボタンをクリックすることもできます。

[元に戻す]、[やり直し]、[履歴]ボタンを使って、変更した内容を元に戻すことができます。

編集モードセレクター

コンテンツページのサイドバーで利用できる編集オプションは、選択した編集モードによって異なります。

編集モード Description 利用可能なオプション
ページデザイン ページとページの内容を更新する権限がある場合に、ページをデザインすることができます。
コンテンツ編集 ページの更新権限がある場合は、コンテンツの編集が可能ですが、ページの内容は編集できません。

編集モードは、[ページデザイン]と[コンテンツ編集]のどちらかを選択します。

サイドバーを切り替える

サイドバー切り替えボタン( Toggle Sidebars )をクリックすると、編集中のサイドバーが非表示になり、ページがプレビューされます。 アプリケーションバーのアクションボタン( Actions Button )をクリックし、 新しいタブでプレビュー を選択すると、現在のページ体験と言語を新しいタブで見ることができます。

ページテンプレートを作成

ページテンプレートボタン( Page Template )をクリックすると、現在のページデザインに基づいて、 ページテンプレート が作成されます。

公開

デフォルトでは、公開すると変更がすぐに公開されます。 ただし、 ワークフロープロセス がレビューと出版プロセスを指示するように構成されている場合、Publish をクリックすると、定義された手順が開始されます。

編集サイドバー

選択した編集モードに応じて、編集サイドバーでこれらのパネルにアクセスすることができます。

編集サイドバーには、以下のパネルがあります。

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

フラグメントとウィジェット」パネル( Fragments and Widgets icon )では、既成のページ要素とカスタムのページ要素の両方にアクセスすることができます。

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

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

tip

Liferay 7.4 U37/GA37から、順序ボタン(! 順序ボタン )をクリックして、フラグメントとウィジェットのセットを並べ替えます。 スターボタン(! スターボタン )をクリックすると、フラグメントやウィジェットをお気に入り要素に追加することができます。

ブラウザ

ブラウザパネル( Browser )を使って、ページ内のすべての要素を表示、整理、管理することができます。 エレメントは階層構造で表示されます。 Liferay 7.4 U37/GA37+では、ブラウザパネルで要素をドラッグ&ドロップして再編成したり、要素をダブルクリックして名前を変更したりすることができます。 要素を選択すると、その要素の設定が設定サイドパネルに表示されます。 フラグメントのサブエレメントを選択すると、その他の設定にアクセスできます。 詳しくは、 フラグメントの設定 を参照してください。

note

コンテンツページ編集時に、ヘッダーとフッターの要素がブラウザパネルに含まれないようにしました。 これらの要素は、マスターページテンプレート でのみ編集が可能です。

ページコンテンツ

ページコンテンツ」パネル( Page Content )では、ページに直接追加されたコンテンツを表示・編集することができます。 これには、インラインテキスト、画像、ウェブコンテンツの記事などを含めることができます。 コンテンツを閲覧しながら、コンテンツアイテムの検索や種類によるフィルタリングが可能です。 ページに コレクションが含まれている場合、そのアイテムを表示したり、新しいアイテムを追加したりすることができます。 詳細については、 コンテントページのコンテンツの管理 を参照してください。

note

コレクション以外に、マップされたコンテンツは[ページコンテンツ]パネルに表示されません。 パネルには、ページに直接追加されたコンテンツのみが含まれます。

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

ページデザインオプションパネル( Page Design Options )を開き、ページの マスターページテンプレート または スタイルブックを変更します。 コグボタン ( Cog Button ) をクリックすると、 ブラウザベースのクライアント拡張機能を含む、その他のルック&フィールオプションにアクセスできます。

掲示板のディスカッション

コメントパネル( Comments )では、フラグメントやウィジェットにコメントをつけて、ページの投稿者とコラボレーションすることができます。 また、開いているコメントの閲覧、編集、削除、返信も可能です。 メンション が有効な場合、コメントの一部として、ページの更新権限を持つユーザーをタグ付けすることができます。 コメントを追加するには、「コメント」パネルを開き、目的のページ要素を選択します。

note

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

選択

Liferay 7.3 の場合

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

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

note

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

コンテンツ

Liferay 7.3 の場合

コンテンツパネル(Contents)では、ページ上のすべてのウェブコンテンツを表示、編集、管理することができます。 ウィジェットに表示されるコンテンツやコンテンツフィールドにマッピングされたコンテンツがあります。 詳細については、 コンテントページのコンテンツの管理 を参照してください。

追加情報