コンポーネントの設定

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

注記

このトピックでは、以前にContent Editorで構築されたコンポーネントの設定方法について説明します。代わりにComponentsで構築されたコンポーネントについて知りたい方は、Componentsのドキュメントをご覧ください。

ページビルダーエディターモードのComponentsタブでは、コンポーネントにアクセスしてページのレイアウトの構成要素として利用できます。これらのコンポーネントには複数のオリジンがあり、このセクションでは、ページビルダーエディターの右側ペインにある設定を使って、Content Editorで構築されたコンポーネントをどのように設定するかを説明します。

注記

Componentsでプロトタイプされ、Page Builderで利用可能になるよう登録されたコンポーネントについては、Component builderのドキュメントで設定やスタイルの付け方を学びましょう。

Formsで組み込まれたコンポーネントについては、Formsのドキュメントで設定方法を学びましょう。

もし組織がMarketplaceアプリを通じてカスタムフィールドを実装している場合、これらのフィールドのドキュメントはアプリの開発者によって提供されており、通常はMarketplaceインターフェースから直接アクセスできます。

ほとんどのコードコンポーネントは再利用性を重視し、データソースの項目や関連コンテンツからデータを取得します。表示されるコンテンツは表示されるページに縛られず、データソースの項目に保存されます。ページにコンポーネントを追加する際、既存のデータソースを選択したり、新しいデータソース項目を作成したりできます。これにより、コンテンツのアーキテクチャ、命名規則、再利用のレベルを完全にコントロールできます。

注記

コンポーネントへのコンテンツ割り当てについて詳しくは、「 ページへのコンテンツ追加」をご覧ください。

コンポーネントにデータソースを割り当てるだけでなく、Designタブを使ってレイアウトやスタイリングの設定、または異なるバリアントやレンダリングを選択することでコンポーネントの外観を変更できます。

The variant drop down in the Design tab of the right-hand configuration panel
注記

コンポーネントおよびそのバリエーションについて詳しく知りたい方は 、「コードコンポーネントの扱い方」をご覧ください。

コンポーネントの設計を設定するには:

  1. ページビルダーで該当ページを開き、編集したいコンポーネントをクリックします。

  2. 右側のペインでDesignをクリックします。パネルの上部で、部品に使いたい バリアント を選択できます。バリアントはコンポーネントを違う見た目にしたり、異なるコンテンツを表示させたりします。

  3. LayoutStylingAdvanced stylingの各セクションを展開すると、設定オプションにアクセスできます。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、