オーサリング環境とツール authoring-the-environment-and-tools
AEM のオーサリング環境は、コンテンツを編成および編集するための様々なメカニズムを提供しています. 提供されるツールには、様々なコンソールおよびページエディターからアクセスします。
サイトの管理 managing-your-site
この サイト コンソールを使用すると、ヘッダーバー、ツールバー、アクションアイコン(選択したリソースに適用)、パンくずリストおよび選択時にセカンダリレール(タイムラインや参照など)を使用して、Web サイトの移動や管理をおこなうことができます。
例えば、カード表示の場合は、次のようになります。
ページコンテンツの編集 editing-page-content
ページエディターでページを編集できます。 次に例を示します。
http://localhost:4502/editor.html/content/we-retail/us/en/equipment.html
ヘルプへのアクセス accessing-help
ページの編集中、ヘルプ には次の場所からアクセスできます。
それ以外のヘルプ関連リソースは、コンソールから表示できます。
コンポーネントブラウザー components-browser
コンポーネントブラウザーには、現在のページで使用可能なすべてのコンポーネントが表示されます。 これらは適切な場所にドラッグし、編集してコンテンツを追加できます。
コンポーネントブラウザーはサイドパネル内のタブです(アセットブラウザーとコンテンツツリーも同じ場所にあります)。サイドパネルを開く(または閉じる)には、ツールバーの左上にある次のアイコンを使用します。
サイドパネルを開く際、パネルは左側からスライドして開きます ( コンポーネント タブ(必要に応じて)をクリックします。 開いたら、ページで使用可能なすべてのコンポーネントを閲覧できます。
実際の外観や処理は、使用しているデバイスの種類によって異なります。
-
モバイルデバイス ( 例:iPad)
コンポーネントブラウザーは、編集中のページを完全にカバーします。
ページにコンポーネントを追加する場合は、必要なコンポーネントをタッチ&ホールドして右側に移動すると、コンポーネントブラウザーが閉じてページが再度表示され、コンポーネントの配置先になります。
-
デスクトップデバイス
ウィンドウの左側にコンポーネントブラウザーが開きます。
ページにコンポーネントを追加するには、必要なコンポーネントをクリックし、必要な場所にドラッグします。
コンポーネントは、
-
コンポーネント名
-
コンポーネントグループ(グレー)
-
アイコンまたは省略形
- 標準コンポーネントのアイコンはモノクロです。
- 略語は常にコンポーネント名の最初の 2 文字です。
コンポーネントブラウザーの上部のツールバーでは、次の操作を実行できます。
- コンポーネントを名前でフィルターします。
- ドロップダウンから選択して特定のグループのみを表示します。
コンポーネントについて詳しくは、コンポーネントブラウザー内のコンポーネントの横にある情報アイコンをクリックまたはタップしてください(使用可能な場合)。
使用可能なコンポーネントについて詳しくは、コンポーネントコンソールを参照してください。
-
アセットブラウザー assets-browser
アセットブラウザーには、現在のページ上で直接使用できるすべてのアセットが表示されます。
アセットブラウザーはサイドパネル内のタブで、 コンポーネント参照r および コンテンツツリー. サイドパネルを開く(または閉じる)には、ツールバーの左上にある次のアイコンを使用します。
サイドパネルを開く際、パネルは(左側から)スライドして開きます。必要に応じて「Assets」タブを選択します。
アセットブラウザーが開いている場合は、ページで使用可能なすべてのアセットを参照できます。 必要に応じて、無限スクロールを使用してリストを展開します。
ページにアセットを追加するには、を選択し、必要な場所にドラッグします。 次のことが考えられます。
-
適切なタイプの既存のコンポーネント。
- 例えば、画像タイプのアセットを画像コンポーネントにドラッグできます。
-
適切なタイプの新しいコンポーネントを作成するための段落システム内のプレースホルダー。
- 例えば、画像タイプのアセットを段落システムにドラッグして、画像コンポーネントを作成できます。
アセットブラウザーの上部のツールバーで、次の方法でアセットをフィルタリングできます。
-
名前
-
パス
-
アセットタイプ(画像、原稿、ドキュメント、ビデオ、ページ、段落、製品など)
-
向き(縦、横、正方形)やスタイル(カラー、モノクロ、グレースケール)などのアセットの特性
- 特定のアセットタイプに対してのみ使用可能
実際の外観や処理は、使用しているデバイスの種類によって異なります。
-
iPadなどのモバイルデバイス
アセットブラウザーは、編集中のページの上に完全に表示されます。
ページにアセットを追加するには、必要なアセットをタッチ&ホールドし、右側に移動します。アセットブラウザーが閉じてページが再度表示され、必要なコンポーネントにアセットを追加できます。
-
デスクトップデバイス
アセットブラウザーがウィンドウの左側に開きます。
ページにアセットを追加するには、目的のアセットをクリックし、必要なコンポーネントまたは場所にドラッグします。
アセットをすぐに変更する必要がある場合は、アセット名の横にある編集アイコンをクリックすると、アセットブラウザーから直接アセットエディターを開始できます。
コンテンツツリー content-tree
この コンテンツツリー では、ページ上のすべてのコンポーネントの概要を階層で表示し、ページの構成を一目で確認できます。
コンテンツツリーはサイドパネル内のタブです(コンポーネントとアセットブラウザーも同じ場所にあります)。 サイドパネルを開く(または閉じる)には、ツールバーの左上にある次のアイコンを使用します。
サイドパネルを開く際、パネルは(左側から)スライドして開きます。必要に応じて「コンテンツツリー」タブを選択します。開くと、ページやテンプレートのツリービュー表示が表示され、コンテンツが階層的にどのように構造化されているかを理解しやすくなります。 さらに、複雑なページでは、ページのコンポーネント間をジャンプしやすくなります。
ページは同じタイプの多くのコンポーネントで簡単に構成できるので、コンポーネントツリーには、コンポーネントタイプの名前(黒)の後に説明テキスト(グレー)が表示されます。 説明テキストは、タイトルやテキストなど、コンポーネントの共通のプロパティから取得されます。
コンポーネントタイプはユーザーの言語で表示されるのに対して、コンポーネントの説明テキストはページの言語で表示されます。
コンポーネントの横にある山形をクリックすると、そのレベルが折りたたまれたり展開されたりします。
コンポーネントをクリックすると、ページエディターでそのコンポーネントがハイライト表示されます。
ツリー内でクリックしたコンポーネントが編集可能な場合は、レンチアイコンが名前の右に表示されます。 このアイコンをクリックすると、コンポーネントの編集ダイアログが直接開始されます。
フラグメント - 関連コンテンツブラウザー fragments-associated-content-browser
ページにコンテンツフラグメントが含まれている場合、関連コンテンツのブラウザーにもアクセスできます。
参照 references
参照 選択したページへの接続を表示します。
- ブループリント
- ローンチ
- ライブコピー
- 言語コピー
- 参照コンポーネントの使用
- 製品ページへの参照(コマース/製品コンソールから)
必要なコンソールを開いたら、必要なリソースに移動し、次を使用して「参照」を開きます。
必要なリソースを選択し、そのリソースに関連する参照タイプのリストを表示します。
詳細は、適切な参照タイプを選択してください。 特定の状況では、特定の参照を選択すると、次のような追加のアクションを使用できます。
例えば、壊れている参照は、参照コンポーネントで修正できます。
イベント - タイムライン events-timeline
該当するリソース(例:Sites コンソールからのページ、Assets コンソールからのアセット)では、タイムラインを使用して、選択した項目に対する最近のアクティビティを表示できます。
必要なコンソールを開いたら、必要なリソースに移動し、次を使用して「タイムライン」を開きます。
必要なリソースを選択し、「すべて表示」または「アクティビティ」を選択すると、選択したリソースに対する最近のアクションが一覧表示されます。
ページ情報 page-information
ページ情報(イコライザーアイコン)をクリックするとメニューが開き、最後の編集および最後の公開に関する詳細も表示されます。ページ(およびそのサイト)の特性に応じて、使用できるオプションの数は異なります。
例えば、必要に応じて、 ページ情報 には次のオプションもあります。
-
ローンチを昇格 (ページがローンチの場合)
-
テンプレートを編集 ページが 編集可能なテンプレート
-
クラシック UI で開く(このオプションが管理者によって有効にされている場合)
該当する場合、ページ情報 から分析や推奨を確認することもできます。
ページモード page-modes
ページの編集時には様々なモードがあり、異なるアクションを行うことができます。
-
編集 — ページコンテンツの編集時に使用するモード。
-
レイアウト - デバイスに応じたレスポンシブレイアウトを作成および編集できます(ページがレイアウトコンテナに基づいている場合)
-
基礎モード - 同じ構造を共有しながらコンテンツが異なるページを大量に作成する場合に役立ちます。
-
開発者 - 様々なアクションを実行できます(権限が必要です)。このアクションには、ページやそのコンポーネントの技術的な詳細の検査が含まれます。
-
デザイン — ページで使用するコンポーネントを有効または無効にしたり、コンポーネントのデザインを設定したりできます ( ページが 静的テンプレート) をクリックします。
-
ターゲット設定 — すべてのチャネルでターゲティングと測定をおこない、コンテンツの関連性を高めます。
-
Activity Map - ページの分析データを表示します。
-
タイムワープ :特定の時点のページの状態を表示できます。
-
ライブコピーステータス — ライブコピーのステータスと継承される(または継承されない)コンポーネントの概要をすばやく確認できます。
-
プレビュー - パブリッシュ環境とまったく同じ形式でページを表示する、またはコンテンツ内のリンクを使用して移動するために使用します。
-
注釈 - ページで注釈の追加または表示を行う場合に使用するモード。
これらのモードには右上のアイコンを使用してアクセスできます。実際のアイコンは、現在利用中のモードに合わせて変化します。
- ページの特性によっては、一部のモードを使用できない場合があります。
- 一部のモードにアクセスするには、適切な権限または特権が必要です。
- モバイルデバイスでは、スペースが制限されているので、開発者モードを使用できません。
- キーボードショートカット(
Ctrl-Shift-M
)で、プレビュー と、現在選択されているモード(編集モード、レイアウトモード など)を切り替えることができます。
パスの選択 path-selection
オーサリング時に、別のリソースを選択する必要が生じる場合がよくあります(別のページまたはリソースへのリンクを定義する場合、画像を選択する場合など)。パスを簡単に選択するには、次の手順に従います。 パスフィールド オファーのオートコンプリートと パスブラウザー では、より堅牢な選択が可能です。
パスフィールド path-fields
ここで例として使用する例は、画像コンポーネントです。 コンポーネントの使用と編集について詳しくは、 ページオーサリング用コンポーネント.
パスフィールドにオートコンプリート機能とルックアヘッド機能が追加され、リソースを見つけやすくなりました。 パスフィールドに入力を開始すると、入力した内容と一致するパスがAEMに表示されます。
パスフィールドで「選択ダイアログを開く」ボタンをクリックすると、「パスブラウザー」ダイアログが開き、より詳細な選択オプションが表示されます。
パスブラウザー path-browser
パスブラウザーは、サイトコンソールの列表示のように整理されており、リソースをより詳細に選択できます。
リソースを選択すると、 選択 ボタンがアクティブになります。 クリックまたはタップして選択を確定するか、 キャンセル を中止します。
コンテキストで複数のリソースを選択できる場合、リソースを選択すると「選択」ボタンがアクティブ化され、選択したリソースの数がウィンドウの右上に表示されます。すべての選択を解除するには、数字の横にある X をクリックします。
パンくずリストを使用すると、リソース階層内をすばやくジャンプできます。
ダイアログの上部にある検索フィールドは、いつでも使用できます。
検索をクリアするには、検索フィールドの X をクリックします。
検索を絞り込むには、フィルターオプションを表示して、特定のパスに基づいて結果をフィルターできます。
キーボードショートカット keyboard-shortcuts
様々なキーボードショートカットを利用できます。