AEM ページエディター editing-page-content

Sites コンソールでページを作成したら、AEM ページエディターを使用してページのコンテンツを編集できます。これは、コンテンツをオーサリングするための強力なツールです。

NOTE
Sites コンソールでページを編集すると、コンソールはページのテンプレートに適したエディター(このドキュメントで説明するページエディターや、ユニバーサルエディター)を開きます。
NOTE
アカウントには、ページを編集するための適切なアクセス権と権限が必要です。権限がない場合は、システム管理者にお問い合わせください。

オリエンテーション orientation

AEM ページエディターは、主に次の 3 つのセクションで構成されます。

  1. ツールバー - ツールバーを使用すると、ページ モードの変更や、追加のページ設定へのアクセスが素早くできます。
  2. サイドパネル - サイドパネルでは、ページコンポーネントやアセット、その他のオーサリングツールにアクセスできます。
  3. エディター - エディターでは、コンテンツを変更してプレビューできます。

ページエディターのレイアウト

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

ツールバー page-toolbar

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

ページエディターのツールバー

サイドパネル side-panel-button

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

サイドパネルの切り替え

ページ情報 page-information

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

ページ情報ボタン

ページ情報 ​をクリックするとドロップダウンメニューが開き、選択したページの最後の編集および最後の公開に関する詳細が表示されます。ページ、ページのサイト、インスタンスの特性に応じて、追加のアクションを使用できます。

該当する場合、ページ情報 ​から分析やレコメンデーションを確認することもできます。

エミュレーター emulator

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

エミュレーターボタン

ContextHub context-hub

これにより、ContextHub が開きます。 プレビュー ​モードでのみ使用できます。

Context Hub ボタン

ページタイトル page-title

これは、情報として大文字でレンダリングされたページのタイトルです。

ページタイトル

モードセレクター mode-selector

モードセレクターには現在のモードが表示され、別のモード(編集、レイアウト、タイムワープ、ターゲティングなど)を選択できます。

モードセレクターボタン

ページの編集時には様々なモードがあり、異なる操作を行うことができます。

  • 編集 - ページコンテンツの編集時に使用するモード
  • レイアウト - デバイスに応じたレスポンシブレイアウトを作成および編集できます(ページがレイアウトコンテナに基づいている場合)
  • ターゲティング - すべてのチャネルにわたるターゲティングと測定で、コンテンツの関連性を高めます
  • タイムワープ - 特定の時点のページの状態を表示します
  • ライブコピーステータス - ライブコピーのステータスと継承される(または継承されない)コンポーネントの概要を素早く確認できます
  • 開発者モード
  • プレビュー - パブリッシュ環境とまったく同じ形式でページを表示するか、コンテンツ内のリンクを使って移動します
  • 注釈 - ページに注釈を追加または表示します。
NOTE
  • ページの特性によっては、一部のモードを使用できない場合があります。
  • 一部のモードにアクセスするには、適切な権限または特権が必要です。
  • モバイルデバイスでは、スペースの制約により、開発者モードを使用できません。
  • キーボードショートカットCtrl-Shift-M)で、プレビュー ​と、現在選択されているモード(編集モードレイアウトモード ​など)を切り替えることができます。

プレビュー preview

プレビュー」ボタンを使用すると、プレビューモードが有効になり、公開時に表示されるとおりにページが表示されます。

「プレビュー」ボタン

注釈 annotate

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

注釈ボタン

サイドパネル side-panel

サイドパネルから 3 つの異なるタブにアクセスできます。

  • ページに新しいコンテンツを追加するコンポーネントブラウザー
  • ページに新しいアセットを追加するアセットブラウザー
  • ページの構造を参照するコンテンツツリー

ページエディターのサイドパネル

詳しくは、ページエディターのサイドパネルドキュメントを参照してください。

エディター editor

エディターで、ページコンテンツに直接変更を行います。ページは表示されるとおりにレンダリングされ、サイドパネルのアセットブラウザーまたはコンポーネントブラウザーを使用して新しいコンテンツをドラッグ&ドロップしたり、コンテンツをインプレースで編集したりできます。

ページエディターのエディター

コンテンツの編集 editing-content

ページエディターについて理解したので、コンテンツを編集する準備が整いました。

詳しくは、AEM ページエディターを使用したコンテンツの編集ドキュメントを参照してください。

ステータスの通知 status-notification

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

ワークフロー通知

NOTE
ステータスバーは、適切な特権を持つユーザーアカウントにのみ表示されます。

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

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

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

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

複数のワークフロー通知

ライブコピーステータス live-copy-status

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

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

次に例を示します。

ライブコピーステータスの表示例

ページのプレビュー previewing-pages

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

TIP
  • コンテンツ内のリンクは表示されますが、編集 ​モードでアクセスすることはできません。
  • リンクを使用して移動する場合には、いずれかのプレビューオプションを使用してください。
  • プレビューと最後に選択したモードを切り替えるには、キーボードショートカット Ctrl-Shift-M を使用します。
NOTE
両方のプレビューオプションに WCM Mode Cookie が設定されています。

プレビューモード preview-mode

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

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

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

「プレビュー」ボタン

公開済みとして表示 view-as-published

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

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

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

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

ロックすると、ページエディターのツールバーにロック記号が表示されます。

ロックされたページの例

ページのロック解除は、ページのロックと非常に似ています。ページをロックすると、ロックオプションはロック解除アクションに置き換わります。

CAUTION
  • ページのロックは、別のユーザーとして実行している場合にも実行できます。ただし、別のユーザーに成り代わって実行したユーザーのみが、この方法でロックされたページをロック解除することができます。
  • 実際にページのロック作業を行なったユーザーに成り代わっても、ページをロック解除できません。
  • ページをロックしたユーザーが(対応できないため)ページのロックを解除できない場合は、カスタマーサポートに連絡して、ロックを解除するオプションを評価してください。

ページ編集の取り消しとやり直し undoing-and-redoing-page-edits

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

取り消しボタンとやり直しボタン

TIP
  • キーボードショートカット Ctrl-Z を使用して、ページの編集アクションを取り消すこともできます。
  • キーボードショートカット Ctrl-Y を使用して、ページの編集アクションをやり直すこともできます。
NOTE
ページ編集の取り消しとやり直しで実行できることについて詳しくは、取り消しとやり直しの制限ドキュメントを参照してください。
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab