ウッドマート フィルターの良し悪しのポイントは、「どれだけコントロールが追加されているか」ではなく、「商品データ、属性体系、フィルターの種類が揃っているか」にある。ここでは、0からスクリーニングできる3種類の価格、色、サイズ、そしてよくある落とし穴を、修理とともに実践順にご紹介します。
![画像[1]-WoodMartスクリーニングは本当に機能するのか?価格、色、サイズを0から実際に使用できるまで設定する全プロセス](https://www.361sale.com/wp-content/uploads/2025/12/20251231093704907-image.png)
1.始める前にしっかりとした基礎を築く
1.1 "可変商品 "を使用していることを確認する
色とサイズは通常WooCommerceの バリアブル製品+バリアント 正確にスクリーニングするために単なる「シンプルな商品」なのに、説明文に色やサイズを書いてしまうと、フィルタリングが「無反応でクリックされた」「結果が正確でない」となってしまいます。
1.2 属性キャリバーのハーモナイゼーション
入る:製品 → 属性
![画像[2] - WoodMartスクリーニングは本当に有効か?価格、色、サイズを0から実際に使えるように設定する全プロセス](https://www.361sale.com/wp-content/uploads/2025/12/20251231094847667-image.png)
コア属性は2セットのみ残すことが推奨される:
- Color(色)
- Size(サイズ)
つのことに注意してほしい:
- お勧めの色とサイズ グローバル・プロパティーズ(商品ごとにカスタム属性をアドホックに追加しないでください)。
- 例えば、「サイズ」では、S/M/L/XLまたは38/39/40のみを使用し、これらを混在させない。
1.3 最初に製品データを完成させる
個々の製品へのアクセス製品データ → バリエーション
![画像[3] - ウッドマート・スクリーニングは本当に機能するのか?価格、色、サイズを0から実際に使えるように設定する全プロセス](https://www.361sale.com/wp-content/uploads/2025/12/20251231095118979-image.png)
- 各バリエーションに対応する色とサイズを選択する必要があります。
- 各バリアントに推奨される在庫/価格(少なくとも価格。)
- 保存後、"Create all possible variants / Save variants" を一度クリックします。
2.価格スクリーニングの正しい設定
2.1 価格データをまず「検索可能に」する
価格フィルタリングはWooCommerceの価格インデックスに依存しています。最初に2つのことを行うことをお勧めします:
- キャッシュ・プラグインを有効にしている場合は、まず一度キャッシュをクリアしてください。
- 入る:WooCommerce → ステータス → ツール(ステータス → ツール)、"Rebuild Product Lookup / Rebuild Lookup Table"(バージョンによって名称が若干異なる)関連のツールを探し、再構築を実行する。
![画像[4] - ウッドマート・スクリーニングは本当に機能するのか?価格、色、サイズを0から実際に使えるように設定する全プロセス](https://www.361sale.com/wp-content/uploads/2025/12/20251231095523885-image.png)
2.2 価格フィルターコントロールの配置
一般的な配置は2つある:
- ショップ/カテゴリーページの左サイドバー
- トップフィルターバー(モバイル用)
入る:外観 → ウィジェット またはWoodMartのレイアウトマネージャーの場所(サイドバーかページビルダーのどちらを使用しているかによって異なります)。
追加WooCommerce価格フィルター(価格フィルター)またはウッドマート独自の AJAXフィルター / 価格フィルター(バージョンによって名称が異なる)
![画像[5] - ウッドマート・スクリーニングは本当に機能するのか?価格、色、サイズを0から実際に使えるように設定する全プロセス](https://www.361sale.com/wp-content/uploads/2025/12/20251231102543407-image.png)
2.3 主要オプション
- AJAXを有効にする: 開く (毎回ページ全体を更新するのを避けるため)
- スライダーを押すほとんどのカテゴリーに対応
- スライダーの範囲が正しくない場合、通常はコントロールの問題ではなく、"0 price/empty price "のバリアントか、製品に未保存のバリアントがあります。
3.カラーフィルターの正しい設定(カラーブロック/ピクチャーブロック付き)
3.1 色属性項の設定
入る:製品 → 属性 → カラー → 条件を設定する
![画像[6] - ウッドマート・スクリーニングは本当に機能するのか?価格、色、サイズを0から実際に使用できるまで設定する全プロセス](https://www.361sale.com/wp-content/uploads/2025/12/20251231112445663-image.png)
カラータームごとに設定:
- 表示:無地ブロック(カラー)または画像(イメージ)
- カラー値:標準的なカラー値でより安定(例:#000000)
- ネーミングの提案:ブラック、ホワイト、ベージュ。
3.2 製品側バインディング属性
個々の製品:製品データ → 属性
- チェックカラー
- バリエーションに使用」にチェックを入れる。
- バリアントの生成/保存
![画像[7] - ウッドマート・スクリーニングは本当に機能するのか?価格、色、サイズを0から実際に使えるまで設定する全プロセス](https://www.361sale.com/wp-content/uploads/2025/12/20251231112936883-image.png)
3.3 フロントエンドにカラーフィルターを追加する
WoodMart/WooCommerceの追加 属性による絞り込み(属性によるフィルタ)コントロール:
- 属性選択 カラー
- 表示タイプの選択 スウォッチ もしかしたら リスト
- クエリータイプ 推奨 アンド(よりユーザーのフィルタリングロジックに沿ったもの:黒と一定のサイズの両方)
- AJAXを有効にする(もしあれば)
![画像[8] - ウッドマート・スクリーニングは本当に効果があるのか?価格、色、サイズを0から実際に使えるまで設定する全プロセス](https://www.361sale.com/wp-content/uploads/2025/12/20251231113749529-image.png)
4.寸法選別の正しい構成
サイズのロジックはカラーと一貫していますが、サイズに関する最も一般的な落とし穴は「一貫性のない用語」です。ルールを決めておくことをお勧めします:
- 衣類:XS/S/M/L/XL/XXL
- シューズ:38/39/40/41またはUS8/US9(混在不可)
オペレーション・パス:
- 製品 → 属性 → サイズ → 条件を設定する まず用語集を作る
- 製品側では、「サイズ」を「バリアントに使用」にチェックし、バリアントを生成します。
- フロントエンド追加 属性による絞り込み属性:サイズを選択、表示タイプはボタン/リストが選択可能(テーマのサポートに依存)
5.スクリーニングを "迅速かつ正確に "行うためのチェックリスト
- カラーをクリックしても結果が表示されない: ほとんどの場合、製品はそのカラー用語に本当にバインドされていないか、バリアントが保存されていません。
- 結果が少なすぎる:フィルターコントロールのクエリータイプがOR/ANDに選択されているかどうかを確認する(一般的に、Color+SizeにはANDを使用する方が理にかなっている)。
- 同じ色が2回出てくる。カラー用語に「黒」と「ブラック」があったり、英語と中国語が混在していたりする。
- モバイルには不向き:フィルタリングをオフキャンバス(ドロワー側のフィルタリング)にし、AJAXをオンにする!
- SEOはより安定させたい:フィルタリングパラメーターページは、大量の重複ページの生成を避けるため、インデックスされないことが推奨されている(一般的なプラクティスは、フィルタリングパラメーターを持つURLに対してnoindexを行うか、SEOプラグインで処理することである)。
6.推奨フロアレイアウト
たいていの店ではもっとスムーズだ:
- 上:選択された条件(ワンクリックでクリア可能)
- 左側/引き出し:価格スライダー、色見本、サイズボタン
- リストエリア:AJAXインスタント更新、ページスキップなし
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/84716この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。





















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし