ユニバーサルエディターを使用したコンテンツのオーサリング authoring
コンテンツ作成者がユニバーサルエディターを使用してコンテンツを作成する際に、簡単で直感的な方法を説明します。
はじめに introduction
ユニバーサルエディターを使用すると、あらゆる実装、あらゆるコンテンツ、あらゆる側面を編集できるため、優れたエクスペリエンスを提供し、コンテンツベロシティを向上させ、最新のデベロッパーエクスペリエンスを提供できます。
これを行うために、ユニバーサルエディターはコンテンツ作成者に、最小限のトレーニングで簡単にコンテンツの編集を開始できる直感的な UI を提供します。このドキュメントでは、ユニバーサルエディターのオーサリングエクスペリエンスについて説明します。
コンテンツの編集 editing-content
コンテンツの編集はシンプルで直感的です。エディターでコンテンツにマウスカーソルを重ねると、編集可能なコンテンツが薄い青色のアウトラインでハイライト表示されます。
選択するコンテンツによって、異なるインプレース編集オプションが使用されたり、 プロパティパネルのコンテンツに関する追加情報やオプションが使用されたりする場合があります。
プレーンテキストの編集 edit-plain-text
コンポーネントをダブルクリックまたはダブルタップすると、その場でテキストを編集できます。
薄い青色のアウトラインは、選択を示す濃い青色のアウトラインに変わり、カーソルが表示されます。変更を行ったら、Enter キーまたは Return キーを押すか、テキストボックスの外側を選択して、変更を保存します。
テキストコンポーネントを選択すると、その詳細が プロパティ パネルに表示されます。 パネル内のテキストを編集することもできます。
また、テキストの詳細は、プロパティパネルにも表示されます。 変更は、フォーカスがプロパティパネルの編集したフィールドを離れると、自動的に保存されます。
リッチテキストの編集 edit-rich-text
コンポーネントをダブルクリックまたはダブルタップすると、その場でテキストを編集できます。
利便性のために、テキストの書式設定オプションと詳細は、2 か所で利用できます。
コンテキストメニュー context-menu
コンテキストメニューは、リッチテキストブロック上で開き、コンテキスト内の基本的な書式設定オプションを提供します。スペースの都合上、一部のオプションが省略記号ボタンの後ろに隠れている場合があります。
編集されたフィールドからフォーカスが離れると、変更は自動的に保存されます。
プロパティパネル properties-rail
プロパティパネルには、選択したテキストの項目が表示されます。 エントリをタップすると、テキストを編集するための大きいキャンバスを表示するダイアログが開きます。
変更を破棄または保存するには、それぞれ「キャンセル」または「完了」をタップまたはクリックします。
メディアの編集 edit-media
プロパティの詳細は、 プロパティパネルに表示されます。
- プロパティパネルで、選択した画像のプレビューをタップまたはクリックします。
- アセットセレクターウィンドウが開き、アセットを選択できます。
- 選択して、新しいアセットを選択します。
- アセットを置き換えたプロパティパネルに戻るには、「選択」を選択します。
変更はコンテンツに自動的に保存されます。
コンテンツフラグメントの編集 edit-content-fragment
コンテンツフラグメントを選択すると、その詳細を プロパティパネルで編集できます。
選択したコンテンツフラグメントのコンテンツモデルで定義されたフィールドが、プロパティ パネルに表示され、編集可能になります。
コンテンツフラグメントに関連するフィールドを選択すると、コンテンツフラグメントがコンポーネントパネルに読み込まれ、フィールドが自動的にスクロールされます。
変更は、フォーカスがプロパティパネルの編集したフィールドを離れると、自動的に保存されます。
コンテンツフラグメントエディターでコンテンツフラグメントを編集する場合は、代わりに、プロパティパネルの CF エディターで開く ボタンをタップまたはクリックします。
e
を使用します。ワークフローのニーズに応じて、コンテンツフラグメントをユニバーサルエディターで編集することも、コンテンツフラグメントエディターで直接編集することもできます。
コンテナへのコンポーネントの追加 adding-components
-
コンテンツツリーまたはエディターでコンテナコンポーネントを選択します。
-
次に、プロパティパネルの「追加」アイコンを選択します。
コンポーネントがコンテナに挿入され、エディターで編集できます。
a
を使用して、選択したコンテナにコンポーネントを追加します。コンテナ内のコンポーネントの複製 duplicating-components
-
コンテンツツリーまたはエディターを使用して、コンテナ内のコンポーネントを選択します。
-
次に、プロパティパネルの「複製」アイコンを選択します。
-
コンポーネントが複製され、選択したコンポーネントの下に挿入されます。
コンポーネントがコンテナに挿入され、エディターで編集できます。
コンテナからのコンポーネントの削除 deleting-components
-
コンテンツツリーまたはエディターでコンテナコンポーネントを選択します。
-
コンテナの山形アイコンを選択して、コンテンツツリーでコンテンツを展開します。
-
次に、コンテンツツリーで、コンテナ内のコンポーネントを選択します。
-
プロパティパネルで削除アイコンを選択します。
選択したコンポーネントが削除されました。
Shift+Backspace
を使用して、選択したコンポーネントをコンテナから削除します。コンテナ内のコンポーネントの並べ替え reordering-components
-
コンテンツツリーモードでない場合はそれに切り替えます。
-
コンテンツツリーまたはエディターでコンテナコンポーネントを選択します。
-
コンテナの山形アイコンを選択して、コンテンツツリーでコンテンツを展開します。
-
コンテナ内のコンポーネントの横にあるハンドルアイコンをドラッグすると、それらを並べ替えることができます。コンポーネントをドラッグして、コンテナ内で並べ替えます。
-
ドラッグしたコンポーネントがコンテンツツリー内で灰色に変わり、挿入ポイントは青い線で表されます。コンポーネントをリリースして、新しい場所に配置します。
コンテンツツリーとエディターの両方で、コンポーネントの順序が変更されます。
コンテンツのプレビュー previewing-content
コンテンツの編集が完了したら、他のページのコンテンツでコンテンツがどのように表示されるかを確認するためにコンテンツ内を移動したい場合がよくあります。プレビューモードでリンクをクリックして、読者と同じようにコンテンツ内を移動できます。コンテンツは、公開されるときと同じように、エディターでレンダリングされます。
プレビューモードでは、コンテンツをタップまたはクリックすると、コンテンツの読者に対するように反応します。編集するコンテンツを選択する場合は、プレビューモードから切り替えます。
その他のリソース additional-resources
ユニバーサルエディターを使用してコンテンツを公開する方法については、このドキュメントを参照してください。
- ユニバーサルエディターを使用したコンテンツの公開 - ユニバーサルエディターでのコンテンツの公開方法と、アプリでの公開済みコンテンツの処理方法について説明します。
ユニバーサルエディターの技術的な詳細について詳しくは、次の開発者向けドキュメントを参照してください。
- ユニバーサルエディターの概要 - ユニバーサルエディターを使用して、優れたエクスペリエンスを提供し、コンテンツベロシティを向上させ、最新のデベロッパーエクスペリエンスを提供するために、あらゆる実装、あらゆるコンテンツ、あらゆる側面の編集を可能にする方法を説明します。
- AEM のユニバーサルエディターの概要 - ユニバーサルエディターへのアクセス権を取得する方法と、これを使用するために最初の AEM アプリのインストルメントを開始する方法について説明します。
- ユニバーサルエディターのアーキテクチャ - ユニバーサルエディターのアーキテクチャと、そのサービスとレイヤー間でのデータのフローについて説明します。
- 属性とタイプ - ユニバーサルエディターで必要なデータ属性とデータ型について説明します。
- ユニバーサルエディターの認証 - ユニバーサルエディターの認証方法について説明します。
コンポーネントの継承の編集 inheritance
継承とは、一方を変更するともう一方も自動的に変更されるようにコンテンツをリンクできるメカニズムです。
ユニバーサルエディターを使用すると、コンテンツを更新するだけで、コンテンツの継承をキャンセルできます。エディターでは、そのページの作成者が行ったすべての変更の継承を自動的に無効にし、ブループリントから更新を同期した際に変更済みのコンテンツが保持されるようにします。
ユニバーサルエディターを使用した継承の仕組みについて詳しくは、ユニバーサルエディターでのコンテンツの継承ドキュメントを参照してください。