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

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

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

ページツールバー

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

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

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

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

  

• ページ情報

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

  

• エミュレーター

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

  

• ContextHub

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

  

• ページタイトル

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

  

• モードセレクター

  現在のモードが表示され、別のモード（編集、レイアウト、タイムワープ、ターゲット設定など）を選択できます。

  

• プレビュー

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

  

• 注釈

  ページをレビューするときに、ページに注釈を追加できます。最初の注釈を追加後、アイコンは、ページ上の注釈の数を示す数字に切り替わります。

  

ステータスの通知

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

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

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

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

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

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

コンポーネントプレースホルダーは、コンポーネントをドロップしたときのコンポーネントの配置場所（現在ポインターを置いているコンポーネントの上）を示します。

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

  

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

  

コンポーネントの挿入

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

コンポーネントブラウザーを使用して、新しいコンポーネントを追加できます。コンポーネントプレースホルダーにコンポーネントの配置先が表示されます。

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

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

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

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

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

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

     

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

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

     

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• 編集

  コンポーネントの種類に応じてコンポーネントのコンテンツを編集できます。多くの場合、ツールバーが提供されます。

  

• 設定

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

  

• コピー

  コンポーネントをクリップボードにコピーします。貼り付け後も、元のコンポーネントは残ります。

  

• 切り取り

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

  

• 削除

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

  

• コンポーネントの挿入

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

  

• 貼り付け

  クリップボードにコピーしたコンポーネントをページに貼り付けます。元のコンポーネントが残るかどうかは、コピーするか、切り取るかによって決まります。

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

  

  メモ

  切り取り／コピー操作の前に既に開いていた別のページに貼り付ける場合は、ページを更新して、貼り付けたコンテンツを表示する必要があります。

• グループ

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

  

• 親

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

  

• レイアウト

  選択したコンポーネントのレイアウトを変更できます。選択したコンポーネントにのみ適用され、ページ全体のレイアウトモードはアクティブ化されません。

  

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

  これを使用すると、選択したコンポーネントから新しいエクスペリエンスフラグメントを作成したり、既存のエクスペリエンスフラグメントに追加したりできます。

  

コンテンツの編集

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

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

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

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

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

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

  

• 画像コンポーネント

  

  メモ

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

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

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

  画像コンポーネントの全画面表示モードに入ると、画像を編集する領域が広くなり、追加の編集オプション（「マップを起動」や「ズームをリセット」など）が表示されます。また、全画面表示では切り抜きプリセットを選択できます。

  

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

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

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

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

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

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

コンポーネントの移動

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

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

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

   

3. 段落が移動します。

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

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

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

   

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

   

2. レイアウトアクションを選択すると、

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

   

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

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

   

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

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

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

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

次に例を示します。

• 継承をキャンセル

  

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

  

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

  

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

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

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

ライブコピーステータス

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

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

次に例を示します。

注釈の追加

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

ページのプレビュー

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

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

プレビューモード

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

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

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

公開済みとして表示

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

ページのロック

AEM では、他のユーザーによるコンテンツの変更を防ぐためにページをロックすることができます。ページのロックは、1 つの特定のページで大量の編集作業をおこなう場合や、短期間ページを凍結する必要がある場合に便利です。

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

• サイト​コンソール

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

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

     

• ページエディター

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

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

ページのロック解除

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

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

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

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

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

AEM では、ユーザーが実行するアクションの履歴と、それらのアクションを実行した順序が保存されます。そのため、複数のアクションの取り消しは、ユーザーが実行した順序でおこなうことができます。その後、必要に応じて、やり直しを使用して 1 つ以上のアクションを再適用することもできます。

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

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

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

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

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

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

Business.Adobe.com リソース