ページオーサリングのクイックガイド quick-guide-to-authoring-pages

ここでは、AEM でページコンテンツをオーサリングする際の主なアクションについて、概要レベルのクイックガイドとなる手順を示します。

開発者は、次の作業を行います。

  • すべての内容を網羅しているわけではありません。
  • 詳細を示すドキュメントへのリンクが用意されています。

AEM によるオーサリングについて詳しくは、以下を参照してください。

クイックヒント a-few-quick-hints

具体的な事例の概要を取り上げる前に、覚えておく価値のある一般的なヒントを紹介します。

Sites コンソール sites-console

  • 作成

    • このボタンは多くのコンソールで使用できます。表示されるオプションはコンテキストに依存するため、シナリオによって変わることがあります。
  • フォルダー内のページの並べ替え

    • これはリスト表示で実行できます。変更が適用され、他のビューに表示されます。

ページオーサリング page-authoring

  • リンクのナビゲーション

  • バージョンは、ページエディターで開始または作成されるわけではありません。(選択したリソースの「作成」または「タイムライン」を通じて)Sites コンソールで行われるようになりました。

NOTE
オーサリング作業がより簡単になる、いくつかのキーボードショートカットがあります。

ページの検索 finding-your-page

ページの検索には様々な特徴があります。移動や検索を行うには、次のようにします。

  1. グローバルナビゲーションの「Sites」オプションを使用して)Sites コンソールを開きます。これは、Adobe Experience Manager リンク(左上)を選択するとトリガー(ドロップダウン)されます。

  2. 適切なページをタップまたはクリックしてツリーの下方向に移動します。ページリソースがどのように示されるかは、使用している表示(カード、リスト、列)によって異なります。

    screen_shot_2018-03-21at160214

  3. ヘッダーのパンくずを使用してツリーの上に移動します。これにより、選択した場所に戻ることができます。

    qgtap-01

  4. また、ページを検索することもできます。表示された結果からページを選択できます。

    qgtap-03

新しいページの作成 creating-a-new-page

新しいページを作成するには:

  1. ページを作成する場所に移動します。

  2. 作成」アイコンを使用して、リストから「ページ」を選択します。

    qgtap-02

  3. 新しいページの作成に必要な情報を収集するためのウィザードが開きます。画面の指示に従って操作します。

その他のアクションを実行するページの選択 selecting-your-page-for-further-action

アクションを実行するページを選択できます。ページを選択するとツールバーが自動的に更新され、そのリソースに関連するアクションが表示されます。

ページの選択方法は、コンソールで使用している表示によって異なります。

  1. 列表示:

    • 必要なリソースのサムネールをクリックします。サムネールが選択されていることを示すために、サムネールにチェックマークが付けられます。
  2. リスト表示:

    • 必要なリソースのサムネールをクリックします。サムネールが選択されていることを示すために、サムネールにチェックマークが付けられます。
  3. カード表示:

    screen_shot_2018-03-21at160503

    • ページが選択されていることを示すために、カードにチェックマークが付けられます。
    note note
    NOTE
    選択モードを開始すると、選択 ​アイコン(チェックマーク)が​ 選択を解除 ​アイコン(バツマーク)に変わります。

クイックアクション(カード表示/デスクトップのみ) quick-actions-card-view-desktop-only

次のようにして、クイックアクションを使用できます。

  1. アクションを実行するページに移動します。

  2. 必要なリソースを表すカードの上にマウスポインターを置きます。クイックアクションが表示されます。

    screen_shot_2018-03-21at160503-1

ページコンテンツの編集 editing-your-page-content

  1. 編集するページに移動します。

  2. 編集(鉛筆)アイコンを使用して、編集するページを開きます

    screen_shot_2018-03-21at160607

    このアイコンには、次の場所からアクセスできます。

  3. エディターが開くと、次の操作を実行できます。

    • 次の方法を使用して、新しいコンポーネントをページに追加します。

      • サイドパネルを開きます。
      • 「コンポーネント」タブ(コンポーネントブラウザー)を選択します。
      • 必要なコンポーネントをページにドラッグします。

      サイドパネルは、次のアイコンで開く(および閉じる)ことができます。

      サイドパネルを開きます

    • 次の操作を実行して、ページ上の既存のコンポーネントのコンテンツを編集します

      • いずれかをクリックしてコンポーネントツールバーを開きます。「編集」(鉛筆)アイコンを使用してダイアログを開きます。
      • 選択&ホールドするか、ゆっくりダブルクリックして、コンポーネント用のインプレースエディターを開きます。使用可能なアクションが表示されます(一部のコンポーネントでは、アクションが制限されます)。
      • 実行できるすべてのアクションを表示するには、次のアイコンを使用して全画面表示モードに切り替えます。

      全画面表示モード

    • 既存のコンポーネントのプロパティを設定します。

      • いずれかをクリックしてコンポーネントツールバーを開きます。設定(スパナ)アイコンを使用してダイアログを開きます。
    • 次のいずれかの方法でコンポーネントを移動します

      • 必要なコンポーネントを新しい場所にドラッグします。
      • いずれかをクリックしてコンポーネントツールバーを開きます。必要に応じて、「カット」アイコン、続いて「ペースト」アイコンを使用します。
    • コンポーネントをコピー(およびペースト)します。

      • いずれかをクリックしてコンポーネントツールバーを開きます。必要に応じて、「コピー」アイコン、続いて「ペースト」アイコンを使用します。
    note note
    NOTE
    同じページ、または別のページにコンポーネントを​ ペースト ​できます。切り取り/コピー操作を実行する前に開かれていたページに貼り付けるには、そのページを更新する必要があります。
    • コンポーネントを削除します。

      • クリックしてコンポーネントツールバーを開き、「削除」アイコンを使用します。
    • 次の操作を実行して、ページに注釈を追加します

      • 注釈 ​モード(吹き出しアイコン)を選択します。「注釈を追加」(プラス)アイコンを使用して注釈を追加します。右上の X を使用して注釈モードを終了します。

      注釈

    • ページのプレビュー(パブリッシュ環境での表示方法を確認するため)

      • ツールバーの「プレビュー」を選択します。
    • 編集 ​ドロップダウンセレクターを使用して、編集モードに戻ります(または別のモードを選択します)。

    note note
    NOTE
    コンテンツのリンクを使用して移動するには、プレビューモードを使用する必要があります。

ページプロパティの編集 editing-the-page-properties

ページプロパティを編集するには、(主に)以下の 2 つの方法があります。

ページの公開(または非公開) publishing-your-page-or-unpublishing

ページを公開する(および非公開にする)には、主に以下の 2 つの方法があります。

  • サイト ​コンソールから:

    1. 公開するページに移動します

    2. 次のいずれかで「クイック公開」アイコンをクリックします。

    screen_shot_2018-03-21at160957

  • ページの編集中に次の操作を実行します。

    1. ページ情報 ​メニューを開きます。
    2. ページを公開」を選択します。

    screen_shot_2018-03-21at161026

  • コンソールからページを非公開にする場合は、「公開を管理」オプションからのみ行うことができます。このオプションは、ツールバーでのみ使用できます(クイックアクションからは使用できません)。

    ページを非公開にする」オプションは、エディターの​ ページ情報 ​メニューから引き続き使用できます。

    screen_shot_2018-03-21at161059

    詳しくは、ページを公開を参照してください。

ページの移動、コピー、ペースト、削除 move-copy-and-paste-or-delete-your-page

これらのアクションはすべて、次の操作で実行できます。

  1. 移動、コピー、ペースト、または削除を行うページに移動します

  2. 必要に応じて、次のいずれかを使用して、コピー(続いて貼り付け)、移動または削除のアイコンを選択します。

    以降の操作は、アクションに応じて、次のようになります。

    • コピー:

      • 新しい場所に移動して、貼り付けます。
    • 移動:

      • ページの移動に必要な情報を収集するためのウィザードが開きます。画面の指示に従って操作します。
    • 削除:

      • このアクションの確認が求められます。
    note note
    NOTE
    削除は、クイックアクションでは使用できません。

ページのロック(およびロック解除) locking-your-page-then-unlocking

ページのロックによって、自分の作業中に他の作成者が作業するのを防ぐことができます。ロック(およびロック解除)アイコン/ボタンは次の場所にあります。

例えば、「ロック」アイコンは次のように表示されます。

screen_shot_2018-03-21at161124

ページ参照へのアクセス accessing-page-references

参照パネルでは、ページへの(またはページからの)参照に対するクイックアクセスを使用できます。

  1. ページ選択 ​の前または後に)ツールバーアイコンを使用して「参照」を選択します。

    screen_shot_2018-03-21at161210

    参照のタイプのリストが表示されます。

    screen-shot_2019-03-05at114412

  2. 必要なタイプの参照をクリックして詳細を表示し、(必要に応じて)その他のアクションを実行します。

ページのバージョンの作成 creating-a-version-of-your-page

ページのバージョンを作成するには:

  1. タイムラインレールを開くには、(ページ選択 ​の前または後に)ツールバーアイコンを使用して「タイムライン」を選択します。

    screen_shot_2018-03-21at161355

  2. 「タイムライン」列の右下にある上向き矢印をクリックし、その他のボタン(「バージョンとして保存」など)を表示します。

    screen-shot_2019-03-05at114600

  3. バージョンとして保存」を選択し、「作成」を選択します。

ページのバージョンの復元と比較 restoring-comparing-a-version-of-your-page

ページのバージョンの復元と比較では、使用する基本的なメカニズムは同じです。

  1. ページ選択 ​の前または後に)ツールバーアイコンを使用して「タイムライン」を選択します。

    screen_shot_2018-03-21at161355-1

    ページのバージョンが既に保存されている場合、そのバージョンがタイムラインに表示されます。

  2. 復元したいバージョンをクリックします。これにより、その他のアクションボタンが表示されます。

    • このバージョンに戻る

      • バージョンが復元されます。
    • 違いを表示

      • (2 つのバージョン間の)違いがハイライト表示されたページが開きます。
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2