header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • 画像をデータセットに接続する
  • よくある質問

CMS:画像をデータセットに接続する

この記事内
  • 画像をデータセットに接続する
  • よくある質問
画像要素をデータセットに接続すると、CMS コレクションの画像をサイトに表示することができます。データセットでは、画像元、代替テキスト、リンクなど、画像のさまざまな部分にどのコレクションのフィールドを接続するかを指定することができます。これは、 リピーターのある動的リストページで特に役立ちます。各リピーターには異なるコレクションのコンテンツを表示できるため、サイトコンテンツを簡単に管理・更新することができます。

画像をデータセットに接続する

エディタで画像要素を選択し、表示したいコレクションの画像にバインドするデータセットに接続します。次に、画像元、代替テキスト、リンクを、該当するコレクションのフィールドまたはアクションに接続します。必要に応じて新しいコレクションのフィールドを追加し、訪問者が画像をクリックした際の動作(リンクの開き方や rel 属性の設定など)を指定します。

  1. エディタで該当するページに移動します。
  2. CMS に接続したい画像をクリックします。画像を追加する方法はこちら
  3. CMS に接続」アイコン をクリックします。
  4. データセットを選択」ドロップダウンをクリックし、コレクションに接続する既存のデータセットを選択します。または、「データセットを追加」をクリックし、接続したいコレクションを選択し、データセット名を入力して「作成」をクリックします。
  5. 接続」下のドロップダウンをクリックし、画像の各部分を該当するコレクションのフィールドに接続します。「+追加する」をクリックすると、 新しいコレクションのフィールドを作成して接続することができます。
    • 画像元の接続先:接続する「画像」フィールドを選択します。
    • 代替テキストの接続先:画像の代替テキストとして使用するフィールドを選択します。「テキスト」、「数値」、「日付」、「日時」、「住所」、「タグ」フィールドから選択することができます。CMS の代替テキストに関するベストプラクティスはこちら
    • リンクの接続先:訪問者が画像をクリックした際の動作を選択します。アクション、動的ページ、またはフィールドセクションから、「送信」、「もっと見る」、「文書」、「URL」、「画像」、「動画」などのオプションを選択することができます。
      注意:ページや URL にリンクさせる場合は、リンクの開き方を選択し、rel 属性を設定します。
「画像を接続」パネルに、データセットの設定が表示されている様子を示したスクリーンショット。
  1. プレビュー」をクリックし、接続をテストします。
  2. 変更内容を公開する準備ができたら、「公開」をクリックします。

よくある質問

画像の CMS コレクションへの接続に関するよくある質問と回答については、以下をクリックしてください。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.