header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • 「トップへ戻る」ボタンを追加する
  • 「トップへ戻る」ボタンをカスタマイズする
  • 「トップへ戻る」ボタンのレイアウトを変更する

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

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

「トップへ戻る」ボタンを追加する

まずは、モバイルエディタの「モバイルツール」パネルからボタンを追加します。
注意:
「トップへ戻る」ボタンは、標準レイアウトで、長さが 1380 ピクセル以上のページ(短いページではない)にのみ表示されます。

「トップへ戻る」ボタンを追加する方法:

  1. モバイルエディタ左側の「モバイルツール をクリックします。
  2. 「トップへ戻る」ボタン」横にある「サイトに追加する をクリックします。
モバイルエディタ内の「モバイルツール」パネル。カーソルが「トップへ戻る」ボタンをクリックしています。

「トップへ戻る」ボタンをカスタマイズする

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

ボタンアイコンを変更する方法:

  1. モバイルエディタにアクセスします。
  2. ボタンをクリックします。
  3. アイコンを変更」をクリックします。
  4. 実行する内容を選択します:
    • プリセットアイコンを選択します。
    • 追加」アイコン  をクリックして、自身が所有するベクターアート画像をアップロードするか、1000種類以上のベクターアート画像から選択します。
  5. (オプション)「デザインをカスタマイズ」をクリックして、希望の外観にします:
    • 塗りつぶし色:色を選択し、不透明度を調整します。
    • :ボタンに影を追加して調整して、3D 効果を出します。
「アイコンを変更」パネルのクロップされたビュー。カーソルが矢印アイコンをクリックしています。

「トップへ戻る」ボタンのレイアウトを変更する

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

プランのレイアウトを調整する方法:

  1. モバイルエディタにアクセスします。
  2. ボタンをクリックします。
  3. レイアウト」アイコン  をクリックします。
  4. 次のオプションを使用してレイアウトを調整します:
    • ボタン配置:ボタンをサイトの左または右に揃えます。
    • 余白:スライダーを使用して、ボタンの周りの余白を調整します。
ボタンレイアウトのパネル。カーソルがスライダーをドラッグして、ボタンの周りの縦方向の余白を調整しています。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.