ページのコンテンツの編集 editing-page-content
(新規で、またはローンチやライブコピーの一部として)ページが作成されたら、コンテンツを編集して、必要な更新を行うことができます。
コンテンツは、ページにドラッグ可能なコンポーネント(コンテンツのタイプに適したもの)を使用して追加できます。コンポーネントはその後、そのまま編集したり、移動や削除をおこなったりすることができます。
ページツールバー page-toolbar
ページツールバーを使用すると、ページ設定に応じた適切な機能にアクセスできます。
ツールバーを使用すると、様々なオプションにアクセスできます。現在のコンテキストと設定によっては、一部のオプションを使用できないことがあります。
-
サイドパネルを切り替え
サイドパネルが開きます(または閉じます)。このパネルには、アセットブラウザー、コンポーネントブラウザーおよびコンテンツツリーが含まれています。
-
ページ情報
ページの詳細およびページに対して実行できるアクション(ページ情報の表示と編集、ページのプロパティの表示、およびページの公開/非公開など)を含むページ情報メニューにアクセスできます。
-
エミュレーター
別のデバイスでのページのルックアンドフィールをエミュレートするために使用するエミュレーターツールバーを切り替えます。レイアウトモードでは自動的に切り替わります。
-
ContextHub
ContextHub を開きます。プレビューモードでのみ使用できます。
-
ページタイトル
情報のためにのみ表示されます。
-
モードセレクター
現在のモードが表示され、別のモード(編集、レイアウト、タイムワープ、ターゲティングなど)を選択できます。
-
プレビュー
プレビューモードを有効にします。公開時に表示されるとおりにページを表示します。
-
注釈
ページをレビューするときに、ページに注釈を追加できます。最初の注釈を追加後、アイコンは、ページ上の注釈の数を示す数字に切り替わります。
ステータスの通知 status-notification
ページが 1 つまたは複数のワークフローの一部である場合、この情報はページの編集時に画面の上部にある通知バーに表示されます。
通知には、ページに対して実行されているワークフローが一覧表示されます。ユーザーが現在のワークフローステップに関係している場合は、ワークフローのステータスに影響するオプションや、ワークフローの詳細を取得するオプションを使用できます。例えば、次のようなものがあります。
-
完了 - 作業項目を完了 ダイアログボックスが開きます
-
委任 - 作業項目を完了 ダイアログボックスが開きます
-
詳細を表示 - ワークフローの 詳細 ウィンドウが開きます
通知バーからのワークフローステップの完了および委任は、通知インボックスからワークフローに参加している場合に動作します。
ページが複数のワークフローの対象である場合は、ワークフローの数が、ワークフローをスクロールできる矢印ボタンと共に通知の右端に表示されます。
コンポーネントプレースホルダー component-placeholder
コンポーネントプレースホルダーは、コンポーネントをドロップしたときのコンポーネントの配置場所(現在ポインタを置いているコンポーネントの上)を示すインジケーターです。
-
コンポーネントをページに追加する(コンポーネントブラウザーからドラッグする)場合:
-
既存のコンポーネントを移動する場合:
コンポーネントの挿入 inserting-a-component
コンポーネントブラウザーからのコンポーネントの挿入 inserting-a-component-from-the-components-browser
コンポーネントブラウザーを使用して、コンポーネントを追加できます。コンポーネントプレースホルダーにコンポーネントの配置先が表示されます。
-
ページが編集 モードであることを確認します。
-
コンポーネントブラウザーを開きます。
-
必要なコンポーネントを必要な位置までドラッグします。
-
コンポーネントを編集します。
段落システムからのコンポーネントの挿入 inserting-a-component-from-the-paragraph-system
段落システムの「ここにコンポーネントをドラッグ」ボックスを使用して、コンポーネントを追加できます。
アセットブラウザーを使用したコンポーネントの挿入 inserting-a-component-using-the-assets-browser
アセットブラウザーからアセットをドラッグして、コンポーネントをページに追加することもできます。これにより、適切なタイプの新しいコンポーネント(アセットを含む)が自動的に作成されます。
これは次のアセットタイプに有効です(一部はページ/段落システムに依存します)。
前述のいずれかのアセットタイプをドラッグしてコンポーネントを作成するには:
-
ページが編集 モードであることを確認します。
-
アセットブラウザーを開きます。
-
必要なアセットを必要な位置にドラッグします。コンポーネントプレースホルダーにコンポーネントの配置先が表示されます。
アセットタイプに適したコンポーネントが、必要な場所に作成されます。これには選択したアセットが含まれます。
-
必要に応じて、コンポーネントを編集します。
アセットを参照したときに、アセットをすばやく変更する必要がある場合は、アセット名の横にある編集アイコンをクリックして、「アセットエディター」を起動します。
編集/設定/コピー/カット/削除/ペースト edit-configure-copy-cut-delete-paste
コンポーネントを選択すると、ツールバーが開きます。これにより、コンポーネントで実行できる様々なアクションにアクセスできます。
ユーザーが使用できる実際のアクションは、必要に応じて表示されます。ここではすべてのアクションについては説明していません。
-
編集
コンポーネントの種類に応じてコンポーネントのコンテンツを編集できます。多くの場合、ツールバーが用意されています。
-
設定
コンポーネントの種類に応じて、コンポーネントのプロパティを編集および設定できます。多くの場合、ダイアログボックスが開きます。
-
コピー
コンポーネントをクリップボードにコピーします。元のコンポーネントはペースト後も残ります。
-
カット
コンポーネントをクリップボードにコピーします。ペースト後、元のコンポーネントは削除されます。
-
削除
確認後に、ページからコンポーネントを削除します。
-
コンポーネントを挿入
新しいコンポーネントを追加するためのダイアログが開きます。
-
ペースト
クリップボードのコンポーネントをページにペーストします。元のコンポーネントが残るかどうかは、コピーまたはカットのどちらを使用したかによって異なります。
- 同じページまたは別のページにペーストできます。
- ペースト操作を選択した項目の上に、対象の項目がペーストされます。
- ペースト操作は、クリップボードにコンテンツがある場合にのみ表示されます。
note note NOTE カット/コピー操作の前に開いていた別のページにペーストする場合は、ページを更新して、ペーストしたコンテンツを表示する必要があります。 -
グループ
複数のコンポーネントを一度に選択できます。デスクトップデバイスで同じ操作を行うには、Control キーを押しながらクリック するか、または Command キーを押しながらクリック します。
-
親
選択したコンポーネントの親コンポーネントを選択できます。
-
レイアウト
選択したコンポーネントのレイアウトを変更できます。これは選択したコンポーネントにのみ適用され、ページ全体のレイアウトモードはアクティベートされません。
-
エクスペリエンスフラグメントバリエーションに変換
エクスペリエンスフラグメントを、選択したコンポーネントから作成したり、既存のエクスペリエンスフラグメントに追加したりできます。
編集(コンテンツ) edit-content
コンポーネント内のコンテンツを追加または編集するには、次の 2 つの方法があります。
- 編集用のコンポーネントのダイアログを開きます。
- アセットをドラッグ&ドロップして、アセットブラウザーからコンテンツを直接追加します。
コンポーネント編集ダイアログ component-edit-dialog
コンポーネントツールバーの編集(鉛筆)アイコンを使用して、コンポーネントを開いてコンテンツを編集できます。
実際に使用できる編集オプションはコンポーネントによって異なります。一部のコンポーネントでは、すべてのアクションが全画面モードでのみ使用できます。例:
-
-
画像コンポーネント
note note NOTE 編集は、空の画像コンポーネントでは動作しません。 画像を編集する前に、(設定を使用して)画像をドラッグまたはアップロードします。 -
画像コンポーネント - 全画面
画像コンポーネントの全画面モードに入ると、画像を編集する領域が広くなり、追加の編集オプション(「マップを起動」や「ズームをリセット」など)が表示されます。また、全画面表示では切り抜きプリセットを選択できます。
-
テキストと画像の基盤コンポーネントなど、複数の基本コンポーネントから構成されるコンポーネントでは、最初に編集オプションが確認されます。
アセットのコンポーネントへのドラッグ&ドロップ drag-and-drop-assets-into-component
次の特定のコンポーネントタイプでは、アセットブラウザーから直接コンポーネントにアセットをドラッグ&ドロップして、コンテンツを更新できます。
全画面モードで(コンテンツを)編集 edit-content-full-screen-mode
次のアイコンを使用して、すべてのコンポーネントで全画面表示モードにアクセス(または終了)できます。
例えば、テキスト コンポーネントの場合は、次のように表示されます。
コンポーネントの移動 moving-a-component
段落コンポーネントを移動するには:
-
選択&ホールドまたはクリック&ホールドによって移動する段落を選択します。
-
段落を新しい場所にドラッグします。段落を配置できる場所が示されます。目的の場所にドロップします。
-
段落が移動します。
コンポーネントのレイアウトの編集 edit-component-layout
コンポーネントを調整するために編集モードからレイアウトモードに繰り返し切り替える代わりに、コンポーネントの レイアウト アクションを選択して、そのコンポーネントのレイアウトを変更することができます。これにより、編集モードを終了する必要がなくなり、時間が節約されます。
-
サイトコンソールの 編集 モードでコンポーネントを選択すると、コンポーネントのツールバーが表示されます。
レイアウト アクションをクリックすると、コンポーネントのレイアウトを調整できます。
-
レイアウトアクションを選択すると、次の処理が行われます。
- コンポーネントのサイズ変更ハンドルが表示されます。
- エミュレーターツールバーが画面の上部に表示されます。
- 標準の編集アクションの代わりにレイアウトアクションが、コンポーネントツールバーに表示されます。
レイアウトモードと同様に、コンポーネントのレイアウトを変更できるようになりました。
-
必要なレイアウトの変更を加えて、コンポーネントのアクションメニューの「閉じる」をクリックすると、コンポーネントのレイアウトの変更が停止します。コンポーネントのツールバーは通常の編集状態に戻ります。
継承されたコンポーネント inherited-components
継承されたコンポーネントは、次のような様々なシナリオによって生成されます。
継承はキャンセル(その後再度有効化)できます。コンポーネントによって、次の場所から操作できます。
-
ライブコピー
ライブコピーまたは(ライブコピーに基づいた)ローンチの一部であるページにコンポーネントがある場合のコンポーネントツールバー。例:
「継承をキャンセル」オプションを使用できます。
キャンセル済みの場合は、継承を再度有効にできます。
ブループリントまたはライブコピーのソースでは、ロールアウトアクションも使用できます。
-
継承された段落システム
設定ダイアログボックス。例えば、次のような「継承された段落システム」と同様です。
ページテンプレートの編集 editing-the-page-template
ページが編集可能なテンプレートに基づいている場合は、ページ情報メニューの 編集テンプレート を選択することによって、テンプレートエディターに簡単に切り替えることができます。
ページが静的テンプレートに基づいている場合は、ツールバーのページモードセレクターを使用してデザインモードに切り替え、ページで使用するコンポーネントを有効/無効にすることができます。
列表示またはリスト表示でページを選択するときに、ページが基にしているテンプレートを簡単に確認できます。
ライブコピーステータス live-copy-status
ライブコピーステータスページモードでは、ライブコピーのステータスの簡単な概要、および継承される(または継承されない)コンポーネントを示すことができます。
- 緑のボーダー:継承
- ピンクのボーダー:継承がキャンセルされている
例:
注釈の追加 adding-annotations
注釈を使用すると、レビュー担当者や他の作成者がコンテンツに関するフィードバックを提供できます。注釈は、レビューや検証の目的でよく使用されます。
ページのプレビュー previewing-pages
ページをプレビューするには、以下の 2 つの方法があります。
- コンテンツ内のリンクは表示されますが、編集モードでアクセスすることはできません。
- リンクを使用して移動する場合には、いずれかのプレビューオプションを使用してください。
- プレビューと最後に選択したモードを切り替えるには、キーボードショートカット
Ctrl-Shift-M
を使用します。
プレビューモード preview-mode
コンテンツの編集時に、プレビューモードを使用してページをプレビューできます。このモードでは、次の操作を実行できます。
- 各種編集メカニズムを非表示にして、公開時にページがどのように表示されるかをすばやく確認できます。
- リンクを使用して移動できます。
- ページコンテンツは更新 されません。
オーサリング時に、ページエディターの右上にある次のアイコンを使用して、プレビューモードに切り替えることができます。
公開済みとして表示 view-as-published
「公開済みとして表示」オプションは、ページ情報メニューで使用できます。これによりページが新しいタブで開き、コンテンツが更新され、ページの公開時と同じ状態で表示されます。
ページのロック locking-a-page
AEM では、他のユーザーによるコンテンツの変更を防ぐためにページをロックできます。ページのロックは、1 つの特定のページで大量の編集作業を行う場合や、短期間ページを凍結する必要がある場合に便利です。
ページは次のいずれかの場所からロックできます。
-
サイト コンソール
- 選択モードでページを選択します。
- ロックアイコンを選択します。
-
ページエディター
- メニューを開くには、ページ情報 アイコンを選択します。
- 「ページをロック」オプションを選択します。
ロックすると、コンソール表示の情報が更新され、編集時にロック記号がツールバーに表示されます。
ページのロック解除 unlocking-a-page
ページのロック解除は、ページのロックと似ています。ページがロックされると、ロックオプションはロック解除アクションに置き換わります。
ページ情報メニューには「ロック解除」がオプションとして表示され、サイトコンソールのロックアイコンは ロック解除 アイコンに置き換わります。
ページ編集の取り消しとやり直し undoing-and-redoing-page-edits
次のアイコンを使用して、アクションの取り消しまたはやり直しを行うことができます。これらのアイコンは、ツールバーに適宜表示されます。
Ctrl-Z
を使用して、ページの編集アクションを取り消すこともできます。Ctrl-Y
を使用して、ページの編集アクションをやり直すこともできます。ページ編集の取り消しとやり直し - 理論 undoing-and-redoing-page-edits-the-theory
AEM では、ユーザーが実行するアクションの履歴と、それらのアクションを実行した順序が保存されます。つまり、複数のアクションを実行した順に取り消したり、必要に応じて、やり直しを使用して 1 つまたは複数のアクションを再適用したりできます。
コンテンツページで要素(テキストコンポーネントなど)が選択されている場合、取り消しコマンドとやり直しコマンドは選択した項目に適用されます。
取り消しおよびやり直しコマンドの動作は、他のソフトウェアプログラムの動作と同様です。コンテンツに関する決定を行いながら、これらのコマンドを使用して web ページの直近の状態に戻すことができます。例えば、テキスト段落をページ上の別の場所に移動した場合に、取り消しコマンドを使用して、その段落を元の場所に戻すことができます。取り消し前の位置の方がいい場合は、やり直しコマンドを使用して「取り消しを取り消し」ます。
- 取り消しを使用してからページの編集を行っていない限り、アクションをやり直すことができます。
- 最大 20 回の編集アクションを取り消すことができます(デフォルト設定)。
- 様々なキーボードショートカットを利用して取り消しとやり直しを行うこともできます。
取り消しおよびやり直しは、次のようなページの変更に対して使用できます。
- 段落の追加、編集、削除および移動
- 段落コンテンツのインプレース編集
- ページ内部での項目のコピー、カットおよび貼り付け
フォームコンポーネントがレンダリングするフォームフィールドは、ページのオーサリング中に指定された値を持つことにはなりません。そのため、取り消しおよびやり直しコマンドは、それらのタイプのコンポーネントの値に対して行った変更には影響を与えません。例えば、ドロップダウンリスト内の値の選択を取り消すことはできません。