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

Wix エディタ:画像ボタンを追加・設定する

3分
画像ボタンを使用すれば、ユニークな形で訪問者にサイトの操作やナビゲーションを促すことができます。画像を使うことでサイトにオリジナル感を出せるだけでなく、訪問者が画像にマウスオーバーしたときに独自のエフェクトを追加できます。通常時、ホバー、クリック時など、それぞれの状態に応じてボタンのデザインをカスタマイズすることもできます。

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

「追加」パネルから目を引くデザインを選択して、画像ボタンの設定を始めましょう。さまざまなオプションから選択でき、各ボタンに独自のエフェクトが備わっています。

画像ボタンにリンクを設定して、訪問者をサイトの他のページに誘導したり、アクションの実行を促したりすることができます。追加できるリンクのオプションとしては、ページ、アンカー、外部サイトがあります。

ステップ 3 | 画像ボタンをカスタマイズする

サイトのデザインに合わせて画像ボタンをカスタマイズします。アニメーションや変換エフェクトを適用したり、ツールチップを追加して、訪問者にボタンを押したときの移動先を知らせることができます。
以下のオプションをクリックして、画像ボタンの調整およびカスタマイズ方法をご覧ください。
注意:
画像の色を変更したい場合は、外部プログラムで編集してから、Wix のメディアマネージャーにファイルをアップロードする必要があります。