Built on WIX Headless

ブログ / basics

Wix CMSガイド:検索・フィルタ可能なコンテンツサイトを作る

· Wix CMS ガイド

Wix CMSガイド:検索・フィルタ可能なコンテンツサイトを作る

訪問者が長いリストから正しいアイテムを見つける必要があるなら—人、商品、物件、リソース—CMSの領域です。静的ページは数件を超えると伸びにくい。コレクションと検索・フィルタ可能な表示なら伸びます。

このガイドは、いちばん聞かれる仕事向けのチュートリアルへ案内します。Wix Editor、Studio、Harmonyのどれでも使えます。

CMS for Harmonyは名前にHarmonyとありますが、3つのエディターすべてにインストールできます。検索・フィルタ付きウィジェットを追加します。Studio/Editorでは多くのカテゴリ風ドロップダウンにネイティブdatasetフィルタもあります。入力しながら更新するキーワード検索は、コードか、検索UI付きアプリが必要なことが多いです。

訪問者に何をさせたい?

目標ガイド
キーワードを打ってリストを絞る検索バーを追加
カテゴリやタグで見るRepeaterのカテゴリフィルタ
検索と複数フィルタを一緒に検索とフィルタを組み合わせる
密集した在庫をスキャン検索可能なテーブル
ディレクトリ一式を出すコードなしの検索可能なディレクトリ
フィルタ選択肢を一か所で見るSearch and filtersの概要

ネイティブ vs CMS for Harmony

NeedNative(Studio / Editor)Native HarmonyCMS for Harmony
コレクションからのカード/リストDataset + Repeater接続されたRepeaterApp Repeater
カテゴリのドロップダウン/チップdataset上の入力(多くの場合コード不要)1リスト上の訪問者フィルタは限定的ウィジェットパネルのShow filters
キーワード検索ボックスしばしばVelo、または回避策同じようには使えないShow search bar
スプレッドシート風テーブルCustom / limitedLimitedTableウィジェット
サイト全体のページ検索Wix site searchWix site search別問題(ページ ≠ コレクションアイテム)

HarmonyのCMSギャップ:Wix Harmony CMSの制限。アプリはウィジェットのみ—ネイティブText / Image / Buttonをフィールドにはつなぎません。

ガイド

  1. Wix CMSコンテンツに検索バーを追加する方法
  2. Wix Repeaterにカテゴリフィルタを追加する方法
  3. Wix CMSで検索と複数フィルタを組み合わせる方法
  4. Wixで検索可能なテーブルを作る方法
  5. コードなしでWixに検索可能なディレクトリを作る方法

あわせて:Search and filtersの概要と、パネル表記のSearch & filters docs。

Site searchはページ横断。CMS searchは1つのコレクション表示の中—名前、都市、商品タイトルなど。ディレクトリにはほぼ常にCMS search(と多くの場合フィルタ)が必要で、サイト検索だけでは足りません。詳細は検索バーガイド。

関連

更新日:

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