WooCommerce有効化後にショップページをカスタマイズする方法

WooCommerceするワードプレス最も人気のあるeコマースプラグインは、インストール後、自動的に基本バージョンの「ショップ」ページを作成します。しかし、このデフォルトのページは商人の個々のニーズを満たすにはシンプルすぎることが多い。

この記事では、ページレイアウトから機能最適化まで、WooCommerceショップページをカスタマイズする方法をご紹介します。

1.WooCommerceストアページの紹介

WooCommerceプラグインを有効にすると、いくつかのキーページが自動的に作成されます：

• ショップ
• ショッピングカート
• チェックアウト
• マイアカウント

背景にいてもいい：WooCommerce > 設定 > 商品 > ストアページ ショップの表示ページとして使用するページを設定します。

2.ショップページの主なカスタマイズ方法

2.1 テーマ付属のカスタマイザーを使う

多くのWooCommerce対応テーマ（例えば アストラそしてストアフロントそしてオーシャンWP)はすべて、視覚的なスタイル調整を提供する。

手順は以下の通り：

1. WordPressバックエンド > 外観 > カスタマイズ
2. WooCommerce＞商品カタログを選択
3. ページあたりの商品数、1行あたりの商品数、デフォルトのソート方法、サイドバーを表示するかどうか、その他のパラメーターを調整する。

初心者向きで、シンプルかつ直感的。

2.2 ページビルダーを使う（ElementorまたはGutenberg）

Elementor Proユーザー：

1. 取付 エレメンタル・プロ + WooCommerceビルダー
2. Elementor > Templates > Add New Templateに進みます。
3. 商品アーカイブ」を選択し、ショップレイアウトをデザインしてください。
4. 商品リスト、フィルター、バナーなどのコントロールを追加します。
5. 保存してデフォルトのショップアーカイブページに設定する

グーテンベルク ユーザー

1. 取付 WooCommerceブロック プラグイン（デフォルトでサポートされていない場合）
2. ショップページを編集し、"注目カテゴリー"、"商品カテゴリー"、"価格フィルター "などのブロックを挿入する。
3. ナビゲーション・メニューやカバー・ブロックでレイアウトを美しくできる

2.3 ショートコードを使った製品表示の挿入

WooCommerceは商品への複数のショートコード呼び出しをサポートしています：

入り込む WordPressバックエンド → ページ/記事 → ターゲットページの編集

products limit="12" columns="4" orderby="date" order="DESC"

よく使われるショートコードには、以下のようなものもある：

• 特集_製品 注目商品
• セール商品セール品
• product_category category="衣料品"分類の割り当て
• 最近の製品 最近追加されたもの

ページの内容を素早くコントロールするのに理想的。

3.ショップページの推奨コンテンツ構成

ユーザーエクスペリエンスとコンバージョン率を向上させるために、ショップページには以下のモジュールを含めることをお勧めします：

1. カテゴリー化されたナビゲーション・メニュー（ユーザーが素早く方向を決められるようにするため）
2. 商品フィルター（価格、色、サイズなど）
3. バナー／広告スペース（プロモーションや新商品の紹介）
4. おすすめ商品コーナー（人気商品、新商品、期間限定商品など）
5. 商品の並べ替えオプション（価格別、棚に並べる時間別など）
6. ユーザーの評価とレビューの表示（信頼性を高める）

4.おすすめプラグイン：ショップページの強化

以下のプラグインは、より多くのカスタマイズのニーズに応えることができます：

1. WooCommerceブロックGutenbergエディターに商品ブロックを追加する
2. エレメンタル・プロ製品アーカイブページを視覚的に構築
3. YITH WooCommerce Ajaxフィルター高度なフィルタリング機能、AJAXインタラクションのサポート

5.まとめ

WooCommerceのショップページをユーザーのレベルに合わせてカスタマイズする方法は複数あります：

• 初心者はテーマ設定とショートコードを使って、ショップを素早く美しくすることができる。
• 中級から上級のユーザーは、ビジュアル体験を高めるためにElementorまたはGutenbergビルダーを使用することをお勧めします。

最終的な目標は、ユーザー体験を向上させ、主要製品を強調し、コンバージョンと再購入を促進することである。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み