ウッドマート で御座います WooCommerce ユーザーが頻繁に利用する高度なテーマの一つであるCompare(商品比較)機能は、商品の差異に対するユーザーの理解を大幅に向上させ、購入決定を迅速化するのに役立ちます。本チュートリアルでは、Compare機能の有効化と最適化設定をステップバイステップで実施する方法をご案内します。
![画像[1] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209111746152-image.png)
一、Woodmart Compare 機能の有効化
Woodmartには比較機能が組み込まれており、簡単な手順で有効化できます。
Compare設定を開く
バックグラウンドに入る:
Woodmart → テーマ設定 → ショップ → 比較
Compare機能を有効にする
インターフェースで有効にする 比較を有効にする スイッチ。
完了後、テーマは自動的に商品に比較機能を提供します。
![画像[2] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209111831392-image.png)
二、Compareページとショートコードの設定
Compareページは、ユーザーが比較対象として選択した商品の情報を表示するために使用されます。
![画像[3] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112021558-image.png)
Compare ページを選択
ある ページを比較する フィールド内で、比較対象として選択したいページを選択してください。
比較用ショートコードを追加
Woodmartは専用のショートコードを提供します。これを該当ページに挿入するだけで製品比較が表示されます。ひょうけいしき.
![画像[4] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112053541-image.png)
三、Compare テーブルに表示するフィールドの設定
比較表に表示する製品属性を決定でき、ユーザーが比較しやすくなります。
オプション表示フィールド
一般的な分野は以下の通り:
- 製品図
- 製品名
- 物価
- 材質
- サイズ
- カラー
- SKU
- 在庫など
![画像[5] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112137391-image.png)
プレビュー比較効果
2つ以上の商品を比較リストに追加すると、比較ページで最終的な表示効果を確認できます。
![画像[6] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112210317-image.png)
四、空のCompareページにおけるプロンプト文案の設定
Compareページに商品がない場合、システムはメッセージを表示します。
編集者向けヒントテキスト
ある 空の比較テキスト ここに表示したい内容を入力してください。例:
現在比較対象の商品がありません。まず商品を選択してください。
![画像[7] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112301970-image.png)
五、Compareボタンの表示方法の設定
Compareボタンはユーザー操作の重要な入口であり、Woodmartは複数のボタン動作設定を提供します。
製品グリッドに比較ボタンを表示する
オープン 商品グリッドにボタンを表示 その後、そのボタンはすべての製品一覧製品ボックスの中。
![画像[8] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112510790-image.png)
保存ボタンの状態
コミッション 追加後の保存ボタンの状態を保持する 商品を比較リストに追加すると、「比較を見る」状態が表示されます。
![画像[9] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112712730-image.png)
六、カテゴリ別比較(Compare by Category)を有効化
Woodmartはカテゴリー別にグループ分けした比較リストの表示をサポートしており、これは大量の商品を扱う店舗に必須の機能です。
カテゴリ比較を開始
コミッション カテゴリー別比較 その後、同じカテゴリの比較項目は自動的にグループ分けされます。
![画像[10] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112745524-image.png)
「このカテゴリの商品をもっと見る」ボタンを表示
オープン 比較するさらに商品を表示 その後、システムは対応するカテゴリへ移動するボタンを表示します。
![画像[11] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112822666-image.png)
テスト機能
異なるカテゴリの商品を追加すると、フロントエンドの比較ページでグループ分け効果が確認できます。
![画像[12] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112910528-image.png)
七、ヘッダービルダーで比較ボタンのスタイルを設定する
Woodmart のヘッダービルダーは、比較ボタンの外観を高度にカスタマイズできます。
ヘッダービルダーに入り、Compare要素を編集する
パス
Woodmart → ヘッダービルダー → 比較
![画像[13] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209112957353-image.png)
Compare アイコンのスタイルを選択
あなたは以下から選択できます:
- アイコンスタイル
- アイコンサイズ
- 背景形状
- カラースキーム
- 数量ロゴを表示するかどうか
![画像[14] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209113027279-image.png)
カテゴリドロップダウンメニューを表示(オプション)
Extraオプションで有効化できます:
- 表示カテゴリードロップダウンメニュー(カテゴリー別比較を有効にする必要があります)
ユーザーが直接比較分類を確認でき、操作がより便利になります。
![画像[15] - Woodmartテーマで比較機能を有効化し最適化する方法](https://www.361sale.com/wp-content/uploads/2025/12/20251209114142994-image.png)
概要
このチュートリアルを通じて、あなたはすでに ウッドマート テーマ内でCompare製品比較機能を有効化し最適化します。
Compare機能はユーザーのショッピング体験を向上させるだけでなく、商品比較への関心を高め、コンバージョン率の向上にもつながります。ページ、フィールド、ボタンのスタイルを柔軟に設定でき、店舗の実際のニーズに合わせて調整が可能です。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:[email protected] | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/82383/この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。























![絵文字[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)

コメントなし