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

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

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

メモ

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

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

メモ

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

ヒント

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

ページツールバー

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

ページツールバー

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

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

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

    サイドパネルの切り替え

  • ページ情報

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

    ページ情報ボタン

  • エミュレーター

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

    エミュレーターボタン

  • ContextHub

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

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

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

プレビューモード

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

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

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

「プレビュー」ボタン

公開済みとして表示

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

ページのロック

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

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

  • サイト​コンソール

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

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

      「ロック」ボタン

  • ページエディター

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

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

ロックされたページの例

注意

ページのロックは、別のユーザーとして実行している場合にも実行できます。ただし、この方法でロックされたページをロック解除できるのは、別のユーザーとして実行したユーザーか、管理者ユーザーです。

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

ページのロック解除

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

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

ロック解除ボタン

注意

ページのロックは、別のユーザーとして実行している場合にも実行できます。ただし、この方法でロックされたページをロック解除できるのは、別のユーザーとして実行したユーザーか、管理者ユーザーです。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

このページ

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now