Wix エディタ:ソーシャルバーを追加・設定する
読了時間:4分
サイトにソーシャルバーを追加して、SNS プラットフォームに直接移動するアイコンやリンクを表示します。これにより、訪問者は SNS でコンテンツを共有またはフォローできるようになり、ソーシャルメディアの可視性とエンゲージメントが向上します。
リンクしたい SNS プラットフォームを選択し、サイトに最適なアイコンを選択できます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/05/06/e4dc19d3-0875-43ce-b318-4e15b1ae78cd/29a27143-d045-4bea-ab74-3fa88dc8f537.png)
ステップ 1 | ソーシャルバーを追加する
Wix では「追加」パネルから追加できるデフォルトのソーシャルバーを提供しています。追加後は、サイトに合わせてバーをカスタマイズできます。
ソーシャルバーを追加する方法:
- エディタ左側で「パーツを追加」
をクリックします。
- 「ソーシャル」をクリックします。
- 「ソーシャルバー」をクリックします。
- ソーシャルバーをページにドラッグします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/02/16/aa5b4862-74bf-410b-b753-d4cbc9bb4df2/f1fe8ce7-fecc-4ed5-ba3a-1d1d3a2aa65b.png)
ステップ 2 | ソーシャルバーのアイコンを選択する
ソーシャルバーには事前定義されたアイコンがあります。これらのアイコンは自由に追加、変更、削除、並び替えができます。
ソーシャルバーのアイコンを選択する方法:
- エディタでソーシャルバーをクリックします。
- 「ソーシャルリンクを設定」をクリックします。
アイコンを追加する
アイコンを変更する
アイコンを削除する
アイコンを並べ替える
ステップ 3 | アイコンに SNS リンクを追加する
ソーシャルメディアページにリンクを追加すると、訪問者がアイコンをクリックしたときに関連する SNS ページに移動します。
アイコンにリンクを追加する方法:
- エディタでソーシャルバーをクリックします。
- 「ソーシャルリンクを設定」をクリックします。
- 該当するアイコンをクリックします。
- 右側の「アイコンのリンク先」下の欄をクリックします。
- リストから「ウェブアドレス」を選択します。
- 関連する URL を入力します(ここで入力するURL は http://www.facebook.com/wix などのソーシャル URL です)。
- URL を新しいウィンドウで開くか、現在のウィンドウで開くかを選択します。
- 「完了」をクリックします。
- アイコンごとに、手順 3 ~ 8 を繰り返します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/02/16/36b05fe6-d442-4c52-885a-9a7e907b411a/f6e4fdac-b164-4589-922a-c5a0beea94eb.png)
ステップ 4 | ソーシャルバーのレイアウトを変更する
ソーシャルバーをカスタマイズして好みの見た目に仕上げましょう。ページ上で縦または横に表示するよう選択したり、SNS アイコンのサイズと間隔を設定したりできます。
レイアウトを変更する方法:
- エディタでソーシャルバーをクリックします。
- 「レイアウト」アイコン
をクリックします。
- オプションを使用してレイアウトをカスタマイズします:
- アイコンサイズ:アイコンのサイズを調整します。
- 間隔:アイコン間の間隔を変更します。
- レイアウト:ソーシャルバーのレイアウトを横表示または縦表示から選択します。
![ソーシャルバーのレイアウトパネルを示すスクリーンショットです。カーソルが間隔設定をマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/02/16/b05590b7-d492-47f9-b2b1-ce28fad44b88/9bd51763-d50e-4910-bf94-9ae3ae098232.png)