ページのコンテンツの編集

ページが作成されたら（新規またはローンチまたはライブコピーの一部として）、コンテンツを編集して、必要な更新を行うことができます。

コンテンツは、ページにドラッグ可能なコンポーネント（コンテンツのタイプに適したもの）を使用して追加できます。コンポーネントはその後、そのまま編集したり、移動や削除をおこなったりすることができます。

Edge Delivery Services向けのAEMコンテンツをオーサリングする場合は、ここをクリックしてください。

ページツールバー

ページツールバーを使用すると、ページ設定に応じた適切な機能にアクセスできます。

ツールバーを使用すると、様々なオプションにアクセスできます。現在のコンテキストと設定によっては、一部のオプションを使用できないことがあります。

• サイドパネルを切り替え

  サイドパネルが開きます（または閉じます）。このパネルには、アセットブラウザー、コンポーネントブラウザーおよびコンテンツツリーが含まれています。

  

• ページ情報

  ページの詳細およびページに対して実行できるアクション（ページ情報の表示と編集、ページのプロパティの表示、およびページの公開／非公開など）を含むページ情報メニューにアクセスできます。

  

• エミュレーター

  別のデバイスでのページのルックアンドフィールをエミュレートするために使用するエミュレーターツールバーを切り替えます。レイアウトモードでは自動的に切り替わります。

  

• ContextHub

  ContextHub を開きます。プレビューモードでのみ使用できます。

  

• ページタイトル

  情報のためにのみ表示されます。

  

• モードセレクター

  現在の mode 「 」では、編集、レイアウト、タイムワープ、ターゲット設定など、別のモードを選択できます。

  

• プレビュー

  プレビューモードを有効にします。公開時に表示されるとおりにページを表示します。

  

• 注釈

  次の項目を追加： 注釈 をページに追加します。 最初の注釈を追加後、アイコンは、ページ上の注釈の数を示す数字に切り替わります。

  

ステータスの通知

ページが 1 つまたは複数のワークフローの一部である場合、この情報はページの編集時に画面の上部にある通知バーに表示されます。

通知には、ページに対して実行されているワークフローが一覧表示されます。ユーザーが現在のワークフローステップに関係している場合は、ワークフローのステータスに影響するオプションや、ワークフローの詳細を取得するオプションを使用できます。例えば、次のようなものがあります。

• 完了 - 作業項目を完了​ダイアログを開きます
• 委任 - 作業項目を完了​ダイアログを開きます
• 詳細を表示 - ワークフローの​詳細​ウィンドウを開きます

通知バーからのワークフローステップの完了および委任は、通知インボックスからワークフローに参加している場合に動作します。

ページが複数のワークフローの対象である場合は、ワークフローの数がワークフローをスクロールできる矢印ボタンと共に通知の右端に表示されます。

コンポーネントプレースホルダー

コンポーネントプレースホルダーは、コンポーネントをドロップしたときの位置（現在カーソルを合わせているコンポーネントの上）を示すインジケーターです。

• 新しいコンポーネントをページに追加する（コンポーネントブラウザーからドラッグする）場合：

  

• 既存のコンポーネントを移動する場合：

  

コンポーネントの挿入

コンポーネントブラウザーからのコンポーネントの挿入

新しいコンポーネントを追加するには、 コンポーネントブラウザー. The コンポーネントプレースホルダー コンポーネントの配置場所が表示されます。

1. ページが​編集​モードであることを確認します。
2. コンポーネントブラウザーを開きます。
3. 必要なコンポーネントを必要な位置までドラッグします。
4. コンポーネントを編集します。

段落システムからのコンポーネントの挿入

段落システムの「コンポーネントをここにドラッグ」ボックスを使用して、新しいコンポーネントを追加できます。

1. ページが​編集​モードであることを確認します。

2. 段落システムから新しいコンポーネントを選択して追加するには、2 つの方法があります。

   • 既存のコンポーネントのツールバーまたは「コンポーネントをここにドラッグ」ボックスから「コンポーネントを挿入」オプション（+）を選択します。

     

   • デスクトップデバイスを使用している場合は、「コンポーネントをここにドラッグ」ボックスをダブルクリックします。

   • 新規コンポーネントを挿入​ダイアログが表示され、必要なコンポーネントを選択できるようになります。

     

3. 選択したコンポーネントがページの下部に追加されます。 編集 必要に応じて、コンポーネントを選択します。

アセットブラウザーを使用したコンポーネントの挿入

アセットブラウザーからアセットをドラッグして、新しいコンポーネントをページに追加することもできます。これにより、適切なタイプの新しいコンポーネント（アセットを含む）が自動的に作成されます。

この動作は使用しているインストール環境で設定できます。詳しくは、「アセットをドラッグするとコンポーネントインスタンスが作成されるように段落システムを設定」を参照してください。

前述のいずれかのアセットタイプをドラッグしてコンポーネントを作成するには：

1. ページが​編集​モードであることを確認します。

2. アセットブラウザーを開きます。

3. 必要なアセットを必要な位置にドラッグします。The コンポーネントプレースホルダー コンポーネントの配置場所が表示されます。

   アセットタイプに適したコンポーネントが必要な場所に作成され、選択したアセットが格納されます。

4. 必要に応じて、コンポーネントを編集します。

アセットを参照して、すぐにアセットに変更を加える必要があると気づいた場合は、アセット名の横にある編集アイコンをクリックして、ブラウザーから直接アセットエディターを起動できます。

コンポーネントツールバー

コンポーネントを選択すると、ツールバーが開きます。このツールバーからコンポーネントに対して様々なアクションを実行できます。

ユーザーが使用できる実際のアクションは、必要に応じて表示されます。ここでは、すべてのアクションについて説明するわけではありません。

• 編集

  コンポーネントタイプに応じて異なるを設定すると、 コンポーネントのコンテンツを編集. 多くの場合、ツールバーが用意されています。

  

• 設定

  コンポーネントタイプに応じて異なるを使用すると、コンポーネントのプロパティを編集および設定できます。 多くの場合、ダイアログが開きます。

  

• コピー

  コンポーネントをクリップボードにコピーします。ペースト操作の後も、元のコンポーネントは保持されます。

  

• カット

  コンポーネントをクリップボードにコピーします。貼り付け操作の後、元のコンポーネントは削除されます。

  

• 削除

  確認後にページからコンポーネントを削除します。

  

• コンポーネントの挿入

  新しいコンポーネントを追加するためのダイアログが開きます。

  

• 貼り付け

  クリップボードのコンポーネントをページにペーストします。元のコンポーネントが残るかどうかは、コピーまたはカットのどちらを使用したかによって異なります。

  • 同じページまたは別のページにペーストできます。
  • 貼り付けられた項目は、貼り付けアクションを選択した項目の上に貼り付けられます。
  • ペースト操作は、クリップボードにコンテンツがある場合にのみ表示されます。

  

  メモ

  カット／コピー操作の前に開いていた別のページにペーストする場合は、ページを更新して、ペーストしたコンテンツを表示する必要があります。

• グループ

  これにより、複数のコンポーネントを一度に選択できます。 デスクトップデバイスで同じ操作をおこなうには、Ctrl キーを押しながらクリック​するか、または Command キーを押しながらクリック​します。

  

• 親

  選択したコンポーネントの親コンポーネントを選択できます。

  

• レイアウト

  これにより、 レイアウト 選択したコンポーネントの。 これは選択したコンポーネントにのみ適用され、ページ全体のレイアウトモードはアクティベートされません。

  

• エクスペリエンスフラグメントバリエーションに変換

  これにより、新しい エクスペリエンスフラグメント 選択したコンポーネントから、または既存のエクスペリエンスフラグメントに追加します。

  

コンテンツの編集

コンポーネント内のコンテンツを追加または編集するには、次の 2 つの方法があります。

• 編集用のコンポーネントのダイアログを開きます。
• アセットをドラッグ＆ドロップして、アセットブラウザーからコンテンツを直接追加します。

コンポーネント編集ダイアログ

コンポーネントツールバーの編集（鉛筆）アイコンを使用して、コンポーネントを開いてコンテンツを編集できます。

正確な編集オプションは、コンポーネントによって異なります。一部のコンポーネントでは全画面表示モードでのみすべてのアクションを使用できます。次に例を示します。

• テキストコンポーネント

  

• 画像コンポーネント

  

  メモ

  編集は、空の画像コンポーネントでは動作しません。

  画像を編集するには、まず、画像をコンポーネントにドラッグまたはアップロードする必要があります。

• 画像コンポーネント - 全画面

  フルスクリーンモードの開始 画像コンポーネントの場合は、画像を編集する領域が広くなり、次のような追加の編集オプションが表示されます。 ローンチマップ および ズームをリセット. また、全画面表示では切り抜きプリセットを選択できます。

  

• 複数の基本コンポーネントで構成されるコンポーネントでは、最初に、必要な編集オプションセットを確認するメッセージが表示されます。

アセットのコンポーネントへのドラッグ＆ドロップ

特定のコンポーネントタイプ（画像など）では、アセットをアセットブラウザーから直接コンポーネントにドラッグ＆ドロップして、コンテンツを更新することができます。

全画面表示モードでのコンテンツの編集

次のアイコンを使用して、すべてのコンポーネントで全画面表示モードにアクセス（または終了）できます。

例えば、テキスト​コンポーネントの場合は、次のように表示されます。

コンポーネントの移動

段落コンポーネントを移動するには：

1. タップ＆ホールドまたはクリック＆ホールドによって移動する段落を選択します。

2. 段落を新しい場所にドラッグします。段落を配置できる場所が示されます。目的の場所にドロップします。

   

3. 段落が移動します。

コンポーネントのレイアウトの編集

コンポーネントを調整するために編集モードからレイアウトモードに繰り返し切り替える代わりに、コンポーネントの​レイアウト​アクションを選択してそのコンポーネントのレイアウトを変更すると、編集モードから切り替える必要がなくなり、時間を節約できます。

1. サイトコンソールの​編集​モードでコンポーネントを選択すると、コンポーネントのツールバーが表示されます。

   

   コンポーネントのレイアウトを調整するには、レイアウト​アクションをクリックまたはタップします。

   

2. レイアウトアクションを選択すると、次の処理が行われます。

   • コンポーネントのサイズ変更ハンドルが表示されます。
   • エミュレーターツールバーが画面の上部に表示されます。
   • 標準の編集アクションの代わりにレイアウトアクションが、コンポーネントツールバーに表示されます。

   

   レイアウトモードと同様に、コンポーネントのレイアウトを変更できるようになりました。

3. 必要なレイアウトの変更を加えて、コンポーネントのアクションメニューの「閉じる」ボタンをクリックすると、コンポーネントのレイアウトの変更が終わります。コンポーネントのツールバーは通常の編集状態に戻ります。

   

継承されたコンポーネント

継承とは、コンポーネントからコンポーネントへコンテンツを自動的にプッシュできるメカニズムです。継承されたコンポーネントは、次のような様々なシナリオによって生成されます。

• マルチサイト管理
• ローンチ（ライブコピーをベースとしている場合）

継承はキャンセル（その後再度有効化）できます。ライブコピーまたは（ライブコピーに基づいた）ローンチの一部であるページにコンポーネントがある場合は、コンポーネントに応じて、コンポーネントツールバーからこの機能を使用できます。

次に例を示します。

• 継承をキャンセル

  

• 継承を再度有効にする（既に継承がキャンセルされている場合）

  

• ブループリントまたはライブコピーのソースでは、ロールアウトアクションも使用できます。

  

ページテンプレートの編集

ページ情報メニューで「テンプレートを編集」を選択すると、テンプレートエディターに容易に切り替えることができます。

列表示またはリスト表示でページを選択するときに、ページが基にしているテンプレートを簡単に確認できます。

ライブコピーステータス

ライブコピーステータスページモードでは、ライブコピーのステータスの簡単な概要、および継承される（または継承されない）コンポーネントを示すことができます。

• 緑のボーダー：継承
• ピンクのボーダー：継承がキャンセルされている

次に例を示します。

注釈の追加

注釈を使用すると、レビュー担当者や他の作成者がコンテンツに関するフィードバックを提供できます。注釈は、レビューや検証の目的でよく使用されます。

ページのプレビュー

ページをプレビューするには、以下の 2 つの方法があります。

• プレビューモード - その場ですばやく確認できるプレビュー
• 公開済みとして表示 - ページを新しいタブに開くフルプレビュー

プレビューモード

コンテンツの編集時に、プレビューモードを使用してページをプレビューできます。このモードでは、次の操作を実行できます。

• 各種編集メカニズムを非表示にして公開時にページがどのように表示されるかをすばやく確認できます。
• リンクを使用して移動できます。
• ページコンテンツは更新​されません。

オーサリング時に、ページエディターの右上にある次のアイコンを使用して、プレビューモードに切り替えることができます。

公開済みとして表示

「公開済みとして表示」オプションは、ページ情報メニューで使用できます。ページが新しいタブで開き、コンテンツが更新され、ページがパブリッシュ環境で表示されるとおりに表示されます。

ページのロック

AEMでは、他のユーザーがコンテンツを編集できないように、ページをロックできます。 このロックは、1 つの特定のページに多数の編集を加える場合や、短時間ページを凍結する必要がある場合に便利です。

ページは次のいずれかの場所からロックできます。

• サイト​コンソール

  1. 選択モードでページを選択します。

  2. ロックアイコンを選択します。

     

• ページエディター

  1. 「ページ情報」アイコンを選択して、メニューを開きます。
  2. 「ページをロック」オプションを選択します。

ロックすると、コンソール表示の情報が更新され、編集時にロック記号がツールバーに表示されます。

ページのロック解除

ページのロック解除は、ページのロックとよく似ています。ページがロックされると、ロックオプションはロック解除アクションに置き換えられます。

ページ情報メニューには「ロック解除」がオプションとして表示され、サイトコンソールのロックアイコンは「ロック解除」アイコンに置き換えられます。

ページ編集の取り消しとやり直し

次のアイコンを使用して、アクションの取り消しまたはやり直しを行うことができます。これらのアイコンは、ツールバーに適宜表示されます。

ページ編集の取り消しとやり直し - 理論

AEMには、実行したアクションの履歴と実行した順序が保存されます。これにより、複数のアクションを実行した順序で元に戻し、必要に応じて 1 つ以上のアクションを再適用できます。

コンテンツページで要素（テキストコンポーネントなど）が選択されている場合、取り消しコマンドとやり直しコマンドは選択した項目に適用されます。

取り消しコマンドとやり直しコマンドの動作は、他のソフトウェアの場合と同様です。これらのコマンドを使用すると、コンテンツに関する決定をおこなう中で、Web ページの最新の状態に復元できます。例えば、テキスト段落をページ上の別の場所に移動した場合に、取り消しコマンドを使用して、その段落を元の場所に戻すことができます。取り消し前の位置の方がいい場合は、やり直しコマンドを使用して「取り消しを取り消し」ます。

例えば、次のことができます。

• 取り消しを使用してからページの編集を行っていない限り、アクションをやり直すことができます。
• 最大 20 回の編集アクションを取り消すことができます（デフォルト設定）。
• 様々なキーボードショートカットを利用して取り消しとやり直しを行うこともできます。

取り消しおよびやり直しは、次のようなページの変更に対して使用できます。

• 段落の追加、編集、削除および移動
• 段落コンテンツのインプレース編集
• ページ内部での項目のコピー、カットおよび貼り付け

Business.Adobe.com リソース