コンポーネントへの動的コンテンツの追加

動的コンテンツはコンポーネントを柔軟かつ異なる文脈で再利用可能にします。テキスト、画像、動画、リンクは、CMSやデータベースなどのデータソースから入力可能ですが、データソースにAPIがあり、コンポーネントビルダーのデータ ソースライブラリに追加 されている必要があります。

コンポーネントは要素で構成されます。例えば、ボタン、カード、または他のコンポーネントなどです。

要素は表示に影響を与える1つ以上の属性を含みます。例えば、変数は属性Textによって定義されますが、イメージ要素はImage source、Caption、Alt textなどの複数の属性を持ちます。

各属性に対して、以下のオプションに従ってコンテンツを追加することができます:

• なし – 例えば、属性にコンテンツを追加しない、画像の Alt text を一切持たないことを選択できます。
• 静的 - 属性に特定のコンテンツを定義できます。例えば、画像の属性 Alt text にテキストを入力したり、 Background image 属性のためにコンピュータから画像をアップロードしたりできます。
• マッピング – 属性をテキスト、画像、または以前に追加されたデータソースからのリンクでマッピングすることも可能です。1つの要素内で動的コンテンツを複数回使用でき、異なるデータソースを使っても可能です。また、通常のテキストと変数(例えば Price: {price}USD や {author} の{category}を組み合わせることで、静的テキストと動的テキストを混ぜることも可能です。

マッピングされたデータを使用する場合、以下を選択できます:

• データツリーからのユニークな プロパティ です。そのプロパティは データソースが外部であればコンテンツアイテムです。しかし、 XMデータソースを使用している場合はテンプレートに対応し、まずコンポーネントをページビルダーに段階化し、ウェブページに挿入してテンプレートに合うコンテンツアイテムを割り当てる必要があります。
• オブジェクト (複数の プロパティを含む親フォルダ)は、オブジェクトに含まれるプロパティの数に応じて その要素を繰り返し たい場合に設定します。