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

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

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

メモ

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

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

メモ

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

メモ

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

ページツールバー

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

screen_shot_2018-03-22at11338

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

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

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

  • ページ情報

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

  • エミュレーター

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

  • ContextHub

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

    screen_shot_2018-03-22at11543

  • ページタイトル

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

    screen_shot_2018-03-22at11554

  • モードセレクター

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

    chlimage_1-120

  • プレビュー

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

    chlimage_1-121

  • 注釈

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

ステータスの通知

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

screen_shot_2018-03-22at11739

メモ

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

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

  • 完了 - 「作業項目を ​完了」ダイアログを開きます

  • 委任 - Complete Workitemダイアログを開きます

  • 詳細を表示 - ワークフローの​詳細​ウィンドウを開きます

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

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

chlimage_1-122

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

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

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

    screen_shot_2018-03-22at11928

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

    screen_shot_2018-03-22at112445

コンポーネントの挿入

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

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

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

  2. コンポーネントブラウザーを開きます。

  3. 必要なコンポーネントを必要な位置までドラッグします。

  4. コンポーネントを編集します。

メモ

モバイルデバイスでは、コンポーネントブラウザーは画面全体に表示されます。コンポーネントをドラッグすると、ブラウザーが閉じて、コンポーネントを配置できるようにページが再び表示されます。

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

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

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

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

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

    screen_shot_2018-03-22at112536

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

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

    screen_shot_2018-03-22at112650

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

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

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

これは次のアセットタイプに有効です(一部はページや段落システムに依存します)。

アセットタイプ 結果のコンポーネントの種類
画像 画像
ドキュメント ダウンロード
製品 製品
ビデオ Flash
コンテンツフラグメント コンテンツフラグメント
メモ

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

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

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

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

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

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

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

メモ

モバイルデバイスでは、アセットブラウザーは画面全体に表示されます。アセットをドラッグすると、ブラウザーが閉じて、アセットを配置できるようにページが再び表示されます。

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

screen_shot_2018-03-22at112735

編集/設定/コピー/切り取り/削除/貼り付け

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

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

screen_shot_2018-03-22at112909

  • 編集

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

  • 設定

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

  • コピー

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

  • 切り取り

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

    screen_shot_2018-03-22at113007

  • 削除

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

  • コンポーネントの挿入

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

  • 貼り付け

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

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

    screen_shot_2018-03-22at113553

    メモ

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

  • グループ

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

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

    screen_shot_2018-03-22at113028

  • レイアウト

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

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

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

編集(コンテンツ)

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

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

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

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

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

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

アセットタイプ コンポーネントの種類
画像 画像
ドキュメント ダウンロード
製品 製品
ビデオ Flash
コンテンツフラグメント コンテンツフラグメント

フルスクリーンモードで(コンテンツを)編集

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

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

screen_shot_2018-03-22at121616

メモ

一部のコンポーネントでは、全画面表示モードにすると、基本のインプレースエディターより多くのオプションが表示されます。

コンポーネントの移動

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

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

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

    screen_shot_2018-03-22at121821

  3. 段落が移動します。

メモ

切り取りと貼り付けを使用して、コンポーネントを移動することもできます。

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

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

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

    screen_shot_2018-03-22at133756

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

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

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

    screen_shot_2018-03-22at133843

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

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

メモ

レイアウトアクションは、選択したコンポーネントの範囲に限定されます。例えば、あるコンポーネントのレイアウトを編集していて、別のコンポーネントをクリックすると、(レイアウトツールバーではなく)標準の編集ツールバーが新しく選択したコンポーネントに表示され、再調整ハンドルとエミュレータツールバーが消えます。

複数のコンポーネントに影響するページの全体のレイアウトを編集する必要がある場合は、レイアウトモードに切り替えます。

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

継承されたコンポーネントは、次のような様々なシナリオによって生成されます。

  • マルチサイト管理
  • ローンチ(ライブコピーをベースとしている場合)
  • 特定のコンポーネント(Geometrixx 内の継承された段落システムなど)

継承はキャンセル(その後再度有効化)できます。コンポーネントによって、次の場所から操作できます。

  • ライブコピー

    ライブコピーまたは(ライブコピーに基づいた)ローンチの一部であるページにコンポーネントがある場合のコンポーネントツールバー。次に例を示します。

    screen_shot_2018-03-22at134339

    「継承をキャンセル」オプションを使用できます。

    キャンセル済みの場合は継承を再度有効にできます。

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

  • 継承された段落システム

    設定ダイアログです。例えば、「継承された段落システム」と同様です。

    chlimage_1-124

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

ページが編集可能なテンプレートに基づいている場合は、ページ情報メニューの​編集テンプレート​を選択することによって、テンプレートエディターに簡単に切り替えることができます。

ページが静的テンプレートに基づいている場合は、ツールバーのページモードセレクターを使用してデザインモードに切り替え、ページで使用するコンポーネントを有効/無効にできます。

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

ライブコピーステータス

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

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

次に例を示します。

screen_shot_2018-03-22at134820

注釈の追加

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

ページのプレビュー

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

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

両方のオプションで WCM Mode Cookie が設定されています。

プレビューモード

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

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

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

chlimage_1-125

公開済みとして表示

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

ページのロック

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

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

  • サイト​コンソール

    1. 選択モードでページを選択します。
    2. ロックアイコンを選択します。

    screen_shot_2018-03-22at134928

  • ページエディター

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

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

screen_shot_2018-03-22at135010

注意

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

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

ページのロック解除

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

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

screen_shot_2018-03-22at134942

注意

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

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

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

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

メモ

キーボードショートカット 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