エクスペリエンスビルダーのドラッグアンドドロップコンポーネントの設定

1.インターフェースをコンポーネントに追加する

エクスペリエンスビルダーにドラッグアンドドロップコンポーネントとして表示するには、コンポーネントに forceCommunity:availableForAllPageTypes インターフェースを実装する必要があります。

Lightning コンポーネントを作成すると、そのコンポーネントは、組織のすべての Lightning コミュニティの [コンポーネント] パネルに表示されます。

2.デザインリソースをコンポーネントバンドルに追加する

デザインリソースは、エクスペリエンスビルダーで公開するコンポーネント属性を制御します。デザインリソースは .cmp リソースと同じフォルダに存在します。このリソースには、Lightning コンポーネントの設計時の動作 (ページまたはアプリケーションでコンポーネントを表示するためにビジュアルツールが必要とする情報) が記述されます。

たとえば、属性のデフォルト値を設定したり、システム��理者が Lightning コンポーネントの属性をエクスペリエンスビルダーで編集できるようにしたりするには、コンポーネントバンドルでデザインリソースが必要になります。

省略可能。SVG リソースをコンポーネントバンドルに追加する

コンポーネントのカスタムアイコンを定義するには、コンポーネントバンドルに SVG リソースを追加します。エクスペリエンスビルダーの [コンポーネント] パネル内のコンポーネントの横にアイコンが表示されます。

SVG リソースを含めないと、デフォルトのアイコン () が使用されます。

「Hello World」コンポーネントと一緒に表示するシンプルな赤い円の SVG リソースの例を次に示します。SVG リソースの名前は componentName.svg にする必要があります。

省略可能。CSS リソースをコンポーネントバンドルに追加する