現在表示中:

AEM インスタンスを標準インストールすると、各種のコンポーネントをコンポーネントブラウザーですぐに使用できます。

これらに加えて、その他の様々なコンポーネントも使用できます。このようなコンポーネントを有効または無効にするには、デザインモードを使用します。コンポーネントを有効にしてページに配置したら、デザインモードを使用して属性パラメーターを編集することでコンポーネントデザインの様々な要素を設定できます。

注意:

これらのコンポーネントを編集する際は慎重に行う必要があります。デザイン設定は、多くの場合 Web サイト全体のデザインの重要な一部であり、適切な権限および経験を持つユーザー(管理者または開発者など)のみが変更する必要があります。詳しくは、コンポーネントの開発を参照してください。

注意:

デザインモードは静的テンプレートでのみ使用できます。編集可能なテンプレートで作成されたテンプレートは、テンプレートエディターを使用して編集する必要があります。

実際のこの処理には、ページの段落システムで許可されているコンポーネントの追加または削除が含まれます。段落システム自体(parsys)は、他のすべての段落コンポーネントを格納する複合コンポーネントです。段落システムには他のすべての段落コンポーネントが格納されるので、作成者は段落システムを使用して様々なタイプのコンポーネントをページに追加できます。それぞれの段落タイプは、コンポーネントとして表されます。

例えば、商品ページのコンテンツに次の項目を保持する段落システムを含めることができます。

  • 商品の画像(画像またはテキスト画像の段落として)
  • 商品の説明(テキスト段落として)
  • 技術データを含むテーブル(テーブル段落として)
  • ユーザー入力フォーム(フォーム開始、フォーム要素、フォーム終了の段落として)

注意:

parsys について詳しくは、コンポーネントの開発およびテンプレートとコンポーネントの使用に関するガイドラインを参照してください。

コンポーネントの有効化または無効化

コンポーネントを有効化または無効化するには、次の手順を行います。

  1. デザインモードを選択します。

    chlimage_1
  2. コンポーネントをタップまたはクリックします。選択すると、コンポーネントに青い枠線が表示されます。

    chlimage_1
  3. アイコンをクリックまたはタップします。

    chlimage_1

    これで、現在のコンポーネントを格納する段落システムが選択されます。

  4. 段落システムの設定アイコンが親のアクションバーに表示されます。

    chlimage_1

    このアイコンを選択してダイアログを表示します。

  5. このダイアログを使用して、現在のページの編集時にコンポーネントブラウザーで利用できるコンポーネントを定義します。

    chlimage_1

    このダイアログにはタブが 2 つあります。

    • 許可されたコンポーネント
    • 設定

    許可されたコンポーネント

    許可されたコンポーネント」タブで、parsys で使用できるコンポーネントを定義します。

    • コンポーネントはコンポーネントグループでグループ化され、展開する、または折りたたむことができます。
    • グループ名にチェックマークを付けることでグループ全体を選択でき、またチェックマークを外すことですべて選択解除できます。
    • マイナス記号はグループの中のすべてではなく少なくとも 1 つが選択されることを示します。
    • 名前でコンポーネントをフィルターするために、検索を使用できます。
    • コンポーネントグループ名の右側に示されるカウントは、フィルターに関係なく、そのグループで選択されているコンポーネントの総数を表します。

    ページコンポーネントごとに設定を定義します。子ページで同じテンプレートまたは(通常は整列された)ページコンポーネントを使用すると、対応する段落システムに同じ設定が適用されます。

    注意:

    アダプティブフォームコンポーネントは、アダプティブフォームコンテナ内で動作してフォームエコシステムを活用するように設計されています。このため、これらのコンポーネントはアダプティブフォームエディターでのみ使用する必要があり、サイトページエディターでは機能しません。

    設定

    設定」タブでは、追加のオプションを定義できます(各コンポーネントへのアンカーの描画、各コンテナのセル内の余白の定義など)。

  6. 完了」を選択して設定を保存します。

コンポーネントのデザインの設定

  1. デザインモードを選択します。

    chlimage_1
  2. 青いボーダー付きのコンポーネントをタップまたはクリックします。この例では画像コンポーネントを選択します。

    chlimage_1
  3. ダイアログを開くには、設定アイコンを使用します。

    chlimage_1

    デザインダイアログでは、使用可能なデザインパラメーターに従ってコンポーネントを設定できます。

    chlimage_1

    このダイアログにはタブが 2 つあります。

    • プロパティ
    • 機能

    プロパティ

    プロパティ」タブを使用すると、コンポーネントの重要なデザインパラメーターを設定できます。画像コンポーネントの例では、画像の許可される最大サイズと最小サイズを定義できます。

    機能

    機能」タブを使用すると、コンポーネントの追加の機能を有効または無効にできます。例えば、画像コンポーネントの場合は、画像の向き、使用可能な切り抜きオプション、および画像をアップロードできるかどうかを定義できます。

    chlimage_1

    追加」ボタンを使用すると、追加のエントリを複数エントリのダイアログリストに追加できます。

    chlimage_1

    複数エントリのダイアログリストからエントリを削除するには、削除アイコンを使用します。

    chlimage_1

    複数エントリのダイアログリストのエントリの順序を並べ替えるには、移動アイコンを使用します。

    chlimage_1
  4. ダイアログを保存して閉じるには、完了アイコンをクリックまたはタップします。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー