オーサリング - 環境とツール

現在表示中:

AEM のオーサリング環境は、コンテンツを構造化および編集するための様々なメカニズムを提供しています。提供されるツールには、使用中の UI に応じて様々なコンソールおよびページエディターからアクセスされます。

タッチ操作向け UI のサイトコンソールでは、ヘッダーバー、ツールバー、アクションアイコン（選択されたリソースに対して適用）、パンくず、選択時のセカンダリレール（例：タイムラインや参照）を使用して Web サイト内を移動および管理できます。

例えば、カード表示では次のようになります。

タッチ操作向け UI ページエディターで、次のようにページを編集できます。

http://localhost:4502/editor.html/content/geometrixx/en/products/triangle.html

注意：

タッチ操作向け UI で編集対象のページを初めて開くと、機能を紹介する一連のスライドが表示されます。

必要がない場合は、このツアーをスキップすることができます。このツアーは、ページ情報メニューからいつでも表示できます。

ページの編集中、ヘルプには次の場所からアクセスできます。

ページ情報セレクター。これにより、（エディターに初めてアクセスしたときに表示される）紹介用のスライドが表示されます。
特定のコンポーネントの設定ダイアログ（ダイアログツールバーの？アイコンを使用）。これにより、コンテキスト依存のヘルプが表示されます。

その他のヘルプ関連リソースは、コンソールから表示できます。

コンポーネントブラウザーには、現在のページで使用可能なすべてのコンポーネントが表示されます。これらのコンポーネントを適切な場所にドラッグして編集することで、コンテンツを追加できます。

コンポーネントブラウザーは、サイドパネル内のタブです（アセットブラウザーと一緒に表示されます）。サイドパネルを開く（または閉じる）には、ツールバーの左上にある次のアイコンを使用します。

サイドパネルを開く際、パネルは（左側から）スライドして開きます。必要に応じて「コンポーネント」タブを選択し、開いたら、ページで使用可能なすべてのコンポーネントを閲覧することができます。

コンポーネントグループは、テキストと色で区別されます。「一般」は常に緑系で表示され、その他のグループにはランダムな色が割り当てられます（最大で 10 色が使用され、グループの数がそれを超える場合は色が再度利用されます）。

コンポーネントブラウザーの上部のツールバーでは、次の操作を実行できます。

コンポーネントを名前で検索します。
ドロップダウンから選択して特定のグループのみを表示します。

実際の外観や処理は、使用しているデバイスの種類によって異なります。

注意：

モバイルデバイスは、幅が 1,024 px 未満の場合に検出されます。つまり、画面の小さいデスクトップも検出されます。

モバイルデバイス（例：iPad）

コンポーネントブラウザーは、編集中のページ全体に開かれます。

ページにコンポーネントを追加するには、目的のコンポーネントをタッチ＆ホールドし、右側に移動します。コンポーネントブラウザーが閉じてページが再表示され、このページ上でコンポーネントを配置できます。

デスクトップデバイス

コンポーネントブラウザーがウィンドウの左側に開きます。

ページにコンポーネントを追加するには、目的のコンポーネントをクリックして、必要な位置までドラッグします。

アセットブラウザーには、現在のページで直接使用可能なすべてのアセットが表示されます。

アセットブラウザーは、サイドパネル内のタブです（コンポーネントブラウザーと一緒に表示されます）。サイドパネルを開く（または閉じる）には、ツールバーの左上にある次のアイコンを使用します。

サイドパネルを開く際、パネルは（左側から）スライドして開きます。必要に応じて「アセット」タブを選択し、開いたら、ページで使用可能なすべてのアセットを閲覧することができます。必要に応じて無限スクロールを使用してリストを拡大できます。

ページにアセットを追加するには、選択して必要な位置までドラッグします。次のアセットを使用できます。

適切な種類の既存のコンポーネント。
例えば、画像タイプのアセットを画像コンポーネントにドラッグできます。
適切なタイプの新しいコンポーネントを作成するための段落システム内のプレースホルダー。
例えば、画像タイプのアセットを段落システムにドラッグして画像コンポーネントを作成できます。

注意：

これは特定のタイプのアセットとコンポーネントで使用できます。詳しくは、アセットブラウザーを使用したコンポーネントの挿入を参照してください。

アセットブラウザーの上部のツールバーでは、アセットを次の項目で検索できます。

名前
パス
アセットタイプ（画像、原稿、ドキュメント、ビデオ、ページ、段落、商品）
アセットの特徴：この機能は、特定のアセットタイプで利用できます。例えば、画像は向き（縦、横、正方形）、スタイル（カラー、モノクロ、グレースケール）で検索できます。

実際の外観や処理は、使用しているデバイスの種類によって異なります。

注意：

モバイルデバイスは、幅が 1,024 px 未満の場合に検出されます。つまり、画面の小さいデスクトップも検出されます。

モバイルデバイス（例：iPad）

アセットブラウザーは、編集中のページ全体に表示されます。

ページにアセットを追加するには、目的のアセットをタッチ＆ホールドし、右側に移動します。アセットブラウザーが閉じてページが再表示され、このページ上で目的のコンポーネントにアセットを追加できます。

デスクトップデバイス

アセットブラウザーがウィンドウの左側に開きます。

ページにアセットを追加するには、目的のアセットをクリックして、必要なコンポーネントまたは場所までドラッグします。

ページにコンテンツフラグメントが含まれている場合、関連コンテンツのブラウザーにもアクセスできます。

参照には、選択したページへの接続が表示されます。

ブループリント
ローンチ
ライブコピー
言語コピー
参照コンポーネントの使用
商品ページへの参照（コマース／製品コンソールから）

必要なコンソールを開いたら、必要なリソースに移動し、次を使用して「参照」を開きます。

必要なリソースを選択し、そのリソースに関連する参照タイプの一覧を表示します。

適切な参照タイプを選択すると、詳細情報が表示されます。状況によっては、次のような特定の参照の選択時にアクションを追加で実行できます。

参照コンポーネントのインスタンス（例：参照元／参照先のページへの移動）
商品ページへの参照（コマース／製品コンソールから使用可能）
ローンチ
ライブコピー（選択したリソースに基づくすべてのライブコピーのパスを表示）
ブループリント

例えば、壊れている参照は、参照コンポーネントで修正できます。

該当するリソース（例：サイトコンソールからのページ、アセットコンソールからのアセット）では、タイムラインを使用して、選択した項目に対する最近のアクティビティを表示できます。

必要なコンソールを開いたら、必要なリソースに移動し、次を使用して「タイムライン」を開きます。

必要なリソースを選択し、「すべて表示」または「アクティビティ」を選択すると、選択したリソースに対する最近のアクションが一覧表示されます。

ページ情報（イコライザーアイコン）によって開くメニューでは、前回の編集（鉛筆のアイコン）および前回のパブリケーションに関する詳細情報も表示されます。ページの特徴（およびページが位置するサイトの特徴）に応じて、他のオプションも利用できる場合があります。

例えば、適切な場合はページ情報で次の操作も実行できます。

分析や推奨へのアクセス
ページのロールアウトの実行
ローンチの昇格の実行

タッチ操作向け UI を使用してページを編集する場合のモードは次のとおりです。

編集 - ページコンテンツの編集時に使用するモード。
基礎モード - 同じ構造を共有しながらコンテンツが異なるページを大量に作成する場合に役立ちます。
開発者 - 様々なアクションを実行できます（権限が必要です）。このアクションには、ページやそのコンポーネントの技術的な詳細の検査が含まれます。
デザイン - ページで使用するコンポーネントを有効または無効にできます。コンポーネントのデザインを設定することもできます。
ターゲット設定 - すべてのチャネルにわたるターゲット設定と測定を通じてコンテンツの関連性を高めます。
ライブコピーステータス - ライブコピーのステータスの簡単な概要および継承される（または継承されない）コンポーネントを示します。

プレビュー - パブリッシュ環境とまったく同じ形式でページを表示する、またはコンテンツ内のリンクを使用して移動するために使用します。
注釈 - ページで注釈の追加または表示を行う場合に使用するモード.

これらのモードには右上のアイコンを使用してアクセスできます。実際のアイコンは、現在利用中のモードを表すように変更されます。

注意：

開発者モードは、（スペースの制約により）モバイルデバイスでは利用できません。
一部のモードにアクセスするには、適切な権限が必要です。
キーボードショートカット（Ctrl + Shift + m）で、プレビューと、現在選択されているモード（編集モード、基礎モードなど）を切り替えできます。