コンテナー

概要

Avonni Container コンポーネントは、コンテンツのための視覚的に魅力的な基盤を提供します。洗練されたカード風の外観、ボックスレイアウト、あるいはより標準的な表示を目指す場合でも、このコンポーネントは簡単に適応します。

🎥 チュートリアル

名前
説明

インタラクティブな「詳細を見る」ボタンを備えた製品を表示する動的なグリッドレイアウトの作り方を学びます。

Avonni Container でサイトの可能性を最大化する

あらゆるニーズに対応する多用途なデザインオプション

Avonni Container コンポーネントは、カード、ボックス、標準といった多彩なスタイルバリアントを備えており、それぞれが異なるコンテンツニーズに対応するよう設計されています。

  • その カード バリアントは、口コミや推薦など目を引くセクションに最適で、コンテンツに華やかさを加えます。

  • その ボックス バリアントは、製品や主要な機能を強調して際立たせる際に輝きます。

  • その 標準 バリアントは、より従来型のコンテンツに対してクリーンで統一感のある外観を提供し、サイト全体の調和を保ちます。

サイトを引き立てる動的なビジュアル

Avonni Container を使えば、ユニークな背景画像でさまざまなセクションに命を吹き込めます。例えば「会社概要」セクションに活気のあるチーム写真を追加したり、サステナビリティの話題に穏やかな風景を用いたりすることが想像できます。こうした動的なビジュアルは美観を高め、ブランドのストーリーをより効果的に伝えるのに役立ちます。

読みやすさとスタイルの両立

カラフルな背景や要素の多い背景に対してコンテンツを際立たせることはウェブデザインで重要です。Avonni Container はオーバーレイカラーを使用してこの課題に対処します。例えば、華やかな背景に暗めのオーバーレイを重ねてイベント情報を際立たせたり、控えめな色合いでコンテンツに奥行きを与えつつ読みやすさを保ったりできます。

プレゼンテーションの完全な制御

Avonni Container は各セクションのサイズ、背景、ボーダーに対して広範な制御を提供します。これによりコンテンツが占めるスペースを微調整したり、テーマに合わせて背景色や画像を調整したり、追加の定義のためにボーダー設定を変更したりできます。これらの要素はページの視覚構造を向上させる上で重要な役割を果たします。

多様なオーディエンスへの適応性

今日のデジタル環境では、さまざまなオーディエンスのニーズに対応することが鍵です。Avonni Container はこの適応性を念頭に設計されています。パートナーポータルのニュースセクションにカードスタイルを使用したり、顧客ハブで特別オファーを強調するためにボックススタイルを使用したりする場合でも、このコンポーネントはコンテンツが見られ、オーディエンスに共感を呼ぶようにします。

まとめ

Avonni Container コンポーネントは単なるツール以上のものであり、Experience Cloud を使用する際の創造性のキャンバスであり、多様なウェブデザインの課題に対するソリューションです。その多用途性、動的なビジュアル機能、可読性の向上、および適応可能なコンテンツ表示オプションは、あらゆる Salesforce Experience Cloud サイトにとって不可欠な存在です。惹きつけること、情報を伝えること、関与を促すことを目指す場合でも、Avonni Container はスタイルと効率を兼ね備えてそれを可能にします。

設定

名前
説明
使用法

バリアント

コンテナ全体の外観を定義するスタイルバリアントを選択します。 詳細を見る

コンテンツの提示をシンプルにするか、ボックス化するか、カード風にするか、デザインのビジョンに合ったバリアントを選択してください。

背景画像

コンテナの背景画像を設定します。

コンテナの視覚的魅力を高め、伝えたいムードやテーマに寄与する画像をアップロードするか、URL を指定してください。

オーバーレイカラー

背景画像の上にカラーオーバーレイを適用します。

背景画像の上に微妙に重ねる色を選び、コンテナ内のコンテンツの視認性と読みやすさを維持します。

最終更新

役に立ちましたか?