WordPressのログインフォームを任意のページに追加する方法（4つの方法）

WordPressサイトの任意のページにログインフォームを追加することは、特にコーディングや複雑な設定に慣れていない場合、難しく思えるかもしれません。

サイトを壊したり、解決策を見つけるのに何時間も費やしたりすることなく、これを行う簡単な方法があるのではないかと思っているかもしれません。幸いなことに、WPFormsのような適切なツールを使えば、実際には簡単なプロセスです。

このガイドでは、数回クリックするだけでWordPressサイトの任意のページにログインフォームを追加する方法を説明し、時間を節約し、技術的な問題を回避します。

今すぐWordPressログインフォームを作成しましょう！🙂

WordPressの任意のページにログインフォームを作成する方法

WordPressにログインフォームを追加するにはいくつかの方法がありますが、適切な方法はフォームの外観と機能に対してどの程度の制御が必要かによって異なります。ここでは、私がカバーする内容を説明します。

方法1：埋め込みウィザードを使用する

これは、ログインフォームをページに追加する最も簡単な方法です。フォームビルダーを離れる必要さえありません。フォームを作成または編集した後、ビルダーの右上にあるEmbedボタンをクリックします。

ポップアップで2つのオプションが表示されます：新しいページを作成するか、既存のページを選択します。

新しいページに埋め込む

ログインフォーム用の新しいページが必要な場合は、Create New Pageをクリックします。ページの名前を入力し、Let’s Goをクリックします。

フォームがすでに埋め込まれた状態で、そのページに直接移動します。公開をクリックして公開するだけです。

既存のページに埋め込む

すでにログインフォームを配置したいページがありますか？Select Existing Pageをクリックし、ドロップダウンからページを選択します。

Let’s Goをクリックすると、そのページの編集画面にリダイレクトされます。ここから、WPFormsブロックをページに追加する必要がある場合があります（方法2で説明します）。変更を保存するには、Updateをクリックします。

方法2：ブロックエディターを使用する

すでにページを編集していて、ログインフォームを挿入したい場合は、WPFormsブロックを直接追加できます。フォームビルダーに戻る必要はありません。

フォームを配置したいページを開きます。+ボタンをクリックしてブロックインサーターを開き、「WPForms」を検索します。WPFormsブロックをクリックしてページに追加し、ドロップダウンからログインフォームを選択します。

フォームはエディターに直接表示されます。準備ができたら公開または更新をクリックしてください。

これを必要なだけ多くのページで繰り返すことができます。すべてのログイン送信は、WPForms » Entriesの下の1か所に流れ続けます。埋め込みオプションの全リストについては、サイトにフォームを表示するに関するドキュメントを確認してください。

WPFormsブロック設定を構成する

フォームを追加すると、右側のサイドバーパネルに追加の設定が表示されます。

調整できる項目は次のとおりです。

• タイトルを表示および説明を表示：これらをオンにすると、フォームフィールドの上にフォームの名前と説明が表示されます。
• フォームのスタイル：WPFormsを使用すると、CSSを記述せずにブロックエディターで直接フォームをスタイル設定できます。フィールドのサイズ、色、ボタンのスタイルを視覚的に変更できます。
• 詳細設定：フォームの外観をより細かく制御する必要がある場合は、カスタムCSSクラスを追加します。

方法3：ショートコードを使用する

WPFormsは、作成したすべてのフォームに一意のショートコードを生成します。これは、Classic Editor、ブロックを完全にサポートしていないテーマ、またはショートコードを受け入れる領域を使用している場合に便利です。

フォームのショートコードを見つけるには、ダッシュボードのWPForms » All Formsに移動します。各フォームの横にショートコードが表示されます。次のようになります。

ショートコードをコピーし、ログインフォームを表示したいページまたは投稿を開き、ショートコードブロックを追加して貼り付け、公開または更新をクリックします。

このショートコードを使用して、テキストウィジェット、サイドバーエリア、およびショートコードがサポートされているその他の場所にもログインフォームを埋め込むことができます。

方法4：ウィジェットを使用する（サイドバーまたはフッター）

サイトのすべてのページにログインフォームを表示したいですか？サイドバーまたはフッターにウィジェットとして追加するのは良い選択肢です。

訪問者は、専用のログインページを探すことなく、どこからでもログインできます。WordPressダッシュボードで外観 » ウィジェットに移動します。

メインサイドバーセクションを見つけます。テーマがサイドバーをサポートしていない場合、このオプションは表示されません。+ボタンをクリックしてWPFormsを検索します。

WPFormsブロックをクリックして追加し、ドロップダウンからログインフォームを選択します。

ウィジェットエリアにフォームのプレビューが表示されます。

フッターでも同様に行うことができます。フッターバーウィジェットエリアまでスクロールし、WPFormsブロックを追加して、ログインフォームを選択します。

完了したら更新をクリックします。サイドバーにログインフォームが表示されると、次のようになります。

そして、フッターでは次のようになります。

ブロックテーマとフルサイト編集を使用している場合は、代わりに外観 » エディターに移動します。サイドバーまたはフッターのテンプレートパーツを開き、そこにWPFormsブロックを追加します。

ボーナス：ユーザー登録フォームを作成する

サイトにログインフォームが配置されたので、新しい訪問者がアカウントを作成できるように、登録フォームも必要になるでしょう。WPFormsは、以前にセットアップしたのと同じユーザー登録アドオンでこれを処理します。

必要なフィールドがあればカスタム登録フォームを作成し、上記の方法のいずれかを使用して埋め込むことができます。完全な手順については、WordPressでユーザー登録フォームを作成する方法に関するこの記事をご覧ください。

登録ページを作成したら、訪問者が見つけられるようにサイトのナビゲーションに追加したいでしょう。WordPressダッシュボードで、外観 » メニューに移動します。

まだメニューがない場合は、名前を付けてメニューを作成をクリックします。

左側のページセクションで、すべて表示をクリックして公開済みのすべてのページを表示します。ログインページと登録ページのチェックボックスをオンにして、メニューに追加をクリックします。

メニュー項目をドラッグアンドドロップして、好きなように配置します。

表示場所（プライマリメニューなど）を選択し、メニューを保存をクリックします。

これで、ログインページと登録ページがサイトのメインナビゲーションに追加されました。

ブロックテーマを使用している場合は、代わりに外観 » エディターからこれらのページを追加します。ヘッダーテンプレートパーツを開き、ナビゲーションブロックを選択して、そこにリンクを追加します。

WordPressログインページを改善するためのヒント

• ログインリダイレクトを設定する：ログイン後にユーザーをホームページに誘導しないでください。アカウントページや会員限定ダッシュボードなど、役立つ場所に誘導しましょう。WordPressの登録リダイレクトの設定方法については、こちらの完全ガイドをご覧ください。
• スパム対策を追加する：ログインフォームはブルートフォース攻撃の標的となります。WPFormsを使用している場合は、CAPTCHAを有効にしたり、スパム対策ルールを設定したり、組み込みのハニーポットを使用したりできます。これらのスパムユーザー登録を排除するための簡単なトリックは、ログインフォームにも有効です。
• 見た目をカスタマイズする：プレーンなログインフォームでも機能しますが、サイトのブランディングに合わせることで、より良い印象を与えることができます。カスタムカラー、ロゴ、レイアウトを使用して、ログインフォームのブランディングをカスタマイズできます。インスピレーションを得るために、これらのログインページの例をご覧ください。

WordPressログインフォームを任意のページに追加することに関するFAQ

WordPressログインフォームを任意のページに追加することは、会員制サイト、オンラインコース、コミュニティフォーラムを運営するサイト所有者から最もよく寄せられるリクエストの1つです。ここでは、最もよく見かける質問をいくつか紹介します。

WordPressログインフォームをページに追加するにはどうすればよいですか？

最も簡単な方法は、WPForms ProとUser Registrationアドオンを使用することです。ビルダーでログインフォームを作成し、埋め込みウィザード、ブロックエディター、ショートコード、またはウィジェットを使用して任意のページに埋め込みます。よりシンプルなアプローチとして、組み込みのWordPressログイン/ログアウトブロックを使用することもできます。

WPログインを別のページにリダイレクトするにはどうすればよいですか？

WPFormsでは、ログインフォームの「設定 » 確認画面」に移動し、リダイレクトページを設定します。条件付きロジックを使用して、ユーザーロールごとに異なるリダイレクトを作成できます。wp_login_form()を使用している場合は、宛先URLを指定してredirectパラメータを渡します。

ログインフォームと登録フォームの違いは何ですか？

ログインフォームは、既存のユーザーがユーザー名とパスワードでアカウントにサインインできるようにするものです。登録フォームは、新規訪問者がアカウントを作成できるようにするものです。ほとんどのサイトでは両方が必要であり、WPFormsでは同じUser Registrationアドオンを使用して両方のタイプを作成できます。

フォームの回答に基づいて異なるユーザーロールを割り当てることができますか？

はい。WPFormsでは、ユーザーが登録フォームにどのように記入したかに基づいて、条件付きでユーザーロールを割り当てることができます。これにより、サイトの権限とアクセスレベルをより細かく制御できます。

次に、ログインページをカスタマイズする

これで、WordPressログインフォームをサイトの任意のページに追加する5つの異なる方法がカバーされました。ログインフォームが公開されたので、次に実行したいことがいくつかあります。

• 色、ロゴ、カスタムレイアウトでログインフォームのブランディングをカスタマイズする
• ユーザーを目的の場所に送信するために登録リダイレクトを設定する
• CAPTCHAとスパム対策ツールでスパム登録を排除する

WordPressログインフォームを今すぐ作成

フォームの作成準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。

この記事がお役に立った場合は、FacebookとTwitterでフォローして、WordPressの無料チュートリアルやガイドをさらにご覧ください。