header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix エディタ:「トップへ戻る」ボタンを作成する

3分
「トップへ戻る」ボタンを使用して、訪問者がサイトの上部に簡単にスクロールできるようにしましょう。「トップへ戻る」ボタンはサイト上の固定位置にあるため、訪問者が下にスクロールしても常に表示されます。

ステップ 1 | ボタンを追加する

「トップへ戻る」ボタンは通常、訪問者にボタンがページの最上部に移動することを示す矢印です。豊富な種類の矢印のデザインから選択できます。

ボタンを追加する方法:

  1. エディタ左側で「パーツを追加 をクリックします。
  2. 装飾」をクリックします。
  3. 矢印」をクリックします。
  4. 矢印をサイトにドラッグします。
Wix エディタの[パーツを追加]パネルで、矢印オプションがハイライトされています
別のボタンを使用したい場合:
「トップへ戻る」ボタンには、ベクターアートやアイコンボタンなどの他のパーツを使用することもできます。

ボタンをページの上部にリンクして、訪問者がボタンをクリックしたときにサイトの一番上に誘導されるようにします。

ボタンをリンクする方法:

  1. エディタ内でボタンをクリックします。
  2. リンク」アイコン  をクリックします。
  3. ページトップ / ボトム」をクリックします。
  4. トップ」をクリックします。
  5. 完了」をクリックします。
リンクアイコンがハイライトされている「トップへ戻る」ボタンとそのツールバー

ステップ 3 | ボタンを画面に固定する

画面の横にボタンを固定して、サイト訪問者がサイトをスクロールダウンしても常に表示されるようにします。
「トップへ戻る」ボタンは通常、画面の右下に表示されます。

ボタンを画面に固定する方法:

  1. ボタンを右クリックします。
  2. 画面に固定」をクリックします。
  3. 表示位置」下のグリッドで位置をクリックします。
  4. (オプション)パーツを水平または垂直に移動するには、オフセットを設定します。
    • 横の位置」下でスライダーをドラッグさせるか、スライダー横の欄に値を入力し、パーツを横に移動させます。
    • 縦の位置」下でスライダーをドラッグさせるか、スライダー横の欄に値を入力し、パーツを縦に移動させます。
「画面に固定」パネルと「トップへ戻る」ボタン

ステップ 4 | ボタンを全ページに表示する

サイトのすべてのページと場所からボタンにアクセスできるようにします。

すべてのページにボタンを表示する方法:

  1. ボタンを右クリックします。
  2. 全ページに表示」トグルを有効にします。
右クリックメニューの横にある「トップへ戻る」ボタンで、トグルを有効にしてすべてのページで表示することができます。
モバイルサイトでの「トップへ戻る」ボタン:
モバイルサイトには「トップへ戻る」ボタンは表示されません。ただし、モバイルサイト用にデザインされたモバイルの「トップへ戻る」ボタンを追加することができます。