# 商品カタログを備えたECサイト向けWordPressテーマ

URL: https://canvaswp.com/ja/wordpress-themes/ecommerce/
Updated: 2026-11-03

9件の完全なデモ

これらの9件のCanvasデモは、まずショップとして作られています。いずれか1つをインポートすると、カタログ、商品ページ、カート、チェックアウトがすべてそのデモのデザインで届き、差し替え用のデモ商品106点も含まれます。

[View the Clothing Store demo](https://demos.canvaswp.com/store/) [料金を見る](https://canvaswp.com/ja/pricing/)

更新日：2026年11月3日

デモ一覧

## 9種類のストアデザイン、合計115ページ

それぞれがWebサイト全体としてインポートされます。商品とそのカテゴリー、ページ、メニュー、フォーム、すべてのWooCommerce画面を含み、すべて編集可能です。購入前にライブプレビューでご確認いただけます。

### [Clothing Store デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/store/)

ショップ・EC · 19ページ · [インストール内容：Clothing Store デモのブロックとコンテンツタイプ](https://docs.canvaswp.com/design-store)

### [Fashion Shop デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/shop/)

ショップ・EC · 25ページ

### [Furniture デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/furniture/)

ショップ・EC · 12ページ

### [Drone デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/drone/)

ショップ・EC · 12ページ

### [Wildroot Gear デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/gear/)

ショップ・EC · 14ページ · [インストール内容：Wildroot Gear デモのブロックとコンテンツタイプ](https://docs.canvaswp.com/design-gear)

### [Speaker Store デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/speaker/)

ショップ・EC · 11ページ

### [Supplement Store デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/supplements/)

ショップ・EC · 13ページ

### [eBook デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/ebook/)

ショップ・EC · 9ページ

なぜこのページは9件なのか？ほかのページでは21件のストアとして数えています。カタログには、動作するWooCommerceストアをインポートできるデモが21件あり、このページの9件は一般的なショップです。残りの13件は、ストアを別の種類のサイトに組み込むもの、または1シーズンや1つの工芸品のためのストアです：Bag Store、Barber Shop、CanvasRoam、Christmas Store、Conference、Fashion Store、FORM 2026、Game of Canvas、Illustrator、Jewelry Boutique、Podcasts、Pottery Shop、Wine Estate。21件すべては [WooCommerceページ](https://canvaswp.com/ja/woocommerce/#demos)にあります。

カタログ

## 商品レコードを1件編集すると、すべてのグリッドに反映されます

デモのコレクションページは、WooCommerceのカタログを読み込むCanvasストアブロックで構成されています。そのため、商品を追加したり価格を変更したりするには1件のレコードを編集するだけで、すべてのグリッドに反映されます。Clothing Storeデモの「Men's Collections」と「Women's Collection」ページでは、カテゴリフィルターと価格帯フィルターを組み合わせています。

- 41 products in the Fashion Shop demo, 20 in Supplement Store and 16 in Furniture
- グリッド、カルーセル、カテゴリーカード、価格フィルター。いずれもカテゴリー、タグ、検索、手動で選んだリストから項目を取得できます
- 管理画面で属性の項目に色を設定すると、バリエーション商品では、通常ドロップダウンが表示される場所にスウォッチが表示されます。
- グリッドまたはカードのオーバーレイからカートに追加すると、ページを再読み込みせずにヘッダーのカートが更新されます

売上につながる4つの画面

## ショップ、商品ページ、カート、チェックアウト

Canvasには24種類のWooCommerceブロックと18種類のストアテンプレートが含まれているため、買い物客が目にするすべての画面は設定パネルを備えたブロックになります。上書きが必要なPHPテンプレートは残っていません。

### ショップとコレクション

Each demo ships its own catalog pages, such as Men's Collections and Women's Collection in Clothing Store, or Rings, Earrings, Necklaces and Bracelets in Jewelry Boutique.

### 商品ページ

単一商品のレイアウトは、デフォルト、追従型のサマリー、リスト、カラー重視のデザイン、サイドバーのバリエーションから選べます。商品ごと、またはストアの初期設定として設定できます。

### カートとチェックアウト

WooCommerce独自のカートおよびチェックアウトブロックは、デモのページデザインの中に配置されるため、支払いを受け付ける画面は標準のままで、その周囲のページはショップに合わせた見た目になります。

[WooCommerce のブロック、テンプレート、ショップオプションをすべて網羅しています。](https://canvaswp.com/ja/woocommerce/)

スケール

## 3製品のローンチと41製品のカタログ

9種類のストアは、意図的に規模を変えています。単一商品のローンチと百貨店では必要なナビゲーションが異なるためです。自分の形に近いストアから始めれば、使わないページを削除する手間が省けます。

- Clothing Storeには19ページ、メガメニュー、6件のジャーナル投稿が含まれており、Fashion Shopには25ページが含まれています。
- Wildroot GearとeBookは、短い範囲でワンページナビゲーションを採用しています。
- Jewelry Boutiqueでは、配送、支払い、作品に込めたストーリーのページが追加されています。
- Supplement Store はブログ、FAQ、サポートページを追加し、Drone はオファー、動画、アクセサリーのページを追加し、Speaker Store はレビューとサポートを追加します。

[Canvas で WooCommerce ストアを設定する方法](https://canvaswp.com/ja/guides/start-a-woocommerce-store-with-wordpress/)

スマートフォンでの表示

## ショップへのアクセスの大半は、デスクトップ表示を一度も見ることがありません

カタログ、フィルター、チェックアウトはすべて同じレスポンシブブロックで構成されているため、別のレイアウトを管理する必要も、更新を忘れる箇所もありません。スクリーンショットは、出荷時の状態のClothing Storeデモで、幅390ピクセルです。

- Canvasは、ページで実際に使われるCSSとJavaScriptのみを読み込みます。
- 5つのスイッチにより、何も販売していないページからWooCommerceのスクリプトを外せます（カートフラグメントのポーリングを含む）。
- 商品画像には、WordPressによって幅、高さ、遅延読み込み、レスポンシブサイズが自動的に設定されます。
- ヘッダー、ページタイトル、フッターにはそれぞれ、スマートフォン用の独自ルールを設定できます。

ストアにCanvasを選ぶ理由

## ショップがトップページ以外で必要とする4つのポイント

### ショップに必要なページをすべて収録

商品とそのカテゴリー、コレクションページ、ポリシーページ、メニュー、フォームがまとめてインポートされるため、自分のカタログに差し替えている間もショップが正しく表示されます。

### WordPress自体で編集

価格、バッジ、セールバナーは、いずれもWordPressに標準で付属するエディターのブロックフィールドです。テーマと合わせて更新が必要なページビルダーのライセンスは不要です。

### 元に戻せる

Canvasは、インポートで書き込まれたデータをすべて記録します。「デモデータを削除」で元に戻せるので、別のストアデザインを試しても失うのは半日分の時間だけです。

### コピー作成ヘルプ付き

商品説明を書くのを楽しめる人はいません。CanvasAI Engineは、どのブロックのフィールドでもテキストの下書きや書き直しを行えます。年間プランでは毎月AIクレジットが付与されます。

よくある質問

## オンライン販売について、率直にお伝えします

以下の回答は、出荷時点のショップデモ9件に当てはまる内容です。

**9つのストアデモのうち、どれから始めればよいですか？**

お手持ちのカタログに合うCanvasストアデモを選びましょう。**アパレルストア**と **ファッションショップ**は、メガメニューとコレクションページを備えた大規模なファッションカタログ向けです。**家具**と **ジュエリーブティック**は、慎重な検討を要する購入向けのストアで、商品ページが長めです。**ドローン**、**スピーカーストア**、**サプリメントストア**は、ブログやサポートページを備えた小規模な品揃え向けです。**Wildroot Gear**と **eBook**は、数点の商品を紹介する1ページのローンチ向けです。すべてのデモは基盤となるテーマが同じで、選ぶのは出発点のデザインにすぎず、それ以上の制約はありません。

**それでもWooCommerceプラグインは必要ですか？**

はい：WooCommerceがストアを運営し、Canvasがそのデザインを担当します。WooCommerceは商品、在庫、注文、税率ルール、配送ゾーン、決済ゲートウェイを管理するため、他のWooCommerce拡張機能も引き続き動作します。Canvasは、その上のデザインレイヤーを提供します：24個のストアブロック、18個のストアテンプレート、39個のショップオプション。セットアップウィザードでストアデモを選ぶと、インポートの前にWooCommerceをインストールして有効化します。

**すでに商品を販売しています。インポートすると2つ目のチェックアウトが追加されますか？**

いいえ：Canvasのインポーターは、既存のショップページ、カート、チェックアウト、アカウントページを探し、デモのメニューとリンクをそれらに向けます。重複したページセットは作成されません。商品と注文はそのままで、インポートで作成されたものは「デモデータを削除」で削除できます。

**ストア用ブロックは別途購入が必要ですか？**

いいえ。Canvas のストアブロック24個はすべてプレミアムブロックで、どのプランにもすべてのプレミアムブロック、すべてのストアテンプレート、そして21件のデモストアすべてが含まれます。ECの上位プランやストア向けアドオンはありません。他社でも同様の例があります。[Kadence's Shop Kit](https://canvaswp.com/ja/compare/kadence/)はKadenceのProおよびEliteプランに含まれ、[Elementorの WooCommerce ウィジェット](https://canvaswp.com/ja/compare/elementor/)はAdvanced Soloから提供されており、OceanWPは [Ocean eCommerce Pro](https://canvaswp.com/ja/compare/oceanwp/)を単独の製品として販売しています。

**ショップ向けに Canvas ができないことは何ですか？**

Canvasは商取引そのものを担当しません。決済と税金、配送料、定期購入、予約、会員制、CRMなど、そのすべてはWooCommerceとその拡張機能の役割です。Canvasはショップ、商品ページ、カート、チェックアウトをデザインし、その後は代金のやり取りに関わる部分には立ち入りません。そのため、後からテーマを替えても注文はそのまま残ります。

**1つのライセンスで何サイトまで利用できますか？**

すべての Canvas ライセンスは、無制限のウェブサイトとマルチサイトネットワークに対応しています。年間は年額 $79、買い切りは一度のお支払いで $299 です。プランの違いは支払い方法、アップデート、AIクレジットのみで、機能の違いはありません。そのため、単一ストア向けライセンスでも、エージェンシー向けライセンスと同じブロックが付属します。

## さらに見る

### [WooCommerceストアを始める](https://canvaswp.com/ja/guides/start-a-woocommerce-store-with-wordpress/)

ステップごとのガイドです。プラグインのインストール、商品の追加、ショップ、商品ページ、カート、チェックアウトのデザインまでを解説します。

### [レストランのウェブサイト](https://canvaswp.com/ja/wordpress-themes/restaurant/)

メニュー項目と予約、さらにWine デモ（同じストアブロックでボトルを販売するワイナリー）。

### [すべての業種](https://canvaswp.com/ja/wordpress-themes/)

88件のデモをすべて、対象とするビジネスの種類ごとにまとめています。