AX - 引用
概要
AX - 引用 Experience Cloud のコンポーネントで、Experience Sites ページ上に引用、証言、または強調テキストを視覚的に区別された形式で表示します。
顧客の推薦文を紹介したり、重要な注記を表示したり、ポリシー声明を示したり、通常のコンテンツから目立たせたい重要情報を強調したりするために使用します。カスタム書式、アイコン、帰属情報を使って、ポータルのデザインに合わせてスタイル設定できます。
顧客成功事例、注目の推薦文、重要なお知らせ、利用規約の要点、またはポータル内で視覚的な強調が必要な任意のテキストコンテンツに最適です。
設定
プロパティ
バリアント 引用ブロックの定義済みスタイルを選択します。引用コンテンツの文脈や重要度を最もよく表すものを選んでください。
タイトル 引用ブロックのタイトルを設定します。引用コンテンツを導入または分類する短いタイトルを入力してください。
コンテンツ 引用ブロックの実際のテキスト、つまり表示したい引用文や強調情報を定義します。
アイコン名 引用ブロックに添えるアイコンを選択し、その内容を視覚的に補強したり文脈を与えたりします。 アイコンサイズ テキストおよび全体のデザインとの視覚的な調和のために、アイコンのサイズを定義します。
スタイリング
引用ブロックの外側の余白を調整します。
引用ブロックの内側の余白を調整します。
引用ブロックのサイズ(高さ / 幅 / オーバーフロー)を調整します。
タイトルテキストの外観をカスタマイズします。これらのプロパティを調整して、タイトルが目立ち、意図した視覚的階層とスタイルに合うようにします。
色 / フォントサイズ / フォントスタイル / フォントウェイト: タイトルテキストのスタイルを設定します。
引用ブロックの背景色を設定します。テキストが読みやすく、引用ブロック全体のデザインと調和する背景色を選択してください。
色: 背景色を設定します。
引用ブロックの枠線をカスタマイズします。枠線のプロパティを調整して、ページ上での引用ブロックの存在感と視認性を高めます。
色 / サイズ / スタイル / 半径: 枠線を調整します。
左枠線の色 / サイズ / スタイル: 左側のアクセント枠線を調整します。
さまざまな色のオプションでアイコンの外観をカスタマイズします。これらのプロパティを変更して、アイコンが引用ブロックを視覚的に補完し、テキスト内容を圧倒しないようにします。
背景色 / 前景色: アイコンの色を設定します。
最終更新
役に立ちましたか?

