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

Wix エディタ:ボタンについて

7分
ボタンは、訪問者がサイトを操作するために使用するパーツです。サイトページ、外部サイト、文書ファイルなど、さまざまな場所にリンクさせることができます。また、選択したボタンの種類に応じ、幅広いカスタマイズオプションを利用することも可能です。
明確な行動喚起(CTA)を含めたボタンを作成し、あなたや自身のブランドが提供する内容を、サイト訪問者に確実に見てもらえるようにしましょう。
白い背景のライブサイトにある、デザインの異なるさまざまなボタン。

ニーズに合ったボタンを見つける

エディタには、サイトやビジネスニーズに合わせてさまざまなボタンタイプが用意されているので、訪問者にスムーズなインタラクティブ体験を提供することができます。
ボタンにはさまざまな使用方法とカスタマイズオプションがあり、デザインを損なうことなく、機能的で洗練されたサイトを構築することができます。
エディタでは以下のボタンを追加することができます:

ボタンにリンクを追加し、サイト訪問者を関連する場所に誘導してみましょう。ボタンの種類やサイトのニーズに応じて、さまざまな場所やオプションにリンクさせることができます。ボタンに追加できるリンクの種類には、以下のものがあります:
  • ページ:訪問者をサイト上の別のページに誘導します。
  • ウェブアドレス:ボタンを外部 URL にリンクして、訪問者を別のサイトに誘導します。
  • アンカー:ボタンをサイトのアンカーにリンクします。訪問者がクリックすると、該当するページとアンカーに移動します。
  • ページトップ / ボトム:訪問者がクリックすると、現在表示しているページの上部または下部に移動します。
  • 文書ファイル:ボタンをサイトにアップロードしたファイルにリンクします。
  • メール送信:ボタンをメールアドレスに接続すると、訪問者はブラウザやデバイスから直接あなたに連絡することができます。
  • 電話番号:ボタンを電話番号にリンクすると、モバイルやタブレットの訪問者がすぐにあなたに電話をかけることができます。デスクトップの訪問者は、FaceTime などの通話アプリに誘導されます。
  • ライトボックス:ボタンをサイトで選択したライトボックスにリンクします。
注意:
ボタンの種類によっては、リンクを追加するオプションが表示されないことがあります。たとえば、文書ファイルボタンの場合は、サイト上のファイルにしか接続させることができません。
エディタのリンクパネル。ウェブアドレスが選択され、Wix の URL がフィールドに入力されています。
始める準備はできましたか?

サイトに合わせてボタンをデザインする

デザイン」アイコン  をクリックしてボタンの外観を変更し、「レイアウト」アイコン  をクリックしてボタンの配置と構造を変更することで、エディタでボタンをカスタマイズします。
選択したボタンの種類によっては、ボタンの色や不透明度を変更したり、配置や間隔を設定したりすることもできます。好きな部分を好きなだけ編集できるため、ブランドやスタイルに合わせたボタンを自由にデザインすることが可能です。
Wix エディタの「ボタンデザイン」パネルの横に、テキスト・アイコンボタンが表示されているスクリーンショット
ボタンをさらにパーソナライズしたい場合は、訪問者にユニークなインタラクションを提供するアニメーション効果を追加することもできます。
注意:
デザインパネルまたはレイアウトパネルは、エディタの特定のボタンでのみ利用できます。

ボタンで高度な機能を使用する

Velo 開発モードや CMS などの機能を組み合わせると、サイト全体で高度な機能を備えたボタンが使えるようになり、訪問者にカスタマイズされた最新のウェブ体験を提供することができるようになります。
ボタンを CMS コレクションに接続して、訪問者がボタンをクリックした際の動作を定義することができます。この代表的な使い方としては、訪問者からのファイル送信やテキスト入力などで得られる情報を収集するボタンを設定する用途が挙げられます。
フォームの回答データセットに接続されているエディタ内のボタン。
サイトで Velo 開発モードを有効にすると、コードを使用してボタンの動作を指定することができます。たとえば、訪問者がサイトで別のアクションを完了するまでページからボタンを非表示にしたり、カスタムイベントを設定したりすることが可能になります。イベントとプロパティの操作方法についてはこちら(英語)
ボタン要素の開発モードのプロパティとイベントボタン。
白い背景のライブサイトにある、デザインの異なるさまざまなボタン。
エディタのリンクパネル。ウェブアドレスが選択され、Wix の URL がフィールドに入力されています。
Wix エディタの「ボタンデザイン」パネルの横に、テキスト・アイコンボタンが表示されているスクリーンショット
フォームの回答データセットに接続されているエディタ内のボタン。
ボタン要素の開発モードのプロパティとイベントボタン。