AX - ソーシャルリンク

ソーシャルメディアのプロフィールへのリンクを、スタイル付きのアイコンまたはボタンとして表示します。各リンクには、それぞれ独自のプラットフォーム、色、およびリンク先があります。

概要

AX - ソーシャルリンク は、Experience Sites ページ上で、ソーシャルメディアのプロフィールへのリンクをスタイル付きアイコンの行またはグリッドとして表示する Experience Cloud コンポーネントです。

LinkedIn、X、Instagram、YouTube などのプラットフォーム上のあなたの存在へポータルユーザーをつなぐために使用します。各リンクは、プラットフォームの種類、カスタムカラー、カスタムアイコンまたは画像、および任意の新しいタブへのリンク先をサポートします。Experience Builder で、コードなしでリンク、レイアウト、スタイルを設定できます。

サイトのフッター、「お問い合わせはこちら」セクション、プロフィールページ、またはソーシャルメディアリンクを表示したいあらゆる場所に最適です。

設定

プロパティ

バリアント 各リンクの形状とスタイルを設定します: デフォルト, 正方形, 円形、または 枠付きアイコン.

サイズ アイコンサイズを設定します: 極小, 小, 中、または 大.

レイアウト属性 リンクの配置方法を制御します。コンテナのブレークポイント（最小、小、中、大の各コンテナ）ごとの列数、レイアウトタイプ、およびリンク間の行間と列間のスペースを指定します。

項目 ソーシャルリンク自体を定義します。各項目には次のものがあります:

• タイプ — プラットフォーム（LinkedIn, X, Facebook, Instagram, YouTube, TikTok, WhatsApp、その他多数、または その他 （カスタムリンク用）。
• ラベル — リンクのアクセシブルラベル。
• Href — リンク先の URL。 新しいタブで開く でリンク先を制御します。
• 色 / ホバー時の色 と 背景色 / ホバー時の背景色 — デフォルト状態とホバー状態のアイコン色と背景色。
• カスタムアイコン / 画像ソース — 内蔵のプラットフォームアイコンの代わりに使用するカスタムアイコンまたは画像。

スタイリング

プロパティエディターで、各項目の 色, 背景色と、そのホバーバリアント（上記参照）を使用してリンクをスタイル設定し、さらに 項目 設定と組み合わせます。 バリアント と サイズ 設定を