Wix エディタ:画像ボタンを追加・設定する
読了時間:3分
画像ボタンを使用すれば、ユニークな形で訪問者にサイトの操作やナビゲーションを促すことができます。画像を使うことでサイトにオリジナル感を出せるだけでなく、訪問者が画像にマウスオーバーしたときに独自のエフェクトを追加できます。通常時、ホバー、クリック時など、それぞれの状態に応じてボタンのデザインをカスタマイズすることもできます。
ボタンの状態について
ステップ 1 | 画像ボタンを追加する
「追加」パネルから目を引くデザインを選択して、画像ボタンの設定を始めましょう。さまざまなオプションから選択でき、各ボタンに独自のエフェクトが備わっています。
こちらをクリックして手順を確認しましょう
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/05/17/718ccab8-0761-48f5-80d4-d21a50d48e82/4939df1d-a997-482b-93d5-7a19c6d6d6cc.png)
ステップ 2 | 画像ボタンにリンクを追加する
画像ボタンにリンクを設定して、訪問者をサイトの他のページに誘導したり、アクションの実行を促したりすることができます。追加できるリンクのオプションとしては、ページ、アンカー、外部サイトがあります。
こちらをクリックして手順を確認しましょう
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/05/17/81e766e0-323b-4c86-a073-d2a71b274945/d608a8ca-4609-4829-94e9-a3808ff91230.png)
ステップ 3 | 画像ボタンをカスタマイズする
サイトのデザインに合わせて画像ボタンをカスタマイズします。アニメーションや変換エフェクトを適用したり、ツールチップを追加して、訪問者にボタンを押したときの移動先を知らせることができます。
以下のオプションをクリックして、画像ボタンの調整およびカスタマイズ方法をご覧ください。
ボタンの画像を変更する
ボタンに変換エフェクトを適用する
ボタンにツールチップを追加する
ボタンにアニメーション効果を追加する
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/05/17/48a61ea7-a809-4101-8505-aecc16289bb2/362ec39a-31c9-402e-82c0-b2b0d667846b.png)
注意:
画像の色を変更したい場合は、外部プログラムで編集してから、Wix のメディアマネージャーにファイルをアップロードする必要があります。