AstraがWooCommerceと連携してユーザーログイン機能を追加する方法とは？完全なハウツーガイド

アストラテーマとWooCommerceでeコマースサイトを構築する場合、ユーザーログイン機能を追加するのは簡単です。WooCommerceの設定で「顧客アカウント」機能を有効にするだけで、システムが自動的にログイン、登録、アカウントページを作成し、アストラのテーマは、これらのページと完全に互換性があり、顧客は直接バックエンドに入ることなく、フロントエンドで登録、ログイン、注文の確認やその他の操作を完了することができます。すべてのプロセスは、コードなしで数分で設定することができます。

I. なぜAstraにWooCommerceのログイン機能を追加する必要があるのですか？

WooCommerce 自己完結的なユーザー・ログインの仕組みは、主にこの部分に反映されている：

ショッピングカートのチェックアウト時にユーザーにログインを促す
WooCommerceは、ログイン、登録、注文管理などを統合した「マイアカウント」ページを提供しています！

AstraのWooCommerceに対するネイティブ・サポートは優れており、以下の方法でユーザー体験を向上させます：

ログインボタンをトップナビゲーションバーまたはヘッダーに組み込む
マイアカウントページのスタイルをカスタマイズする
Gutenbergエディタでログインページのレイアウトを最適化する

前提条件の準備

以下をインストールし、有効にする。

アストラのテーマ（推奨試合）アストラ・プロ (より多くのWooCommerceコントロールを開く）

WooCommerceプラグイン（公式eコマースシステム、無料）

ユーザー管理支援プラグイン（オプション）
- テーマ・マイ・ログイン（フロントエンドのログイン／登録インターフェース）
- Nextendソーシャルログイン（サードパーティソーシャルアカウントログイン）
- ユーザー登録（登録フィールド拡張）

WooCommerceログイン機能の有効化

ステップ1：ユーザー登録とログイン機能を有効にする

バックステージへ WooCommerce → 設定 → アカウントとプライバシー、以下のオプションにチェックを入れる：

顧客が「マイアカウント」ページでログインできるようにする。
顧客がチェックアウト時にアカウントを作成できるようにする
顧客の自動アカウント作成（オプション）

設定を保存すると、マイ・アカウント・ページにはログイン・フォームと登録フォームの両方が表示されます。

IV.カスタムメニューによる「ログイン／マイアカウント」ポータルの追加

バックステージ → 外観 → メニュー

WooCommerceの自動生成された "My Account "ページを追加する。 /マイアカウント)

名前を挙げてください」。ログイン / マイアカウント「またはカスタム名
プラグインと併用可能メニューログイン状態の「ログイン」と「ログアウト」ボタンの表示を切り替える。

V. Astraのトップメニューバーにログインボタンを追加する。

ログイン機能をヘッダーの目立つところに表示したい場合は、Astraのヘッダービルダーでできます：

外観 → カスタマイズ → ヘッドビルダー

ボタン」または「HTML」モジュールの追加

ジャンプリンクを /マイアカウント もしかしたら /ログイン

ボタンテキストは、"Login "または "Account Centre "です。

全体のデザインスタイルに合わせてカスタマイズされたスタイル

六、使用グーテンベルクログインページの最適化（オプション）

Astraは、WordPressネイティブのブロックエディターであるGutenbergと完全な互換性があり、以下のような用途に使用できます。ログインページのカスタマイズを作成し、Astraのナビゲーションメニューやボタンを使ってメインのログインポータルとして使用します。

1.新規「ユーザーログイン」ページの作成

バックエンド → ページ → 新規ページ
推奨タイトル："ユーザーログイン "または "アカウントセンター"

Use Gutenberg editor」（＝デフォルトの編集方法）をクリックして編集する。

2.ログインフォームの挿入

方法1: ショートコードブロックを使ってWooCommerceログインフォームを挿入する：

ページコンテンツエリアをクリック → ブロックを追加 → 検索して「ショートコード」ブロックを挿入
以下のように入力する：





	


		ログイン

		

			
			
				ユーザー名またはメールアドレス *必須
							
			
				パスワード *必須
				
			

			
			
				
					 ログイン状態を保存
				
								
			
			
				パスワードをお忘れですか ?
			

			
		


	

	

		登録

		

			
			
			
				メールアドレス *必須
							

			
				新しいパスワードを設定するリンクが登録メールアドレス宛に送信されます。

			
			お客様の個人情報は、本サイトのご利用を通じてお客様をサポートするため、お客様のアカウントへのアクセスを管理するため、および当社の以下の目的のために使用されます。プライバシーポリシーその他の使用法については

注：このショートコードには、ログインフォームだけでなく、アカウント情報ブロックを含む登録フォームも含まれています（ログイン後に自動的に切り替わります）。

方法2（上級者向け）：ユーザーログインをサポートするフォームプラグインを使用する。 WPForms またはユーザー登録の場合は、フォーム生成後にショートコードを挿入してください。

概要

アストラのテーマWooCommerce美しく機能的なユーザーログインシステムを、プログラミングなしで素早く構築するのに最適です。デフォルトのアカウントページを使用する場合でも、独立したログインポータルを作成する場合でも、簡単に実装でき、顧客にスムーズなショッピング体験を提供できます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み