これから Nishiki Pro
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る
  1. ホーム
  2. マニュアル
  3. Nishiki Pro for WooCommerce
  4. WooCommerce で作ったオンラインショップの「お買い物カゴ」「マイアカウント」「購入手続き」ページを固定ページで作成し、紐づける方法(紐づけるページの変更もできます)

WooCommerce で作ったオンラインショップで最低限、正しく商品を購入してもらうためには「お買い物カゴ」「マイアカウント」「購入手続き」の 3 つのページを「固定ページ」で作り、WooCommerce の設定でページの紐付けをしなければいけません。

固定ページを作って紐付けましょう
  1. 「お買い物カゴ」ページ・・・買い物カゴに入っている商品の一覧を表示するページです。「カートの中」ページと呼ばれることもあります。
  2. 「マイアカウント」ページ・・・購入者のアカウント情報を管理するページです。
  3. 「購入手続き」ページ・・・カートの中の商品を購入するため、配送先や決済情報を指定するページです。

WooCommerce インストール直後は、下の画像のように「カートの中を見る」「マイアカウント」「商品を購入する」ページが自動で作成され、各固定ページの隣に紐付けが表示がされます。

このままでも購入はできますが・・・WooCommerce インストール直後の設定のままだと、使用しているテーマのテイストに合わないことが多々あります。

そこで Nishiki Pro テーマでオンラインショップを作る場合は、テーマ専用にデザインが最適化された Nishiki Pro for WooCommerce プラグインを使用をおすすめします。

そして、以下の説明のようにそれぞれの固定ページに対してショートコード"のみ"入れてください(ショートコードを入れる際は「ショートコード」ブロックを使いましょう)。

「お買い物カゴ」ページ

WooCommerce インストール直後だとページ中にいろんなブロックが入っていますが、全て削除し、以下のショートコード"のみ"入れてください。

[woocommerce_cart]
「お買い物カゴ」ページの設定例

「マイアカウント」ページ

以下のショートコード"のみ"入れてください。

[woocommerce_my_account]
「マイアカウント」ページの設定例

「購入手続き」ページ

WooCommerce インストール直後だとページ中にいろんなブロックが入っていますが、全て削除し、以下のショートコード"のみ"入れてください。

[woocommerce_checkout]
「購入手続き」ページの設定例

WooCommerce と紐づける固定ページを変更する方法

応用編として、紐付ける固定ページを変更することもできます。ワードプレスの管理画面から「WooCommerce」→「設定」を選択します。

次に「高度な設定」を選択すると、固定ページ設定の欄があるので、それぞれ紐付けられているページを確認し、必要に応じて変更してください。

WordPress テーマ Nishiki Pro

「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したワードプレステーマです。

ブロックエディター機能を強化し、これまでのワードプレスでは難しかったコンテンツが簡単に作れます。

ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイト、オンラインショップなど、様々な目的のウェブサイトに対応できるテーマです。

最新情報をチェック!

Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀

  • リリース情報
  • 新機能の紹介
  • 便利な使い方
  • 開発中の機能紹介
  • 導入事例
  • あるある日常ネタ

など

著者

Imamura

東京都北区十条にある株式会社 AnimaGate の代表をやっています。WordPress テーマやプラグインなどの自社製品の開発や、サポトピアが提供するコンテンツやサービスの全般的な開発/管理を行っています。

他のマニュアルを見る

Nishiki Pro for WooCommerce

マニュアルTOPへ戻る