コンポーネントへの動的コンテンツの追加
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
動的コンテンツは、コンポーネントを柔軟かつ異なる文脈で再利用可能にします。テキスト、画像、動画、リンクは、CMSやデータベースなどのデータソースから入力できますが、データソースにAPIがあり、ComponentビルダーのData Sourceライブラリに追加 されている必要があります。
Componentsは要素で構成されます。例えば、Button、Card、または他のComponentなどです。
要素は1つ以上の属性を持ち、それが表示に影響を与える。例えば、Variableは属性Textによって定義されますが、Image要素はImage source、Caption、Alt textなどの複数の属性を持ちます。
各属性に対して、以下のオプションに従ってコンテンツを追加することができます:
-
None – 属性にコンテンツを追加しない、例えばImageのAlt textを持たない選択が可能です。
-
Static - 属性に特定のコンテンツを定義できます。例えば、Imageの属性Alt textにテキストを入力したり、Background image属性のためにコンピュータから画像をアップロードしたりできます。
-
Mapped – 属性をテキスト、画像、または以前に環境に追加したデータソースからのリンクでマッピングすることを選択できます。同じ要素内で動的コンテンツを複数回使うことも可能です。たとえ異なるデータソースを使ってもです。また、通常のテキストとPrice: {price}USDやBy {author} in {category}などの変数を組み合わせることで、静的テキストと動的テキストを1つのテキスト要素内で混同することも可能です。
マッピングされたデータを使用する場合、以下を選択できます:
-
データツリーからのユニークなpropertyです。そのプロパティは 、データソースが外部であればコンテンツ項目となります。ただし、XMデータソースを使用している場合はテンプレートに対応し、まずコンポーネントをページビルダーに段階化し、ウェブページに挿入してテンプレートに合うコンテンツ項目を割り当てる必要があります。
-
オブジェクトに含まれるプロパティの数に応じて要素を繰り返したいときのobject(複数のプロパティを含む親フォルダ)です。