Wix エディタ:テキスト・アイコンボタンを追加・設定する
読了時間:3分
テキストボタンとアイコンボタンは、訪問者のサイトとのやりとりを促すのに最適な方法です。Wix ではさまざまなオプションを用意しています。
ステップ 1 | ボタンを追加する
エディタ左側の「パーツを追加」パネルからボタンを追加することができます。多彩なレイアウトがあり、さまざまなオプションが利用できます。
- エディタ左側で「パーツを追加」
をクリックします。
- 「ボタン」をクリックします。
- 「テキスト・アイコンボタン」をクリックします。
- 選択したボタンをクリックまたはドラッグして、ページに追加します。
![「パーツを追加」パネルでボタンを選択しているスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/03/19/d58ae754-bed8-40eb-9ea9-14e473a0380e/8123371c-384a-492c-a88e-eae0bdf32b80.jpg)
ステップ 2 | ボタンを設定する
ボタンをカスタマイズする方法はさまざまです。表示する内容を選択し、必要に応じて設定を調整します。
ボタンを設定する方法:
- エディタ内でボタンをクリックします。
- 「テキスト・アイコンの変更」をクリックします。
- 「ボタンは何を表示しますか?」下でオプションを選択します:
- テキストとアイコン:ボタンにテキストとアイコンの両方が表示されます。
- アイコンのみ:ボタンにはアイコンのみが表示されます。
- テキストのみ:ボタンにはテキストのみが表示されます。
- 何も表示しない:ボタンは空白です。
- 利用可能なオプションを使用してボタンの設定を変更します:
- 表示するテキスト:ボタンのテキストを入力します。
- アイコンを選択:使用するアイコンの種類を選択します:
- 「Wix 画像・動画素材」をクリックして、Wix が提供する無料アイコンを選択します。
- 「+アップロード」をクリックし、自身が所有するベクターアートファイルをアップロードして使用します。
- 代替テキスト:ボタンの詳細を追加して、支援技術を使用している訪問者がボタンにアクセスできるようにします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/02/01/a7be9059-846c-4509-9263-660fea889ceb/bcc64c60-a969-4baf-814b-0f2d15d0417f.png)
注意:
利用可能なオプションは、ボタンに表示する内容(テキスト、アイコンなど)によって異なります。
ステップ 3 | ボタンにリンクを追加する
ボタンへのリンクを追加して、サイト訪問者を関連する場所に誘導します。サイトページ、外部ウェブアドレス、文書ファイルなど、さまざまな場所にリンクすることができます。
ボタンにリンクを追加する方法:
- ボタンを選択します。
- 「リンク」アイコン
をクリックします。
- リストからリンクタイプを選択します。
- 該当するリンク先と詳細を入力します。
- 「完了」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/02/01/3eab734f-f4ac-4708-883f-53acc061f417/f8aa8e39-c430-48d7-9740-ab1e78958224.png)
ヒント:
ボタンのリンクは、「テキスト・アイコンの変更」パネルから設定することもできます。
次のステップ:
テキスト・アイコンボタンをカスタマイズして、希望の見た目にします。