Wix エディタ：モバイルサイトに「トップへ戻る」ボタンを追加・カスタマイズする | サポートセンター

Wix の使用方法を学び、サイトとビジネスを構築する。

直感的な Wix 機能でサイトをデザインして管理する。

定期購入、プラン、請求を管理する。

ビジネスを運営し、サイト会員とつながる。

ドメインの購入、サイトへの接続と移管方法を学ぶ。

ビジネスとウェブプレゼンスを成長させるツールを入手する。

SEO とマーケティングツールで知名度を上げる。

より効率的な作業を支援する高度な機能を利用する。

解決策や既知の問題について確認し、問い合わせる。

コースとチュートリアルでスキルを習得する。

ウェブデザインやマーケティングなどのヒントを得る。

検索エンジンからのトラフィックを増やす方法について学ぶ。

フルスタックプラットフォームでカスタムサイトを構築する。

あなたの目標達成をサポートするエキスパートを見つけましょう。

Wix エディタ：モバイルサイトに「トップへ戻る」ボタンを追加・カスタマイズする

3分

「トップへ戻る」ボタンを追加して、モバイル訪問者がサイトの上部にすばやく移動できるようにしましょう。アイコンは好みに合わせて変更したり、さらにカスタマイズして、訪問者が目を引くようにすることができます。

この記事では、次の項目について説明します：

まずは、モバイルエディタの「モバイルツール」パネルからボタンを追加します。

注意：

「トップへ戻る」ボタンは、標準レイアウトで、長さが 1380 ピクセル以上のページ（短いページではない）にのみ表示されます。

ご存知でしたか？

デスクトップサイト用に「トップへ戻る」ボタンを作成することができます。

ボタンのアイコンを選択します。プリセットから選択するか、独自のものをアップロードし、サイトの見た目に合わせてデザインをさらにカスタマイズすることができます。

モバイルエディタにアクセスします。
ボタンをクリックします。
「アイコンを変更」をクリックします。
実行する内容を選択します：
- プリセットアイコンを選択します。
- 「追加」アイコンをクリックして、自身が所有するベクターアート画像をアップロードするか、1000種類以上のベクターアート画像から選択します。
（オプション）「デザインをカスタマイズ」をクリックして、希望の外観にします：
- 塗りつぶし色：色を選択し、不透明度を調整します。
- 影：ボタンに影を追加して調整して、3D 効果を出します。

モバイルサイトの配置に合わせてボタンの位置と余白を変更します。

モバイルエディタにアクセスします。
ボタンをクリックします。
「レイアウト」アイコンをクリックします。
次のオプションを使用してレイアウトを調整します：
- ボタン配置：ボタンをサイトの左または右に揃えます。
- 余白：スライダーを使用して、ボタンの周りの余白を調整します。

この記事では下記を説明します：