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

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

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

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

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

画像ボタンを追加する方法:

  1. エディタに移動します
  2. エディタ左側で「パーツを追加 をクリックします。
  3. ボタン」をクリックします。
  4. 画像ボタン」をクリックします。
  5. 該当するボタンをクリックまたはドラッグして、ページに追加します。
Wix エディタの「パーツを追加」パネルのスクリーンショット。ボタンが選択済みで、アイコンボタンを表示しています。

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

画像ボタンにリンクを追加する方法:

  1. 新しいボタンを選択します。
  2. リンク」アイコン  をクリックします。
  3. 左側でリンクの種類を選択します。
  4. 選択したリンクの種類に応じて、関連する情報を追加します。
  5. 完了」をクリックします。
アイコンボタンが選択され、「リンク先を選択」パネルの上でアイコンがハイライトされています。

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

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