ユニバーサルエディターを使用したコンテンツのオーサリング authoring

コンテンツ作成者がユニバーサルエディターを使用してコンテンツを作成する際に、簡単で直感的な方法を説明します。

はじめに introduction

ユニバーサルエディターを使用すると、実装におけるあらゆるコンテンツの様々な側面を編集できるので、優れたエクスペリエンスを提供し、コンテンツベロシティを向上させることができます。

これを行うために、ユニバーサルエディターはコンテンツ作成者に、最小限のトレーニングで簡単にコンテンツの編集を開始できる直感的な UI を提供します。このドキュメントでは、ユニバーサルエディターのオーサリングエクスペリエンスについて説明します。

コンテンツの編集 editing-content

コンテンツの編集はシンプルで直感的です。エディターでコンテンツにマウスカーソルを重ねると、編集可能なコンテンツが薄い青色のアウトラインでハイライト表示されます。

選択したコンテンツに応じて、異なるインプレース編集オプションが設定されている場合や、プロパティパネルにコンテンツの追加情報やオプションが表示される場合があります。

プレーンテキストの編集 edit-plain-text

コンポーネントをダブルクリックまたはダブルタップすると、その場でテキストを編集できます。

薄い青色のアウトラインは、選択を示す濃い青色のアウトラインに変わり、カーソルが表示されます。変更を行ったら、Enter キーまたは Return キーを押すか、テキストボックスの外側を選択して、変更を保存します。

テキストコンポーネントを選択すると、その詳細がプロパティパネルに表示されます。また、パネル内のテキストを編集することもできます。

また、テキストの詳細はプロパティパネルで確認できます。フォーカスがプロパティパネルの編集されたフィールドを離れると、変更は自動的に保存されます。

リッチテキストの編集 edit-rich-text

コンポーネントをダブルクリックまたはダブルタップすると、その場でテキストを編集できます。

利便性のために、テキストの書式設定オプションと詳細は、2 か所で利用できます。

コンテキストメニュー context-menu

コンテキストメニューは、リッチテキストブロック上で開き、コンテキスト内の基本的な書式設定オプションを提供します。スペースの都合上、一部のオプションが省略記号ボタンの後ろに隠れている場合があります。

編集されたフィールドからフォーカスが離れると、変更は自動的に保存されます。

プロパティパネル properties-rail

プロパティパネルには、選択したテキストの項目が表示されます。エントリをタップすると、テキストを編集するための大きいキャンバスを表示するダイアログが開きます。

変更を破棄または保存するには、それぞれ「キャンセル」または「完了」をタップまたはクリックします。

メディアの編集 edit-media

詳細は、プロパティパネルで確認できます。

変更はコンテンツに自動的に保存されます。

コンテンツフラグメントの編集 edit-content-fragment

コンテンツフラグメントを選択した場合、詳細は、プロパティパネルで編集できます。

選択したコンテンツフラグメントのコンテンツモデルで定義されたフィールドが、プロパティパネルに表示され編集可能になります。

コンテンツフラグメントに関連するフィールドを選択した場合、コンポーネントパネルにコンテンツフラグメントが読み込まれ、フィールドが自動的にスクロールされます。

フォーカスがプロパティパネルの編集されたフィールドを離れると、変更は自動的に保存されます。

代わりにコンテンツフラグメントをコンテンツフラグメントエディターで編集する場合は、プロパティパネルの CF エディターで開く ​ボタンをタップまたはクリックします。

ワークフローのニーズに応じて、コンテンツフラグメントをユニバーサルエディターで編集することも、コンテンツフラグメントエディターで直接編集することもできます。

コンテナへのコンポーネントの追加 adding-components

コンポーネントがコンテナに挿入され、エディターで編集できます。

コンテナ内のコンポーネントの複製 duplicating-components

コンポーネントがコンテナに挿入され、エディターで編集できます。

コンテナからのコンポーネントの削除 deleting-components

選択したコンポーネントが削除されました。

コンポーネントの並べ替え reordering-components

コンポーネントは、コンテンツツリーおよびエディターの両方で並べ替えられます。

コンテンツのプレビュー previewing-content

コンテンツの編集が完了したら、他のページのコンテンツでコンテンツがどのように表示されるかを確認するためにコンテンツ内を移動したい場合がよくあります。プレビューモードでリンクをクリックして、読者と同じようにコンテンツ内を移動できます。コンテンツは、公開されるときと同じように、エディターでレンダリングされます。

プレビューモードでは、コンテンツをタップまたはクリックすると、コンテンツの読者に対するように反応します。編集するコンテンツを選択する場合は、プレビューモードから切り替えます。

コンポーネントの継承の編集 inheritance

継承とは、一方を変更するともう一方も自動的に変更されるようにコンテンツをリンクできるメカニズムです。

ユニバーサルエディターを使用すると、コンテンツを更新するだけで、コンテンツの継承をキャンセルできます。エディターでは、そのページの作成者が行ったすべての変更の継承を自動的に無効にし、ブループリントから更新を同期した際に変更済みのコンテンツが保持されるようにします。

AEM マルチサイト管理（MSM）拡張機能 ​がプログラムに対して有効な場合は、ユニバーサルエディター内で個々のコンポーネントの継承ステータスを表示および変更する追加のツールバーオプションがあります。

ユニバーサルエディターを使用した継承の仕組みについて詳しくは、ユニバーサルエディターでのコンテンツの継承を参照してください。

オプションのツールバー機能 toolbar-options

ページとコンテンツをさらに管理するのに役立つ追加機能が、ユニバーサルエディターの拡張機能として使用できます。ユニバーサルエディターのツールバーにコンテンツ作成者が表示する前に、これらの拡張機能は、管理者がプログラムで有効にする必要があります。

継承 inheritance-extension

AEM マルチサイト管理（MSM）拡張機能 ​では、選択したコンポーネントの現在の継承ステータスが表示され、継承を解除または復元できます。

ユニバーサルエディターツールバーの​ インストール済み継承 ​アイコンは、選択したコンポーネントの継承が引き続きアクティブであることを示します。

選択したコンポーネントの継承を解除するには、アイコンをタップまたはクリックします。コンポーネントを編集すると、継承は自動的に解除されます。

解除済み継承 ​アイコンは、選択したコンポーネントの継承が解除済みであることを示します。

アイコンをタップまたはクリックすると、選択したコンポーネントの継承が復元されます。継承済みコンテンツを表示するには、ページをリロードしてコンテンツを更新する必要があります。

この拡張機能を有効にする方法について詳しくは、Extension Manager ドキュメントを参照してください。

ページプロパティへのアクセス page-properties

AEM ページプロパティ拡張機能 ​を使用すると、現在編集中のページのページプロパティウィンドウにすばやくアクセスできます。

ユニバーサルエディターツールバーの​ ページプロパティ ​アイコンをタップまたはクリックすると、新しいブラウザータブでページのページプロパティが開きます。

この拡張機能を有効にする方法について詳しくは、Extension Manager ドキュメントを参照してください。

Sites コンソールへのアクセス sites-console

AEM サイト管理拡張機能 ​を使用すると、AEM の Sites コンソール内で編集中のページにすばやくアクセスでき、サイトツリーを移動することや、コンソールでページレベルのアクションを実行することができます。

アイコンをタップまたはクリックすると、新しいブラウザータブで Sites コンソールが開き、現在エディターにあるページに移動します。

この拡張機能を有効にする方法について詳しくは、Extension Manager ドキュメントを参照してください。

ページのロックとロック解除 locking-pages

AEM ページロック拡張機能 ​を使用すると、エディターのページの現在のロック状態が表示され、ページをロックまたはロック解除できます。

ユニバーサルエディターツールバーの​ ロック解除済み ​アイコンは、エディターのページが現在ロックされていないことを示します。

アイコンをタップまたはクリックすると、ページがロックされます。

ユニバーサルエディターツールバーの​ ロック済み ​アイコンは、エディターのページが現在ロックされていることを示します。アイコンにポインターを合わせると、ページをロックしたユーザーを示すツールチップが表示されます。

ユーザーがページをロックした場合は、アイコンをタップまたはクリックしてページのロックを解除します。

この拡張機能を有効にする方法について詳しくは、Extension Manager ドキュメントを参照してください。

ワークフロー workflows

AEM ワークフロー拡張機能 ​を使用すると、現在エディターにあるページでワークフローを開始できます。

ユニバーサルエディターツールバーの​ ワークフロー ​アイコンをタップまたはクリックして、ワークフローを開始 ​モーダルを開きます。ウィンドウには、ワークフローを適用できるコンテンツのリストが表示されます。

この拡張機能を有効にする方法について詳しくは、Extension Manager ドキュメントを参照してください。

開発者ログイン developer-login

AEM ユニバーサルエディター開発者ログイン拡張機能 ​は、ローカルで開発する開発者にとって便利で、テスト目的でローカルの AEM SDK に対する認証を行うことができます。

ユニバーサルエディターツールバーの​ 開発者ログオン ​アイコンをタップまたはクリックして、ローカルの AEM SDK にサインインするためのローカルログイン資格情報を入力します。

この拡張機能を有効にする方法について詳しくは、Extension Manager ドキュメントを参照してください。

オプションのプロパティパネルの機能 properties-panel-options

ページのコンテンツをさらに管理するのに役立つ追加機能が、ユニバーサルエディターの拡張機能として使用できます。これらの拡張機能がユニバーサルエディターのプロパティパネルでコンテンツ作成者に表示されるには、管理者がプログラムでこれらの拡張機能を有効にする必要があります。

バリエーションを生成 generate-variations

バリエーションを生成 ​拡張機能を使用すると、生成 AI を使用して、プロパティパネルでコンテンツのバリエーションを直接作成できます。

ユニバーサルエディターのプロパティパネルにある「バリエーションを生成」アイコンをタップまたはクリックして、レコメンデーションを受け取り、バリエーションを作成します。バリエーションの生成の仕組みについて詳しくは、バリエーションを生成 - AEM エディターに統合済みドキュメントを参照してください。

この拡張機能を有効にする方法について詳しくは、Extension Manager ドキュメントを参照してください。

その他のリソース additional-resources

ユニバーサルエディターを使用してコンテンツを公開する方法については、このドキュメントを参照してください。

ユニバーサルエディターの技術的な詳細について詳しくは、次の開発者向けドキュメントを参照してください。