Show Menu
トピック×

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

AEMのオーサリング環境では、コンテンツを編成および編集するための様々なメカニズムが提供されます。提供されるツールは、様々なコンソールやページエディターからアクセスできます。

サイトの管理

サイト ​コンソールでは、ヘッダーバー、ツールバー、アクションアイコン(選択されたリソースに対して適用)、パンくず、選択時のセカンダリレール(例:タイムラインや参照)を使用して Web サイト内を移動および管理できます。
例えば、列表示では次のようになります。

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

ページはページエディターで編集できます。次に例を示します。
https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html
編集対象のページを初めて開くと、機能を紹介する一連のスライドが表示されます。
必要がない場合は、このツアーをスキップすることができます。このツアーは、 ページ情報 ​メニューからいつでも表示できます。

ヘルプへのアクセス

ページの編集中、 ヘルプ ​には次の場所からアクセスできます。
  • ページ情報​ セレクター。これにより、(エディターに初めてアクセスしたときに表示される)紹介用のスライドが表示されます。
  • 特定のコンポーネントの 設定 ダイアログ(ダイアログツールバーの?アイコンを使用)。これにより、コンテキスト依存のヘルプが表示されます。

コンポーネントブラウザー

コンポーネントブラウザーには、現在のページで使用可能なすべてのコンポーネントが表示されます。これらのコンポーネントを適切な場所にドラッグして編集することで、コンテンツを追加できます。
The components browser is a tab within the side panel (together with the assets browser and content tree ). サイドパネルを開く(または閉じる)には、ツールバーの左上にある次のアイコンを使用します。
サイドパネルを開く際、パネルは(左側から)スライドして開きます(必要に応じて「 コンポーネント 」タブを選択)。開いたら、ページで使用可能なすべてのコンポーネントを閲覧することができます。
実際の外観や処理は、使用しているデバイスの種類によって異なります。
モバイルデバイスは、幅が 1,024 px 未満の場合に検出されます。これは、デスクトップの小さいウィンドウの場合にも当てはまります。
  • モバイルデバイス(iPad など)
    コンポーネントブラウザーは、編集中のページ全体に開かれます。
    ページにコンポーネントを追加するには、目的のコンポーネントをタッチ&ホールドし、右側に移動します。コンポーネントブラウザーが閉じてページが再表示され、このページ上でコンポーネントを配置できます。
  • デスクトップデバイス
    コンポーネントブラウザーがウィンドウの左側に開きます。
    ページにコンポーネントを追加するには、目的のコンポーネントをクリックして、必要な位置までドラッグします。
    コンポーネントは次のものによって表されます。
    • コンポーネント名
    • コンポーネントグループ(灰色)
    • アイコンまたは略語
      • 標準コンポーネントのアイコンはモノクロです。
      • 略語は常にコンポーネント名の最初の 2 文字です。
    コンポーネント ​ブラウザーの上部のツールバーでは、次の操作を実行できます。
    • コンポーネントを名前でフィルターします。
    • ドロップダウンから選択して特定のグループのみを表示します。
    コンポーネントについて詳しくは、 コンポーネント ​ブラウザー内のコンポーネントの横にある情報アイコンをクリックまたはタップしてください(使用可能な場合)。例えば、 ​の場合は、次のようになります。
    使用可能なコンポーネントについて詳しくは、 コンポーネントコンソール を参照してください。

アセットブラウザー

アセットブラウザーには、現在のページで直接使用可能なすべての アセット が表示されます。
アセットブラウザーはサイドパネル内のタブであり、 コンポーネントブラウザー コンテンツツリー も同じ場所にあります。サイドパネルを開く(または閉じる)には、ツールバーの左上にある次のアイコンを使用します。
サイドパネルを開く際、パネルは(左側から)スライドして開きます。必要に応じて「 アセット 」タブを選択します。
アセットブラウザーが開くと、ページで使用可能なすべてのアセットを参照できます。必要に応じて無限スクロールを使用してリストを拡大できます。
ページにアセットを追加するには、選択して必要な位置までドラッグします。次のアセットを使用できます。
  • 適切な種類の既存のコンポーネント。
    • 例えば、画像タイプのアセットを画像コンポーネントにドラッグできます。
  • 適切なタイプの新しいコンポーネントを作成するための段落システム内の プレースホルダー
    • 例えば、imageタイプのアセットを段落システムにドラッグして、imageコンポーネントを作成できます。
これは特定のタイプのアセットとコンポーネントで使用できます。詳しくは、 アセットブラウザーを使用したコンポーネントの挿入 を参照してください。
アセットブラウザーの上部のツールバーでは、アセットを次の項目で検索できます。
  • 名前
  • パス
  • アセットタイプ(画像、原稿、ドキュメント、ビデオ、ページ、段落、商品など)
  • 方向(縦長、横長、正方形)、スタイル(カラー、モノクロ、グレースケール)などのアセットの特性
    • 特定のアセットタイプでのみ使用可能
実際の外観や処理は、使用しているデバイスの種類によって異なります。
モバイルデバイスは、幅が 1,024 px 未満の場合に検出されます。つまり、画面の小さいデスクトップも検出されます。
  • iPad などのモバイルデバイス
    アセットブラウザーは、編集中のページ全体に表示されます。
    ページにアセットを追加するには、目的のアセットをタッチ&ホールドし、右側に移動します。アセットブラウザーが閉じてページが再表示され、このページ上で目的のコンポーネントにアセットを追加できます。
  • デスクトップデバイス
    アセットブラウザーがウィンドウの左側に開きます。
    ページにアセットを追加するには、目的のアセットをクリックして、必要なコンポーネントまたは場所までドラッグします。
アセットをすばやく変更する必要がある場合は、アセット名の横にある編集アイコンをクリックして、アセットブラウザーから直接 アセットエディター を開始できます。

コンテンツツリー

コンテンツツリー ​は、ページの構成を一目で確認できるように、ページのすべてのコンポーネントの概要を階層形式で表示します。
コンテンツツリーは、サイドパネル内のタブです(コンポーネントブラウザーとアセットブラウザーも同じ場所にあります)。サイドパネルを開く(または閉じる)には、ツールバーの左上にある次のアイコンを使用します。
サイドパネルを開く際、パネルは(左側から)スライドして開きます。Select the Content Tree tab if necessary. このタブを開くと、ページまたはテンプレートをツリービューで確認でき、コンテンツの階層的な構造を簡単に理解できます。また、複雑なページではページのコンポーネント間をジャンプしやすくなります。
ページは同じタイプの多数のコンポーネントで簡単に構成できます。コンテンツ(コンポーネント)ツリーには、コンポーネントタイプの名前(黒色)の後に説明テキスト(灰色)が表示されます。説明テキストは、コンポーネントの共通プロパティ(タイトル、テキストなど)から取得されます。
コンポーネントタイプはユーザーの言語で表示されますが、コンポーネントの説明テキストはページの言語で表示されます。
コンポーネントの横にある山形アイコンをクリックすると、レベルを折りたたむ、または展開することができます。
モバイルデバイス上でページを編集している場合(ブラウザーの幅が1024px未満の場合)、コンテンツツリーは使用できません。
コンポーネントをクリックすると、ページエディターでそのコンポーネントが強調表示されます。使用可能なアクションは、ページの状態によって異なります。
  • 次の基本ページの例を示します。
    https://localhost:4502/editor.html/content/we-retail/language-masters/en/equipment.html
    ツリーでクリックしたコンポーネントが編集可能な場合は、スパナアイコンが名前の右側に表示されます。このアイコンをクリックすると、コンポーネントの編集ダイアログが直接開始されます。
  • または、](/help/sites-administering/msm.md)ライブコピー[の一部を構成するページが開かれます。ここではコンポーネントが別のページから継承されます。次のページの例を示します。
    https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html

フラグメント - 関連コンテンツブラウザー

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

参照

参照 ​には、選択したページへの接続が表示されます。
  • ブループリント
  • ローンチ
  • ライブコピー
  • 言語コピー
  • 被リンク
  • 参照コンポーネントの使用:借りたコンテンツと貸したコンテンツ
  • 商品ページへの参照(コマース/商品コンソールから)
Open the required console, then navigate to the required resource and open References using:
必要なリソースを選択 し、そのリソースに関連する参照タイプの一覧を表示します。
適切な参照タイプを選択すると、詳細情報が表示されます。状況によっては、次のような特定の参照の選択時にアクションを追加で実行できます。
  • 被リンク (当該ページを参照するページのリストと、特定のリンクを選択したときにそれらのページのいずれかを​ 編集 ​できる直接アクセスを提供)
  • 参照 ​コンポーネントを使用した借りたコンテンツおよび貸したコンテンツのインスタンス(ここから参照元/参照先ページに移動可能)
  • 商品ページへの参照 (コマース/商品コンソールから使用可能)
  • ローンチ (関連するローンチへのアクセスの提供)
  • ライブコピー :選択したリソースに基づくすべてのライブコピーのパスが表示されます。
  • Blueprint 、詳細と様々なアクション
  • 言語コピー (詳細と各種アクションを提供)
例えば、壊れている参照は、参照コンポーネントで修正できます。

イベント - タイムライン

該当するリソース(例: サイト ​コンソールからのページ、 アセット ​コンソールからのアセット)では、 タイムラインを使用して、選択した項目に対する最近のアクティビティを表示できます
Open the required console, then navigate to the required resource and open Timeline , using:
必要なリソースを選択 し、「 すべて表示 」または「 アクティビティ 」を選択すると、選択したリソースに対する最近のアクションが一覧表示されます。

ページ情報

ページ情報(イコライザアイコン)は、最後の編集と最後のパブリケーションに関する詳細も提供するメニューを開きます。 ページ、そのページのサイト、使用しているインスタンスの特性に応じて、使用できるオプションの数は異なります。
例えば、該当する場合、 ページ情報 ​には次のオプションもあります。
該当する場合、 ページ情報 ​から分析や推奨を確認することもできます。

ページモード

ページの編集時には様々なモードがあり、異なるアクションをおこなうことができます。
  • 編集 - ページコンテンツの編集時に使用するモード。
  • レイアウト — デバイスに依存するレスポンシブレイアウトを作成および編集できます(ページがレイアウトコンテナに基づいている場合)。
  • 基礎モード - 同じ構造を共有しながらコンテンツが異なるページを大量に作成する場合に役立ちます。
  • 開発者 - 様々なアクションを実行できます(権限が必要です)。このアクションには、ページやそのコンポーネントの技術的な詳細の検査が含まれます。
  • デザイン - ページで使用するコンポーネントを有効/無効にしたり、コンポーネントのデザインを設定したりできます(ページが 静的テンプレート に基づいている場合)。
  • ターゲット設定 - すべてのチャネルにわたるターゲット設定と測定を通じてコンテンツの関連性を高めます。
  • アクティビティマップ - ページの分析データを表示します。
  • タイムワープ - 特定の時点のページの状態を表示できます。
  • ライブコピーステータス - ライブコピーのステータスの簡単な概要および継承される(または継承されない)コンポーネントを示します。
  • プレビュー - パブリッシュ環境とまったく同じ形式でページを表示する、またはコンテンツ内のリンクを使用して移動するために使用します。
  • 注釈 - ページで注釈の追加または表示をおこなう場合に使用するモード。
これらのモードには右上のアイコンを使用してアクセスできます。実際のアイコンは、現在利用中のモードに合わせて変化します。
  • ページの特性によっては、一部のモードを使用できないことがあります。
  • 一部のモードにアクセスするには、適切な権限が必要です。
  • 開発者モードは、スペースの制約により、モバイルデバイスでは利用できません。
  • There is a keyboard shortcut ( Ctrl-Shift-M ) to toggle between Preview and the currently selected mode (e.g. Edit , Layout , etc).

パスの選択

オーサリング時に、別のリソースを選択する必要がある場合がよくあります(別のページまたはリソースへのリンクを定義する場合、画像を選択する場合など)。簡単にパスを選択するために、 パスフィールド にはオートコンプリート機能があり、 パスブラウザー には強力な選択機能があります。

パスフィールド

説明のためにここで使用する例は、画像コンポーネントです。コンポーネントの使用および編集について詳しくは、 ページオーサリング用コンポーネント を参照してください。
パスフィールドには、オートコンプリート機能とルックアヘッド機能があり、リソースを見つけやすくなりました。
パスフィールドで「 選択ダイアログを開く 」ボタンをクリックすると、 パスブラウザー ダイアログが開き、より詳細な選択オプションが表示されます。
または、パスフィールドで入力を開始すると、入力した内容と一致するパスが表示されます。

パスブラウザー

パスブラウザーは、サイトコンソールの 列表示 のように整理されており、リソースをより詳細に選択できます。
  • リソースを選択すると、ダイアログの右上にある「 選択 」ボタンがアクティブになります。クリックまたはタップして選択内容を確認するか、「 キャンセル 」をクリックして中止します。
  • コンテキストで複数のリソースを選択できる場合、リソースを選択すると「 選択 」ボタンがアクティブ化され、選択したリソースの数がウィンドウの右上に表示されます。すべての選択を解除するには、数値の横にある X をクリックします。
  • ツリー内を移動すると、ダイアログ上部のパンくずリストに現在の位置が反映されます。これらのパンくずリストを使用すると、リソース階層内ですばやくジャンプすることもできます。
  • ダイアログの上部にある検索フィールドはいつでも使用できます。検索をクリアするには、検索フィールドの X をクリックします。
  • 検索を絞り込むには、フィルターオプションを表示して、特定のパスに基づいて結果をフィルターできます。

キーボードショートカット

様々な キーボードショートカット も利用できます。