Wix Studio エディタ:ソーシャルバーを追加・カスタマイズする

読了時間:4分
ソーシャルバーを使用して、訪問者にクライアントの SNS アカウントを探索するよう促します。ソーシャルバーには、追加したいプラットフォームのアイコンが表示され、該当するアカウントにリンクされます。アイコンのデザインを選択し、サイズと間隔を調整することもできます。
この記事では、以下の項目について説明します:

サイトにソーシャルバーを追加する

ページにソーシャルバーを追加し、訪問者の目にとまる位置に配置しましょう。たとえば、ソーシャルバーをサイトのヘッダーに表示して、全ページの最上部に表示させることができます。

ソーシャルバーを追加する方法:

  1. エディタ左側で「要素を追加 をクリックします。
  2. 埋め込み・SNS」をクリックします。
  3. ソーシャルバー」をクリックします。
  4. ソーシャルバーをページ上の希望の位置にドラッグします。
ソーシャルバーパネルのスクリーンショット。

ソーシャルバーをカスタマイズする

ソーシャルバーにはデフォルトのアイコンが付属していますが、クライアントのニーズに合わせて完全にカスタマイズすることができます。アイコンの置き換え、新しいアイコンの追加、関連するソーシャルリンクの設定が可能です。不要なアイコンは削除することもできます。

ソーシャルバーをカスタマイズする方法:

  1. エディタでソーシャルバーをクリックします。
  2. ソーシャルリンクを設定」をクリックします。
  3. ソーシャルバーのカスタマイズ方法を選択します:

ソーシャルバーのレイアウトをカスタマイズする

ソーシャルバーのレイアウトと外観をカスタマイズします。アイコンのサイズを変更したり、アイコン間の間隔を調整したり、横・縦表示を選択します。

レイアウトをカスタマイズする方法:

  1. エディタでソーシャルバーをクリックします。
  2. レイアウト」アイコン  をクリックします。
  3. 以下のオプションを使用してレイアウトをカスタマイズします:
    • アイコンサイズ:SNS アイコンのサイズを設定します。
    • 間隔:SNS アイコン間の間隔を設定します。
    • レイアウト:アイコンの方向を選択します。
ソーシャルバーのレイアウトパネルのスクリーンショット。
アイコンを反転または回転させる場合:
  1. エディタでソーシャルバーをクリックします。
  2. エディタ右上で「要素設定パネルを開く」矢印アイコン  をクリックします。(要素設定パネルはすでに開いている場合もあります)
  3. 調整」をクリックし「回転」横で希望の角度(例:180度)を入力します。
要素設定パネルの「調整」ドロップダウンのスクリーンショット。

お役に立ちましたか?

|