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 Studio エディタ:ボタンを追加・カスタマイズする

この記事内
  • ボタンを追加する
  • ボタンを設定する
  • ボタンをカスタマイズする
ボタンは、訪問者にサイトでのエンゲージメントを促すのに最適です。Wix Studio エディタでは、通常のボタンまたはアニメーションボタンを追加し、表示する内容(テキスト、アイコン、またはその両方)を選択することができます。また、デザインやレイアウトのオプションも豊富に用意されているため、自由に編集することができます。
Wix Studio エディタで作成できるボタンデザインの例
重要:
この記事では、Wix Studio エディタの新しいボタン要素について説明します。以前のボタン要素を追加・操作する方法は、 こちらをご覧ください。

ボタンを追加する

アドバンスボタン(静的ボタン)、またはアニメーションボタンを追加するかを選択します。すべてに同じデザインオプションがあり、ボタンは「アドバンス」ボタンから「アニメーション」ボタン(またはその逆)に自由に切り替えることができます。

ボタンを追加する方法:

  1. エディタ左側で「要素を追加 をクリックします。
  2. ボタン」をクリックします。
  3. アドバンスボタン」/「アニメーションボタン」下にあるオプションをクリックまたはドラッグして、ページに追加します。
「要素を追加」パネルで「ボタン」タブが開き、カーソルがボタンを選択しています。
アイディアが必要な場合:
ボタンのチュートリアルをご覧ください:

ボタンを設定する

ボタンを追加したら、アクションを設定して、表示する内容(テキスト、アイコン、またはその両方)を選択します。ボタンに表示する内容に応じて、テキストとアイコンを設定することもできます。

ボタンを設定する方法:

  1. エディタでボタンを選択します。
  2. 設定」をクリックします。
  3. オプションを使用してボタンを設定します:
    • 表示する内容を選択:オプションを選択し、設定を変更します:
      • テキストとアイコン:「テキスト」下で表示する内容を変更し、「変更」アイコン  をクリックして別のアイコンを選択します。
      • テキストのみ:「テキスト」下でボタンテキストを編集します。
      • アイコンのみ:「変更」アイコン  をクリックし、ボタンに別のアイコンを選択します。
    • リンク先:項目をクリックし、パネルからリンクを設定します:
      1. 左側でリンクの種類を選択します。
      2. リンク情報を追加します。
      3. 完了」をクリックします。
    • アクセシブル名:支援技術を使用して、訪問者にボタンの機能を説明します。
ボタンの設定パネルに、オプションが表示されている様子を示したスクリーンショット。カーソルがリンクを設定する項目をクリックしています。
注意:
表示する内容を選択」下で「 何も表示しない」を選択した場合、ボタンは空白で表示されます。代替テキストを追加して、リンク先を選択することは可能です。

ボタンをカスタマイズする

アドバンスボタンにはたくさんのカスタマイズオプションが用意されており、細部までデザインすることができます。希望するアクションに合わせてテキストとアイコンを変更したり、それらの配置方法を選択したり、背景にグラデーションや画像を設定したりできます。

アドバンスボタンをカスタマイズする方法:

  1. 該当するボタンを選択します。
  2. カスタマイズするものを選択します:
要素設定パネルでボタンを選択している様子を示したスクリーンショット。カーソルがボタンアイコンのサイズを調整しています。

Helpmate

こんにちは、さん

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