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をマルチサイト化するために必要な、サブドメインの登録等の設定方法を解説します。
サーバー上のショップサイトを設定
お客様に実際に公開する、サーバー上のショップページを設定していきましょう。基本的な設定の流れはローカルで行った方法と同じです。
