AEM Page Editor を使用したページコンテンツの編集 edit-content
AEMページエディターは、ページのコンテンツをオーサリングするための強力なツールです。 これを使用してコンテンツをドラッグ&ドロップし、その場でコンテンツを編集する方法を説明します。
概要 overview
ページエディターでコンテンツを編集する際に実行できる基本的なアクションは 3 つあります。
- 新しいコンポーネントの追加 ページにドラッグ&ドロップすることによって。
- 新しいアセットの追加 ページにドラッグ&ドロップすることによって。
- コンポーネントをインプレースで編集する 既にページ上に存在する
AEMのページエディターは、これらのタスクを実行するための直感的な UI と、より高度な機能へのアクセスを提供します。
また、エディターを使用すると、ページ上の既存のコンテンツを整理できます。次の操作を行うことができます。
コンポーネントの追加 adding-components
新しいコンポーネントをページ上から選択してドラッグ&ドロップできます。 サイドパネルのコンポーネントブラウザー コンポーネントプレースホルダーにドロップします。
コンポーネントプレースホルダー component-placeholder
コンポーネントプレースホルダーは、コンポーネントをドロップしたときの位置を示すインジケーターです。 見た目が二つある。
-
ページに新しいコンポーネントを追加すると(コンポーネントブラウザーからドラッグ)、グレーのボックスとして表示され、配置するコンポーネントの詳細が表示されます。
-
条件 既存のコンポーネントの移動 青い四角形で表示されます。
どちらの場合も、選択したターゲットは、ドラッグするコンポーネントの下に青いアウトラインで表示されます。 コンポーネントをリリースする際に配置されるターゲット。
コンポーネントブラウザーからのコンポーネントの追加 adding-a-component-from-the-components-browser
コンポーネントブラウザーを使用して、新しいコンポーネントを追加できます。The コンポーネントプレースホルダー に、コンポーネントの位置を示します。
- ページエディターが 編集 モード。
- を開きます。 コンポーネントブラウザー。
- 必要なコンポーネントを 必要な位置 とリリース。
- 編集 新しく配置されたコンポーネント。
段落システムからのコンポーネントの追加 adding-a-component-from-the-paragraph-system
新しいコンポーネントを追加するには、 ここにコンポーネントをドラッグ 段落システムのプレースホルダー:
-
ページエディターが 編集 モード。
-
段落システムから新しいコンポーネントを選択して追加するには、2 つの方法があります。
-
既存のコンポーネントのツールバーまたは「コンポーネントをここにドラッグ」ボックスから「コンポーネントを挿入」オプション(+)を選択します。
-
デスクトップデバイスを使用している場合は、「コンポーネントをここにドラッグ」ボックスをダブルクリックできます。
-
-
The 新規コンポーネントを挿入 ダイアログが開き、必要なコンポーネントを選択できます。 追加するコンポーネントをタップまたはクリックします。
- 検索フィルターを使用して、コンポーネントを検索します。
- コンポーネント名の横にある情報アイコンを使用して、コンポーネントの詳細を確認します。
-
選択したコンポーネントが、選択したターゲットに追加されます。 必要に応じて、コンポーネントを編集します。
アセットの追加 adding-asset
また、ページに新しいコンポーネントを追加するには、 アセットブラウザー。 これにより、適切なタイプの(およびアセットを含む)コンポーネントが自動的に作成されます。
この動作は使用しているインストール環境で設定できます。ドキュメントを参照してください コンポーネントリファレンスガイド 詳しくは、を参照してください。
前述のいずれかのアセットタイプをドラッグしてコンポーネントを作成するには:
- ページがにあることを確認します。 編集 モード。
- アセットブラウザーを開きます。
- 必要なアセットを必要な位置にドラッグします。The コンポーネントプレースホルダー コンポーネントが配置される場所と、挿入された場合にターゲットが表示される場所を示します。
- アセットをターゲット上に放します。 選択したアセットを含む必要な場所に、アセットタイプに適したコンポーネントが作成されます。
- 必要に応じて、コンポーネントを編集します。
アセットを参照して、すぐにアセットに変更を加える必要があると気づいた場合は、アセット名の横にある編集アイコンをクリックして、ブラウザーから直接アセットエディターを起動できます。
コンポーネントをインプレースで編集する edit-in-place
コンポーネントを選択すると、コンポーネントツールバーが開きます。 これにより、コンポーネントで実行できる様々なアクションにアクセスできます。
コンポーネントツールバーで使用できるアクションは、選択したコンポーネントに適しています。 選択したコンポーネントに応じて、多かれ少なかれ表示される場合があり、ここで説明する場合とそうでない場合があります。
-
編集 では、多くの場合、インプレースでコンポーネントのコンテンツを変更できます。 その動作はコンポーネントによって異なります。
-
設定 では、コンポーネントのコンテンツに直接関連していない一部のパラメーターを変更できます(通常はダイアログで)。 その動作はコンポーネントによって異なります。
-
コピー コンポーネントをクリップボードにコピーして別の場所に貼り付けます。 元のコンポーネントは変更されません。
-
カット コンポーネントをクリップボードにコピーします。 元のコンポーネントが削除されます。
-
削除 確認を含むコンポーネントをページから削除します。
-
コンポーネントを挿入 ダイアログを開く 新しいコンポーネントを追加します。
-
貼り付け コンポーネントをクリップボードからページに貼り付けます。 元の画像が残るかどうかは、使用したかどうかによって異なります。 コピー または カット.
- 同じページまたは別のページにペーストできます。
- カット/コピー操作の前に開いていた別のページにペーストする場合は、ページを更新して、ペーストしたコンテンツを表示する必要があります。
- 項目は、貼り付けアクションを選択した項目の上に貼り付けられます。
- ペースト操作は、クリップボードにコンテンツがある場合にのみ表示されます。
-
グループ化 複数のコンポーネントを一度に選択できます。 デスクトップデバイスで同じ操作をおこなうには、Ctrl キーを押しながらクリック するか、または Command キーを押しながらクリック します。
-
親 選択したコンポーネントの親コンポーネントを選択します。
-
レイアウト を使用すると、 レイアウト 選択したコンポーネントの。
- これは選択したコンポーネントにのみ適用され、ページ全体のレイアウトモードはアクティベートされません。
-
エクスペリエンスフラグメントバリエーションに変換 を使用すると、 エクスペリエンスフラグメント 選択したコンポーネントから、または既存のエクスペリエンスフラグメントに追加します。
コンポーネント編集ダイアログ component-edit-dialog
一部のコンポーネントでは、インプレースで使用できる以外の追加の編集オプションが用意されています。 コンポーネントの編集ダイアログは、 コンポーネントツールバーの編集(鉛筆)アイコン をクリックして、追加の設定オプションにアクセスします。
実際に使用できる編集オプションはコンポーネントによって異なります。一部のコンポーネントの場合 一部のアクションは全画面表示モードでのみ使用できます. 次に例を示します。
-
テキストコンポーネント
-
画像コンポーネント
フルスクリーンモードでのコンポーネントの編集 edit-content-full-screen-mode
多くのコンポーネントでは、編集用のフルスクリーンモードが用意されており、このボタンを使用してアクセスできます。
全画面表示編集では、画像コンポーネントなど、インプレースエディターよりも多くの編集オプションを表示できます。
以下を使用します。 最小化 ボタンをクリックしてフルスクリーンモードで使用できます。
コンポーネントの移動 moving-components
コンポーネントを移動するには:
-
タップ&ホールドまたはクリック&ホールドで移動するコンポーネントを選択します。
-
コンポーネントを新しい場所にドラッグします。
- ページエディターは、 プレースホルダー また、ターゲットと共に段落をドロップできる場所も示します。
-
目的の場所にドロップします。
コンポーネントレイアウトを編集する editing-component-layout
コンポーネントを調整するために編集モードからレイアウトモードに繰り返し切り替える代わりに、コンポーネントの レイアウト アクションを選択してそのコンポーネントのレイアウトを変更すると、編集モードから切り替える必要がなくなり、時間を節約できます。
-
When in 編集 サイトコンソールのモードで、コンポーネントを選択して、コンポーネントのツールバーを表示します。
-
コンポーネントのレイアウトを調整するには、レイアウト アクションを選択します。
-
「Layout」アクションを選択したら、 レイアウトモード。
- コンポーネントのサイズ変更ハンドルが表示されます。
- エミュレーターツールバーが画面の上部に表示されます。
- 標準の編集アクションの代わりにレイアウトアクションが、コンポーネントツールバーに表示されます。
-
必要なレイアウトの変更を行った後、 閉じる ボタンを使用して、コンポーネントのレイアウトの変更を停止し、コンポーネントのツールバーが通常の編集状態に戻ります。
コンポーネントの継承の編集 inherited-components
継承とは、コンテンツをリンクして、一方を変更するともう一方が自動的に変更されるようにするメカニズムです。 継承されたコンポーネントは、次のような様々なシナリオによって生成されます。
継承はキャンセルして再度有効にすることができます。 コンポーネントがライブコピーまたはローンチの一部である場合は、コンポーネントに応じて、これらのオプションをコンポーネントツールバーから使用できます。
-
継承をキャンセル
-
継承を再度有効にする 継承が既にキャンセルされている場合
-
ロールアウト は、ブループリントまたはライブコピーのソースでも使用できます