Wix エディタ:ソーシャルバーを追加・設定する

読了時間:4分
サイトにソーシャルバーを追加して、SNS プラットフォームに直接移動するアイコンやリンクを表示します。これにより、訪問者は SNS でコンテンツを共有またはフォローできるようになり、ソーシャルメディアの可視性とエンゲージメントが向上します。

リンクしたい SNS プラットフォームを選択し、サイトに最適なアイコンを選択できます。

ステップ 1 | ソーシャルバーを追加する

Wix では「追加」パネルから追加できるデフォルトのソーシャルバーを提供しています。追加後は、サイトに合わせてバーをカスタマイズできます。

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

  1. エディタ左側で「パーツを追加 をクリックします。
  2. ソーシャル」をクリックします。
  3. ソーシャルバー」をクリックします。
  4. ソーシャルバーをページにドラッグします。

ステップ 2 | ソーシャルバーのアイコンを選択する

ソーシャルバーには事前定義されたアイコンがあります。これらのアイコンは自由に追加、変更、削除、並び替えができます。

ソーシャルバーのアイコンを選択する方法:

  1. エディタでソーシャルバーをクリックします。
  2. ソーシャルリンクを設定」をクリックします。

ソーシャルメディアページにリンクを追加すると、訪問者がアイコンをクリックしたときに関連する SNS ページに移動します。

アイコンにリンクを追加する方法:

  1. エディタでソーシャルバーをクリックします。
  2. ソーシャルリンクを設定」をクリックします。
  3. 該当するアイコンをクリックします。
  4. 右側の「アイコンのリンク先」下の欄をクリックします。
  5. リストから「ウェブアドレス」を選択します。
  6. 関連する URL を入力します(ここで入力するURL は http://www.facebook.com/wix などのソーシャル URL です)。
  7. URL を新しいウィンドウで開くか、現在のウィンドウで開くかを選択します。
  8. 完了」をクリックします。
  9. アイコンごとに、手順 3 ~ 8 を繰り返します。

ステップ 4 | ソーシャルバーのレイアウトを変更する

ソーシャルバーをカスタマイズして好みの見た目に仕上げましょう。ページ上で縦または横に表示するよう選択したり、SNS アイコンのサイズと間隔を設定したりできます。

レイアウトを変更する方法:

  1. エディタでソーシャルバーをクリックします。
  2. レイアウト」アイコン  をクリックします。
  3. オプションを使用してレイアウトをカスタマイズします:
    • アイコンサイズ:アイコンのサイズを調整します。
    • 間隔:アイコン間の間隔を変更します。
    • レイアウト:ソーシャルバーのレイアウトを横表示または縦表示から選択します。
ソーシャルバーのレイアウトパネルを示すスクリーンショットです。カーソルが間隔設定をマウスオーバーしています。

お役に立ちましたか?

|