Built on WIX Headless

チュートリアル / チュートリアル

コードなしでWixに検索可能なディレクトリを作る方法

· 検索可能なディレクトリ Wix コードなし

コードなしでWixに検索可能なディレクトリを作る方法

検索可能なディレクトリは、似たエントリ—人、会員、ベンダー、拠点、プログラム—のリストで、訪問者がコードなしで検索・フィルタできます。スタッフディレクトリ、パートナー一覧、「専門家を探す」ページなどを想像してください。

多くのカテゴリフィルタはStudio/Editorのネイティブdatasetsで、または検索とフィルタをまとめて持つCMS for Harmonyウィジェットで実現できます。アプリはEditor・Studio・Harmonyで動きます(名前はHarmony専用ではありません)。

まだサイトがないHarmonyなら:無料スターターサイト。関連チュートリアルの概要:Wix CMSガイド。

ページに載せるもの

部品典型的な選択
構造化エントリCMSコレクション
カードまたは密な行RepeaterまたはTable
素早く見つけるSearch & filters
任意のプロフィールネイティブのコレクションページ+Dynamic Page
任意のスプレッドシート源Pro External database(SheetsからはDynamic Pageリンクなし)

ネイティブ vs アプリ、短く

Editorネイティブのノーコードディレクトリアプリ経路
StudioDatasets+Repeater+フィルタ入力CMS for HarmonyのRepeater/Table
EditorクラシックCMSパターン(状況による)同じアプリウィジェット
Harmony接続リスト;1リスト上の訪問者フィルタは限定的同じアプリウィジェット

Harmonyの詳細:CMS制限。

ステップ1 — コレクションを設計

Directory、Members、Vendorsのようなものを作成。便利なフィールド:

検索の価値が感じられる十分なアイテムを入れる—空行10件では学べません。

ステップ2 — RepeaterかTableか

Layout使うとき
Repeater視覚的カード—人向けディレクトリの多く
Table密な在庫—検索可能なテーブルガイド

ウィジェットを追加し、コレクションを接続し、フィールドをマップ。アプリ内の「cards」はRepeaterレイアウトです。

ステップ3 — search and filtersを追加

  1. ウィジェットでSearch & filtersを開く。
  2. 検索をオンにし、カテゴリフィルタを追加。
  3. つなぐ:検索とフィルタを組み合わせる。
  4. 訪問者コントロールはShow filter、隠れルールはChoose value(例:Active会員のみ)。
  5. Filters displayをTopまたはSideに。
  6. 公開し、検索のみ・フィルタのみ・両方の訪問者パスを試す。

選択肢の概要:Search and filtersの概要。Docs:Search & filters。

ステップ4 — 任意のプロフィールページ

  1. More actions → Add collection page を選ぶ。
  2. Dynamic Pageを接続し、スラッグを合わせ、SEOフィールドをマップ。
  3. 各カード/行をアイテムURLにリンク。

手順:Dynamic Pages。ネイティブ vs アプリ:Dynamic Pages比較。

ステップ5 — 任意のPro追加機能

フィルタセット例

Directory優先するフィルタ
Team / staffDepartment、role
Association membersRegion、specialty
Vendor / partner listCategory、city
Program indexAudience、topic
Clinic providersSpecialty、location

関連

更新日:

Harmony で試してみますか? 無料のスターターサイトを作成 CMS for Harmony