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

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

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

メモ

ページを編集するための適切なアクセス権と権限がアカウントにある必要があります。

問題が発生した場合は、システム管理者にお問い合わせください。

メモ

ページやテンプレートが適切に設定されていると、編集中にレスポンシブレイアウトを使用できます。

ヒント

編集​モードでは、コンテンツのリンクは表示されますが、アクセスできません。コンテンツのリンクを使用して移動する場合は、プレビューモードを使用します。

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

ページツールバー

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

ページツールバー

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

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

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

    サイドパネルの切り替え

  • ページ情報

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

    ページ情報ボタン

  • エミュレーター

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

    エミュレーターボタン

  • ContextHub

    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 つの方法があります。

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

両方のプレビューオプションに WCM Mode Cookie が設定されています。

プレビューモード

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

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

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

「プレビュー」ボタン

公開済みとして表示

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

ページのロック

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

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

  • サイト​コンソール

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

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

      「ロック」ボタン

  • ページエディター

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

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

ロックされたページの例

注意

ページのロックは、別のユーザーとして実行している場合にも実行できます。ただし、この方法でロックされたページを(顧客によって)ロック解除できるのは、別のユーザーとして実行したユーザーのみです。

実際にページのロック作業を行なったユーザーに成り代わっても、ページをロック解除できません。

ページをロックしたユーザーがページのロックを解除できない場合は、カスタマーサポートに連絡して、ロックを解除するためのオプションを評価してもらってください。

ページのロック解除

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

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

ロック解除ボタン

注意

ページのロックは、別のユーザーとして実行している場合にも実行できます。ただし、別のユーザーに成り代わって実行したユーザーのみが、この方法でロックされたページをロック解除することができます。

実際にページのロック作業を行なったユーザーに成り代わっても、ページをロック解除できません。

ページをロックしたユーザーがページのロックを解除できない場合は、カスタマーサポートに連絡して、ロックを解除するためのオプションを評価してもらってください。

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

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

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

ヒント
  • キーボードショートカット Ctrl-Z を使用して、ページの編集アクションを取り消すこともできます。
  • キーボードショートカット Ctrl-Y を使用して、ページの編集アクションをやり直すこともできます。
メモ

ページ編集の取り消しとやり直しによって実行可能なことについて詳しくは、ページ編集の取り消しとやり直し - 理論を参照してください。

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

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

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

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

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

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

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

  • 段落の追加、編集、削除および移動
  • 段落コンテンツのインプレース編集
  • ページ内部での項目のコピー、カットおよび貼り付け
メモ
  • ファイルと画像に対する変更の取り消しおよびやり直しには、特別な権限が必要になります。
  • ファイルや画像への変更の履歴は、少なくとも 10 時間維持されます。この時間を経過すると、変更の取り消しは保証されません。管理者はデフォルトの 10 時間を変更できます。
  • システム管理者は、インスタンスの要件に従って取り消しおよびやり直し機能の様々な面を設定できます。

このページ