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

Wix エディタ:テキスト・アイコンボタンを追加・設定する

2分
テキストボタンとアイコンボタンは、訪問者のサイトとのやりとりを促すのに最適な方法です。Wix ではさまざまなオプションを用意しています。

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

エディタ左側の「パーツを追加」パネルからボタンを追加することができます。多彩なレイアウトがあり、さまざまなオプションが利用できます。

ボタンを追加する方法:

  1. エディタ左側で「パーツを追加 をクリックします。
  2. ボタン」をクリックします。
  3. テキスト・アイコンボタン」をクリックします。
  4. 選択したボタンをクリックまたはドラッグして、ページに追加します。
利用可能なボタンデザインが表示された Wix エディタの「パーツを追加」パネルのスクリーンショット

ステップ 2 | ボタンを設定する

ボタンをカスタマイズする方法はさまざまです。表示する内容を選択し、必要に応じて設定を調整します。
設定を完了するには、ボタンへのリンクを追加して、サイト訪問者を関連する場所に誘導します。サイトページ、外部ウェブアドレス、文書ファイルなど、さまざまな場所にリンクすることができます。
注意:
利用可能なオプションは、ボタンに表示するもの(テキスト、アイコンなど)によって異なります。

ボタンを設定する方法:

  1. エディタ内でボタンをクリックします。
  2. テキスト・アイコンの変更」をクリックします。
  3. 表示する内容を選択」下でオプションを選択します。
    • テキストとアイコン:テキストとアイコンの両方がボタンに表示されます。
    • アイコンのみ:ボタンにアイコンのみが表示されます。
    • テキストのみ:ボタンにはテキストのみが表示されます。
    • 何も表示しない:ボタンは空白です。
  4. 利用可能なオプションを使用してボタンの設定を変更します:
    • 表示するテキスト:ボタンのテキストを入力します。
    • アイコンを選択:使用するアイコンの種類を選択します:
      • Wix 画像・動画素材」をクリックして、Wix が提供する無料アイコンを選択します。
      • +アップロード」をクリックし、自身が所有するベクターアートファイルをアップロードして使用します。
  5. ボタンリンクを設定する:
    1. リンク先」下で「リンク」アイコン  をクリックします。
    2. 左側でリンクの種類を選択します。
    3. リンクの詳細を入力し「完了」をクリックします。
Wix エディタの「ボタン設定」パネルの横の「テキスト・アイコン」ボタンのスクリーンショット。
次のステップ:
テキスト・アイコンボタンをカスタマイズして、希望の見た目にします。