今回はWooCommerceを利用したECサイトの設定について説明します。ECサイトは機能が格段に多くなりますので、設定する内容も多くなります。設定手順は動画で示しますので何度も見直しながら理解してください。

インフラ準備

ECサイトの要件定義が完了したら、インフラストラクチャ（ドメイン、サーバなど）の準備をします。これは、WEBサイトを作成する上では共通の手順となりますので、ブログサイト編で説明した内容を参考にしてください。以下に記事のリンクを示します。

• 【WordPress講座　ブログサイト編】<p>４．ドメインとサーバーの準備</p>

ECサイトの基本構成

以下に今回作成するECサイトの基本構成を示します。テーマはWooCommerceの開発元が推奨するStoreFrontを採用します。WooCommerceをインストールすると付随する機能拡張用のプラグインがインストールされます。さらに、WooCommerceの日本対応の拡張機能プラグインであるJapanized for WooCommerceをインストールします。この構成に要件に合わせて、必要なプラグインを追加していきます。

ECサイトの設定手順

ECサイトの基本構成を以下の11の手順に従って設定していきます。

1. WordPressの設定
2. WooCommerceのインストールと有効化
3. Japanized for WooCommerceのインストール＆有効化＆設定
4. WooCommerceの設定
5. テーマ『StoreFront』の設定
6. 商品の登録
7. バリエーションの設定
8. 固定ページの準備
9. 投稿ページの準備
10. メニューの作成
11. ウィジットの作成とホームページの設定

この手順したがって順番に説明していきます。

１．WordPressの設定
２．WooCommerceのインストール＆有効化

まず最初は、１．WordPressの設定、２．WooCommerceのインストールと有効化について説明します。細かい設定手順を以下の図に示します。さらに、動画で具体的な設定内容を説明します。

３．Japanized for WooCommerceの設定

次に、Japanized for WooCommerceの設定について説明します。細かい設定手順を以下の図に示します。さらに、動画で具体的な設定内容を説明します。設定が多いので漏れのないようにしましょう。

４．WooCommerceの設定

次に、４．WooCommerceの設定について説明します。細かい設定手順を以下の図に示します。さらに、動画で具体的な設定内容を説明します。こちらも、設定が多いので3つの動画に分けます。漏れのないようにしましょう。

５．テーマ『StoreFront』の設定

次に、テーマ『StoreFront』の設定について説明します。細かい設定手順を以下の図に示します。さらに、動画で具体的な設定内容を説明します。

６．商品の登録

次に商品の登録について説明します。商品の登録をする場合、要件定義段階で作成した商品カテゴリリストと商品リストが必要となります。さらに、商品リストにはサイズ、仕様、商品説明も追加すると登録時に役立ちます。また、類別の有無なども明確にしておきます。以下に今回設定に利用する商品カテゴリリストと商品リストを示します。

また、商品の画像を準備します。画像は商品のアピールに大変重要ですので、プロにお願いすることも選択肢の一つです。以下に商品名『織部湯呑』の画像サンプルを示します。　画像は1商品について3～5枚程度準備します。

細かい登録手順を以下の図に示します。さらに、動画で具体的な登録内容を説明します。

７．バリエーションの設定

次に、バリエーションの設定について説明します。バリエーションは、商品によってサイズ違い、色違いの場合に利用します。バリエーションにするか種類別にするかは検討する必要がありますが、衣料品の場合、サイズ違いはバリエーションにするのが一般的です。また機能商品（家電、食器など）の場合は色違いはバリエーションにします。

細かい設定手順を以下の図に示します。さらに、動画で具体的な設定内容を説明します。

　８．固定ページの準備

次に、固定ページの準備について説明します。サイトのページ構成を成立させるため、固定ページでいいかのページを作成します。

1. ホームページ
2. ショップについてのページ
3. プライバシーポリシーのページ
4. 利用規約のページ
5. お問い合わせフォームのページ

細かい作成手順を以下の図に示します。さらに、動画で具体的な作成内容を説明します。動画は2つに分かれています。

　９．投稿ページの準備
１０．メニューの作成
１１．ウィジットの作成

最後にサイトの体裁を整えるため、９．投稿ページの準備、１０．メニューの作成、１１。ウィジットの作成とホームページの設定について説明します。細かい作成手順を以下の図に示します。さらに、動画で具体的な作成内容を説明します。

まとめ

WordPressとプラグインWooCommerceを利用したECサイトの作成方法について以下の通り説明しました。

1. ECサイトのインフラストラクチャの準備について説明しました。
2. ECサイトの基本構成について説明しました。
3. WordPress、テーマ『StoreFront』の設定、WooCommerceの設定や商品の登録などを以下の11手順に従って動画で説明しました。
   1. WordPressの設定
   2. WooCommerceのインストールと有効化
   3. Japanized for WooCommerceのインストール＆有効化＆設定
   4. WooCommerceの設定
   5. テーマ『StoreFront』の設定
   6. 商品の登録
   7. バリエーションの設定
   8. 固定ページの準備
   9. 投稿ページの準備
   10. メニューの作成
   11. ウィジットの作成とホームページの設定

ECサイトは機能が多くなるため、設定が複雑となります。今回説明した設定をベースに自分で必要な設定を追加することで効率的にECサイトを作成することができます。

次回からECサイトのリリースと運用について説明していきますのでご期待ください。

本講座では極力簡単に説明していきますが、それでも、わかりにくい点やご意見があれば、記事下のコメント欄、もしくはContactメールでお知らせください。皆さんと一緒にこのコンテンツを作っていきたいと思いますのでよろしくお願いいたします。