👋ようこそ

Experience Cloudサイト向けの40を超えるコンポーネント: ブランド化されたレイアウト、データコンポーネント、インタラクションを、あなたの組織に所属していない人々のために提供します。

コンポーネントをインストールクイックスタート AIで構築

ここから始める

3ページを順番に進めると、サイトページ上でAvonniコンポーネントが動作します。

クイックスタートガイド

Experience Siteページに最初のAvonniコンポーネントを、最初から最後まで追加します。

基本を学ぶ

スロット、コンテナ、そしてサイトページ上でコンポーネントが配置される方法。

データソース

コンポーネントをクエリ、CMSコレクション、または手動リストに接続すると、レコードが表示されます。

作れるもの

Experience Builderでページに配置し、データに接続できる44のコンポーネント。以下にそのうち6つを、実際のサイトで撮影した写真付きで紹介します。

データテーブル

レコードの並べ替え、フィルタリング、検索、セルのインライン編集、各行に添付されたファイルの表示ができます。ここでは、パートナーの未処理注文とその発注書を表示しています。

ギャラリー

レコードをカードのグリッドとして配置し、各カードに画像、タイトル、選択した詳細を表示します。ここでは、会員が予約できるコースです。

タイムライン

起こったことと今後の予定を月ごとにまとめ、各ステップに専用のアイコンと日付を表示します。ここでは、顧客の導入状況を示しています。

地図

住所からレコードをGoogleまたはLeaflet上にプロットし、各ピンに選択した詳細を表示します。ここでは、パートナーの注文の行き先を示しています。

カレンダー

リソース、部屋、または人ごとに、予約状況を1週間または1か月表示します。ここでは、提供中のコースと各コースの開催場所を示しています。

指標

ページ上部に重要な数値を、専用の書式と各項目の下に文脈を添えて表示します。ここでは、パートナーの未処理注文です。

すべてのコンポーネントを表示

コンポーネントは AuraサイトとLWRサイトで動作します。Auraサイトでは、スロットは利用できません。

パレットの色でコンポーネントを区別する方法

コンテンツコンポーネント（緑のアイコン） メッセージを表示します。テキスト、メディア、それらを囲むブロックです。
レイアウトコンポーネント（青のアイコン） ページの構造を定義し、機能性と見た目が連携するようにします。
データコンポーネント（紫のアイコン） データを表示し、操作します。
その他のコンポーネント（赤のアイコン） 上記3つに当てはまらない特殊なケースをカバーします。

AIアシスタントで構築する

作りたいページを自然な言葉で説明してください。アシスタントがAvonni MCPサーバーを通じて実際のコンポーネントカタログを参照し、構築します。

セットアップ

Avonni Skillsをインストールし、MCPサーバーを一度だけアシスタントに接続します。

プロンプトライブラリ

目的別に整理されたコピペ用プロンプト。単一ブロックからページ全体まで対応します。

制限事項とFAQ

サーバーとSkillsで対応していない内容、および一般的なセットアップ問題の解決方法です。

構築例を見る

実際の組織で最初から最後まで構築されたプロジェクト。各プロジェクトのスクリーンショットと設定も確認できます。上記のサイトはその最初のプロジェクトからのものです。

ポータルとパートナーサイト

組織外の人向けのExperienceサイトページ。フローも含まれます。

より充実したレコードページ

レコードページ自体に表示されるパネル、タイムライン、カタログ、スレッド。

ボードとパイプライン

カンバンボード、配車タイムライン、ライブウォール。ドラッグ操作が実際の更新になります。

続ける

ライセンス管理

ライセンスと権限セットを割り当て、誰が保有しているかを確認できます。

リアクティブコンポーネント

1つのコンポーネントで別のコンポーネントをフィルタリングし、途中にコードは不要です。

チュートリアル

よく質問されるコンポーネントの手順付きレシピ。

サポートに連絡

サポートが必要なときにチームへ連絡する方法です。

バグを報告

こちらで問題を再現できるように送っていただきたい情報です。

セキュリティ

項目レベルセキュリティ、共有ルール、そしてパッケージがアクセスできる範囲。

直接ご連絡いただく場合は、メールで [email protected].

最終更新 2 か月前

役に立ちましたか？