デザインモードでのデフォルトのコンポーネントの設定 configuring-components-in-design-mode
AEM インスタンスを標準インストールすると、各種のコンポーネントをコンポーネントブラウザーですぐに使用できます。
加えて、これら以外の様々なコンポーネントも使用できます。このようなコンポーネントを有効または無効にするには、デザインモードを使用します。コンポーネントを有効にしてページに配置したら、デザインモードを使用して属性パラメーターを編集することでコンポーネントデザインの様々な要素を設定できます。
/etc
の下に)コンテンツとして格納されたデザイン設定にのみ使用できます。/apps
の下に格納することをお勧めします。/apps
の下に格納されたデザインは実行時には編集できず、管理者でなければそうしたテンプレートのユーザーはデザインモードを使用できません。これには、ページの段落システムで許可されたコンポーネントの追加または削除が含まれます。段落システム(parsys
)は、他のすべての段落コンポーネントを含む複合コンポーネントです。段落システムを使用すると、作成者は異なるタイプのコンポーネントを、他のすべての段落コンポーネントを含むページに追加できます。各段落タイプは、コンポーネントとして表されます。
例えば、製品ページのコンテンツには、次の情報を含む段落システムを含めることができます。
- 製品の画像(画像または textimage 段落の形式)
- 製品の説明(テキスト段落として)
- 技術データを含むテーブル(表の段落として)
- ユーザー入力フォーム(フォーム開始、フォーム要素、フォーム終了の段落として)
コンポーネントを有効/無効にする enable-disable-components
コンポーネントを有効化または無効化するには、次の手順を行います。
-
デザイン モードを選択します。
-
コンポーネントをクリックします。選択すると、コンポーネントに青い境界線が表示されます。
-
「親」アイコンをクリックします。
これにより、現在のコンポーネントを格納する段落システムを選択します。
-
段落システムの「設定」アイコンが親のアクションバーに表示されます。
このアイコンを選択してダイアログを表示します。
-
このダイアログを使用して、現在のページの編集時にコンポーネントブラウザーで利用できるコンポーネントを定義します。
このダイアログにはタブが 2 つあります。
- 許可されたコンポーネント
- 設定
許可されたコンポーネント
「許可されたコンポーネント」タブで、parsys で使用できるコンポーネントを定義します。
- コンポーネントはコンポーネントグループでグループ化され、展開する、または折りたたむことができます。
- グループ全体を選択するにはグループ名をチェックし、すべてを選択解除するにはチェックをオフにします。
- マイナス記号は、グループのすべてではなく少なくとも 1 つの項目が選択されていることを表します。
- 名前でコンポーネントをフィルターするために、検索を使用できます。
- コンポーネントグループ名の右側に一覧されるカウントは、フィルターにかかわらずそれらのグループの中の選択されたコンポーネントの合計数を示します。
ページコンポーネントごとに設定を定義します。子ページで同じテンプレートまたは(通常は整列された)ページコンポーネントを使用すると、対応する段落システムに同じ設定が適用されます。
note note NOTE アダプティブフォームコンポーネントは、アダプティブフォームコンテナ内で動作してフォームエコシステムを使用するように設計されています。このため、これらのコンポーネントはアダプティブフォームエディターでのみ使用する必要があり、サイトページエディターでは機能しません。 設定
「設定」タブでは、追加のオプションを定義できます(各コンポーネントへのアンカーの描画、各コンテナのセル内の余白の定義など)。
-
「完了」を選択して設定を保存します。
コンポーネントのデザインの設定 configuring-the-design-of-a-component
-
デザイン モードを選択します。
-
青い境界線のあるコンポーネントをクリックします。この例では、ヒーロー画像コンポーネントを選択します。
-
ダイアログを開くには、「設定」アイコンを使用します。
デザインダイアログでは、使用可能なデザインパラメーターに従ってコンポーネントを設定できます。
ダイアログには次の 3 つのタブがあります。
- メイン
- 機能
- スタイル
プロパティ
「プロパティ」タブを使用すると、コンポーネントの重要なデザインパラメーターを設定できます。画像コンポーネントの例では、画像の許可される最大サイズと最小サイズを定義できます。
機能
「機能」タブを使用すると、コンポーネントの追加の機能を有効または無効にできます。例えば、画像コンポーネントの場合は、画像の向き、使用可能な切り抜きオプション、および画像をアップロードできるかどうかを定義できます。
スタイル
「スタイル」タブを使用すると、CSS クラスおよびスタイルを定義して、コンポーネントで使用できます。
「追加」ボタンを使用すると、追加のエントリを複数エントリのダイアログリストに追加できます。
複数エントリのダイアログリストからエントリを削除するには、削除 アイコンを使用します。
複数エントリのダイアログリストのエントリの順序を並べ替えるには、移動 アイコンを使用します。
-
ダイアログを保存して閉じるには、完了 アイコンをクリックします。