WordPress ECサイト構築

WordPressにプラグイン「WooCommerce」を追加し、ECサイトとして運用できるように設定します。

プレミアムサービスを見る
※この講座はプレミアムサービスに加入する必要があります。

レベル

ビギナー

期間

1日約1時間で 0日間

WordPressにプラグイン「WooCommerce」を追加し、ECサイトとして運用できるように設定します。

レッスン


制作の流れと開発環境の用意

WordPressを使ってショップサイトを作るまでの制作の流れ、ローカルで開発環境を作成する方法を紹介します。

WordPressをマルチサイト化する

今回の制作ではWordPressをマルチサイト化し、ショップサイトとポートフォリオサイトをそれぞれ独立した形で動かします。マルチサイト化に必要な、WordPressサイトネットワーク作成の方法を解説します。

マルチサイト化したWordPressの変更点

マルチサイト化したWordPressでは、サイトネットワーク管理という管理画面が追加されます。テーマやプラグインの追加などサイトネットワーク管理で行う内容、シングルサイトとの違いについて紹介します。

WooCommerceをインストールしよう

Wordpress用のeコマースプラグイン「WooCommerce」のインストールと初期設定画面の入力方法を解説します。

WooCommerceを日本対応させよう

WooCommerceの住所入力フォーム・銀行口座等を日本国内向けECサイトとして使用できるように設定するプラグイン「Japanized for WooCommerce」のインストールと初期設定方法を解説します。

WooCommerceの設定について

配送料や消費税などWooCommerceで設定するショップ運営に関わる初期設定、WooCommerce設定画面の概要を紹介します。

WooCommerce設定①消費税

WooCommerceで商品に対して設定する消費税の設定方法を解説します。税込み・税抜き表示の切り替え、軽減税率の設定も可能です。

WooCommerce設定②送料

WooCommerceで送料の設定を行いましょう。全国一律の送料、地域・サイズ別に送料が変わる場合の設定方法を解説します。

WooCommerce設定③振込口座

商品の理払い方法で「口座振り込み」を利用する際に必要な、WooCommerceでの口座登録方法を解説します。

WooCommerce設定④Stripeとの連動

WooCommerceショップの支払画面で、クレジットカード決済が行えるようにするため「stripe」と連動させます。stripe登録方法やテストモードの使用方法を解説します。

サンプル商品の登録

WooCommerceの動作を確認するためにサンプル商品を登録してみましょう。商品追加画面、エディター項目について紹介します。

商品の在庫数・送料・税率などの設定

WooCommerceの商品登録画面に表示される「商品データー」部分の設定方法を紹介します。設定した送料や消費税の反映もこちらで行いますよ。

バリエーションのある商品登録

同じ商品に色・タイプなどのバリエーションがある場合の登録方法を解説します。

注文時の動作を確認しよう

サンプル商品を使って、WooCommerceショップで商品の購入を試してみましょう。お客様側の操作・ショップ側の操作両方を解説します。

ダウンロード販売商品の登録・確認

WooCommerceショップでPDFやmp3などインターネット上で商品データの引き渡しを行う「タウンロード販売」を行う場合の設定方法を解説します。

テーマカスタマイズについて

WordPressの「子テーマ」という機能を使い、WooCommerceサイトを簡単にカスタマイズする方法を解説します。

子テーマディレクトリを作成する

子テーマを使用するために必要な準備、子テーマを有効化する方法を解説します。

ヘッダー部分のカスタマイズ

作成した子テーマを使って、ショップサイトに表示されているヘッダー部分をカスタムしましょう。ヒーロー画像を入れることでショップの雰囲気を出すことが出来ます。

footerの調整とカスタマイズ機能

子テーマを使ってショップページのフッター部分をカスタマイズしましょう。WordPressに搭載されているカスタマイザーについても解説します。

フロントページの設定

ショップのフロントページに掲載する商品を選択しましょう。固定ページのエディターを使用することで、誰でも簡単に商品の入れ替えが行えます。

サーバー上のWordpressマルチサイト化

サーバーで航海しているWordPressをマルチサイト化するために必要な、サブドメインの登録等の設定方法を解説します。

サーバー上のショップサイトを設定

お客様に実際に公開する、サーバー上のショップページを設定していきましょう。基本的な設定の流れはローカルで行った方法と同じです。

×