この要素を使用すると、FacebookやInstagramなどのソーシャルメディアプロフィールの浮動アイコンを添付できます。

1. ［設定］ 構成 > ソーシャル。
   

2. クリック ソーシャルプロファイル。
   

3. ここには、ストアにリンクできるすべてのソーシャルハンドルがあります。
   

4. ソーシャルハンドルへのリンクを貼り付けるには、アイコンをクリックしてください。
   

5. ドラッグアンドドロップで順番を変更できます。
   

6. クリックして保存。
   

特定のソーシャルプロフィールに追加されたリンクを削除するには、xをクリックしてください。後で新しいリンクを追加することもできます。

 

ストアにソーシャルプロフィールアイコンを追加する方法:

1. サイトビルダーに移動してください。
   

2. 表示したいソーシャルプロファイルの場所で要素を追加をクリックしてください。
   

        3. 要素に移動 >> ソーシャルプロファイル。有効にしているソーシャルプロファイルがここに表示されます。

5. ソーシャルアイコンをクリックして、ソーシャルハンドルへのリンクを追加し、サイトに表示します。

6. 保存をクリックしてください。
   

リンクを追加したソーシャルプロファイルは、サイトビルダーに表示されます。

トップバーのソーシャルプロファイルを有効にするトグルをクリックして、サイトの上部にソーシャルプロファイルパネルを表示します。

ソーシャルプロフィール要素をクリックしてカスタマイズします。

背景:

[Solid color]をクリックして、背景に異なる色を追加します。[Next]をクリックして、色コードから異なる色を選択します。

[Reset]をクリックして、デフォルト設定に戻します。

ボーダー：

ソーシャルアイコンのボーダーには、実線、破線、点線のいずれかを選択することができます。色コードに次へをクリックして、異なる色を選択してください。

• 全ての辺に均等なボーダーを有効にすると、ボーダーの厚さが均一になります。上下の矢印を使用して厚さを調整します。

• 全ての角に均等な半径を有効にすると、ボーダーの角に沿った厚さが均一になります。上下の矢印を使用して角の半径を調整します。
  

• デフォルト設定に戻すには、リセットをクリックしてください。
  

• 影の色を選択するには、カラーコードをクリックしてください。

• Social Iconsパネル内に影を内側に表示するには、Insetを有効にします。

• ボタンをクリックしてドラッグし、オフセットXをクリックすると、要素の幅に沿った影効果が得られます。

• ボタンをクリックしてドラッグし、Yオフセットを調整すると、要素の長さに沿った影効果が得られます。

• ボタンをクリックしてドラッグすると、ぼかしを適用して、要素の長さに沿った影効果を得ることができます。
  

• ボタンをクリックしてドラッグすると、Spreadを使用して、要素の長さと幅に沿った影の効果を制御できます。
  

• 要素内のコンポーネントを均等に配置するために、全ての側面に均等なパディングを有効にすることができます。また、下の矢印を使用して同じように調整することもできます。

• ボーダーに対して、要素の周りの要素間にスペースを作成するために、全ての側面に均等なマージンを有効にすることができます。また、下の矢印を使用してマージンの間隔を調整することもできます。
  

• デフォルトのスペーシング設定に戻すために、リセットをクリックしてください。
  

アニメーション：

• ソーシャルアイコンパネルをクリックし、要素にアニメーション効果を追加するためにアニメーションをクリックします。
  

• アニメーションタイプのリストからアニメーションの種類を選択します。
  

• アニメーションの期間を「アニメーション期間」ドロップダウンから選択します。
  

• アニメーションの効果をサイトで繰り返し再生するには、繰り返しアニメーションを有効にします。ブラウザで選択したアニメーション効果を表示するには、
  

• 選択したアニメーション効果を表示するには、プレビューアニメーションをクリックします。
  

CSSエディター：

• クラス名をカスタムクラス名セクションに入力してください。
  

• 同じものを編集するには、CSSエディタを開くこともできます。
  

デバイスで表示:

• この設定により、デスクトップ、タブレット、モバイルなど、異なるデバイスの画面サイズに対応したサイトコンテンツのサイズをカスタマイズできます。
  

• 各アイコンをクリックして、デバイスの選択と非選択を行います。
  

JavaScript イベント：

ソーシャルプロファイルパネルにJavaScriptイベントを添付することができます。JSイベントは、マウス、キーボード、またはフォームを介したページとの対話のインスタンスです。この特定の機能には、最小限のJavaScriptの知識が必要です。

 

JavaScriptイベントにアクセスするには：

1. カスタマイズしたい要素をクリックします。

2. 要素のプロパティボックス内のJavascript イベント[] アイコンをクリックします。
   

3. イベントが発生した際に適用する関数を指定します。
   

ホームページだけでなく、他のページでもソーシャルプロフィールのアイコンを表示することができます。他のページに移動し、そのページに要素を追加するだけです。