検索可能なディレクトリは、似たエントリ—人、会員、ベンダー、拠点、プログラム—のリストで、訪問者がコードなしで検索・フィルタできます。スタッフディレクトリ、パートナー一覧、「専門家を探す」ページなどを想像してください。
多くのカテゴリフィルタは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 | ネイティブのノーコードディレクトリ | アプリ経路 |
|---|---|---|
| Studio | Datasets+Repeater+フィルタ入力 | CMS for HarmonyのRepeater/Table |
| Editor | クラシックCMSパターン(状況による) | 同じアプリウィジェット |
| Harmony | 接続リスト;1リスト上の訪問者フィルタは限定的 | 同じアプリウィジェット |
Harmonyの詳細:CMS制限。
ステップ1 — コレクションを設計
Directory、Members、Vendorsのようなものを作成。便利なフィールド:
- Name / Title(あとでスラッグ源に)
- Category、Department、City、またはTags
- Photo
- 短い要約と長いbio
- 任意:Contact、Website、Address、Color
検索の価値が感じられる十分なアイテムを入れる—空行10件では学べません。
ステップ2 — RepeaterかTableか
| Layout | 使うとき |
|---|---|
| Repeater | 視覚的カード—人向けディレクトリの多く |
| Table | 密な在庫—検索可能なテーブルガイド |
ウィジェットを追加し、コレクションを接続し、フィールドをマップ。アプリ内の「cards」はRepeaterレイアウトです。
ステップ3 — search and filtersを追加
- ウィジェットでSearch & filtersを開く。
- 検索をオンにし、カテゴリフィルタを追加。
- つなぐ:検索とフィルタを組み合わせる。
- 訪問者コントロールはShow filter、隠れルールはChoose value(例:Active会員のみ)。
- Filters displayをTopまたはSideに。
- 公開し、検索のみ・フィルタのみ・両方の訪問者パスを試す。
選択肢の概要:Search and filtersの概要。Docs:Search & filters。
ステップ4 — 任意のプロフィールページ
- More actions → Add collection page を選ぶ。
- Dynamic Pageを接続し、スラッグを合わせ、SEOフィールドをマップ。
- 各カード/行をアイテムURLにリンク。
手順:Dynamic Pages。ネイティブ vs アプリ:Dynamic Pages比較。
ステップ5 — 任意のPro追加機能
- Google Sheetsからリストを供給:Sheets接続(シートデータからのDynamic Pageリンクなし)。
- ディレクトリアイテムから販売:CMSアイテムを売る。
フィルタセット例
| Directory | 優先するフィルタ |
|---|---|
| Team / staff | Department、role |
| Association members | Region、specialty |
| Vendor / partner list | Category、city |
| Program index | Audience、topic |
| Clinic providers | Specialty、location |