Wix Studio エディタ：ソーシャルバーを追加・カスタマイズする
読了時間：4分
ソーシャルバーを使用して、訪問者にクライアントの SNS アカウントを探索するよう促します。ソーシャルバーには、追加したいプラットフォームのアイコンが表示され、該当するアカウントにリンクされます。アイコンのデザインを選択し、サイズと間隔を調整することもできます。
この記事では、以下の項目について説明します：
サイトにソーシャルバーを追加する
ページにソーシャルバーを追加し、訪問者の目にとまる位置に配置しましょう。たとえば、ソーシャルバーをサイトのヘッダーに表示して、全ページの最上部に表示させることができます。
ソーシャルバーを追加する方法：
- エディタ左側で「要素を追加」
をクリックします。 - 「埋め込み・SNS」をクリックします。
- 「ソーシャルバー」をクリックします。
- ソーシャルバーをページ上の希望の位置にドラッグします。
ソーシャルバーをカスタマイズする
ソーシャルバーにはデフォルトのアイコンが付属していますが、クライアントのニーズに合わせて完全にカスタマイズすることができます。アイコンの置き換え、新しいアイコンの追加、関連するソーシャルリンクの設定が可能です。不要なアイコンは削除することもできます。
ソーシャルバーをカスタマイズする方法：
- エディタでソーシャルバーをクリックします。
- 「ソーシャルリンクを設定」をクリックします。
- ソーシャルバーのカスタマイズ方法を選択します：
新しいアイコンを追加する
アイコンを変更する
SNS リンクを追加・変更する
をクリックします。
アイコンを削除する
をクリックして削除します。ソーシャルバーのレイアウトをカスタマイズする
ソーシャルバーのレイアウトと外観をカスタマイズします。アイコンのサイズを変更したり、アイコン間の間隔を調整したり、横・縦表示を選択します。
レイアウトをカスタマイズする方法：
- エディタでソーシャルバーをクリックします。
- 「レイアウト」アイコン
をクリックします。 - 以下のオプションを使用してレイアウトをカスタマイズします：
- アイコンサイズ：SNS アイコンのサイズを設定します。
- 間隔：SNS アイコン間の間隔を設定します。
- レイアウト：アイコンの方向を選択します。
アイコンを反転または回転させる場合：
- エディタでソーシャルバーをクリックします。
- エディタ右上で「要素設定パネルを開く」矢印アイコン
をクリックします。（要素設定パネルはすでに開いている場合もあります） - 「調整」をクリックし「回転」横で希望の角度（例：180度）を入力します。
お役に立ちましたか？
|