Astra Themeにユーザー登録とログイン機能を追加するには？チュートリアル

あるワードプレスウェブサイトにユーザー登録とログイン機能を追加することは、会員制サイト、学習プラットフォーム、Eコマースサイトを作成するための基礎となります。軽量で柔軟なWordPressテーマAstraを使えば、コードを知らなくてもフロントエンドのユーザーシステムを簡単に実装できます。今回は、シンプルで初心者向けのプラグインを使って、ユーザー登録・ログインフォームを素早く設置し、ページを作成し、美化する方法をご紹介します。

I. なぜAstraでフロントエンドのユーザー登録／ログイン機能を使うのですか？

デフォルトでは、WordPress はバックエンドのログインページ ( wp-login.php)、大雑把なインターフェイス、不親切なジャンプ、貧弱なユーザーエクスペリエンス。使用方法アストラサードパーティのプラグインと組み合わせることで、これを実現することができる：

ユーザー登録／ログイン・インターフェースの改善
バックエンドにアクセスすることなくフロントエンドのプロセスを完了
カスタマイズ可能なフォームフィールド、ジャンプパス、パーミッション
アストラのデザインとの高度な統合

II.準備作業

1.Astraテーマをインストールして有効にする

WordPressのバックエンド：

外観 → テーマ → 追加 → 「Astra」を検索 → インストールして有効にする

Astraはデフォルトでページビルダーをサポートしています (エレメンタ / グーテンベルク)を使って、その後のフォーム内容の追加を容易にする。

2.ユーザー登録・ログイン用プラグインのインストール

フロントエンドのユーザー登録とログインシステムは、これらの使いやすいプラグインを使って素早く構築できます：

プラグイン名	用途	無料かどうか
WPForms Lite	登録とログインフォームの作成	無料
ユーザー登録	プロフェッショナルユーザー登録プラグイン	無料
テーマ・マイ・ログイン	フロントエンド・ユーザー・インターフェースの迅速な生成	無料
ソーシャルログイン	クイック・ソーシャル・ログイン機能	無料

方法1：WPFormsを使って登録フォームとログインフォームを素早く作る

ステップ1：WPFormsプラグインをインストールする

バックエンド → プラグイン → プラグインの追加 → "WPForms "を検索 → インストールして有効にする

ステップ2：登録フォームの作成

バックエンド → WPForms → 新規フォームの追加

テンプレート「ユーザー登録フォーム」を選択（有料版へのアップグレードが必要です）

使用頻度の高いフィールド（ユーザー名、Eメールなど）をドラッグ＆ドロップして、プロンプトやスタイルをカスタマイズできます。

保存後、ショートコードをコピーしてください。 [wpforms id="123"]

ステップ 3: ログインフォームの作成

上記のプロセスを繰り返して、「ログインフォーム」テンプレートを使ってログインフォームを作成し、保存してショートコードを取得します。

ステップ4：ページにフォームを追加する

新しいページ（例：「ユーザー登録」、「ユーザーログイン）
あるグーテンベルクエディターで「ショートコード」ブロックを挿入する

フォームのショートコードを貼り付けてページを公開する
コードを記述することなく、自動的に登録フォームやログインフォームを表示します。

AstraのFull Width TemplatesやElementorを使用することで、より美しいユーザーインターフェイスを構築することができます。

方法2：ユーザー登録プラグインを使用して、完全なユーザーシステムを作成する。

ユーザー登録はプロフェッショナルワードプレスフィールド拡張、カスタムロール、Eメールバリデーションが必要なサイトのためのフロントエンドユーザーシステムプラグインです。

ステップ1：プラグインをインストールして有効にする

Plugins → Add New Plugin → "User Registration "を検索 → インストールして有効にする。

ステップ2：登録フォームの作成

バックエンド → ユーザー登録 → 新規追加

ドラッグ＆ドロップでフォームを作成（住所、アバターアップロード、カスタムフィールドに対応）
デフォルトのユーザーロール（加入者など）とリダイレクトパスの設定
ショートコードを保存してコピーする（例 [user_registration_form id="456"])

ステップ3：ログインページの作成

プラグインは自動的にログイン/登録/パスワード忘れページを生成します。また、手動でログインフォームのショートコードを任意のページに挿入することもできます。

V. Astraのナビゲーション・メニューへのログイン／登録ポータルの追加

ユーザーにとって直感的なエントリーポイントを提供することは不可欠であり、Astraは柔軟なメニュー設定を提供する。

手順は以下の通り：

外観 → メニュー → メインナビゲーションの選択

カスタムリンク」を追加し、ログインページと登録ページのアドレスを入力します。

Ifメニューは、「ログイン状態の下に隠す/表示する」ボタンを設定するために使用することができます。

VI.ログイン後のリダイレクトとアカウント管理ページの設定

ほとんどのユーザーは、ログインして「パーソナルセンター」と「マイオーダー」のページに行きたいと考えています。

WPForms/Theme My Loginプラグインは、「ログイン後のジャンプ」アドレスを設定することができます。
ユーザー登録ログイン後、「ユーザー紹介ページ」にアクセスできます。
もし WooCommerceログイン後のページを「マイアカウント」ページに設定することができます。

VII.追加提案：機能拡張

需要	プラグイン	指示
ソーシャルアカウントへのクイックログイン	ソーシャルログイン	バッキンググーグルインターネット企業Facebook、Twitterログイン
電子メール認証/承認登録	ユーザー登録プロ	ユーザー登録行動の制限
アバターのアップロードとプロフィールの編集	プロフィールプレス	フロントエンドのユーザープロフィール改善ページ
マルチステップ登録	WPForms Pro	複雑な登録体験を強化する

VIII.よくある質問（FAQ）

Q1：登録後、メールが届きません。

サイトにSMTPプラグインが設定されているか確認する（例 WP Mail SMTP)、メールが正しく送信されるようにする。

Q2: 登録ユーザーの役割を制限するにはどうすればよいですか？

一般ユーザが管理者権限を取得できないように、プラグイン設定でデフォルトのロールを "Subscriber "またはカスタムロールに指定してください。

Q3: Astraはこれらの機能の表示に影響を与えますか？

それはない。アストラ主流のフォームプラグイン、ユーザーシステムプラグインとの互換性が高く、カスタムスタイルをサポートしているため、あらゆるレベルのユーザーに適しています。

概要

Astra + Pluginの組み合わせにより、コードを書くことなく、フル機能を備えた、美しく互換性のあるユーザー登録・ログインシステムを簡単に構築することができます。会員制サイト、ソーシャルコミュニティ、コンテンツ投稿プラットフォームのいずれを構築する場合でも、この一連のソリューションは素早く導入でき、ユーザーエクスペリエンスと運営効率を向上させることができます。

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