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

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

あなたのサイトを壊したり、それを理解するのに何時間も費やすことなく、これを行う簡単な方法があるかどうか疑問に思うかもしれません。幸い、WPFormsのような適切なツールを使えば、実は簡単な作業なのです。

このガイドでは、数回のクリックでWordPressサイトのどのページにもログインフォームを追加する方法を説明します。

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

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

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

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

これは、ページにログインフォームを追加する最も手っ取り早い方法です。フォームビルダーから離れる必要すらありません。フォームを作成または編集したら、ビルダーの右上にある「埋め込み」ボタンをクリックしてください。

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

新しいページに埋め込む

ログインフォーム用の新しいページを作成したい場合は、「新しいページを作成」をクリックしてください。ページ名を入力し、「さあ、始めましょう」をクリックしてください。

フォームがすでに埋め込まれた状態で、ページエディタに直接移動します。「公開」をクリックするだけで、すぐに公開されます。

既存のページに埋め込む

ログインフォームを表示したいページがすでにありますか？「既存のページを選択」をクリックし、ドロップダウンからそのページを選んでください。

「Let’s Go」をクリックすると、そのページのエディタ画面に移動します。ここから、ページにWPFormsブロックを追加する必要がある場合があります（その方法については「方法2」で説明します）。「更新」をクリックして変更を保存してください。

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

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

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

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

この操作は、必要なだけ何度でも繰り返すことができます。すべてのログイン送信データは、引き続き「WPForms」＞「エントリー」の下に一箇所に集約されます。埋め込みオプションの全一覧については、サイトへのフォーム表示に関するドキュメントをご確認ください。

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

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

以下は調整可能な項目です：

• 「番組名」と「番組説明」：これらをオンにすると、フォーム入力欄の上にフォームの名前と説明が表示されます。
• フォームのスタイル設定：WPForms を使えば、CSS を記述することなく、ブロックエディタ上で直接フォームのスタイルを設定できます。フィールドのサイズや色、ボタンのスタイルなどを視覚的に変更できます。
• 上級者向け：フォームの外観をより細かく調整したい場合は、カスタムCSSクラスを追加してください。

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

WPFormsでは、作成するフォームごとに固有のショートコードが生成されます。これは、クラシックエディタを使用している場合や、ブロックを完全にはサポートしていないテーマを使用している場合、あるいはショートコードが使用可能な領域で作業する際に便利です。

フォームのショートコードを確認するには、ダッシュボードの「WPForms」»「すべてのフォーム」に移動してください。各フォームの横にショートコードが表示されます。ショートコードは次のような形式になっています：

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

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

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

サイトのすべてのページにログインフォームを表示させたいですか？サイドバーやフッターにウィジェットとして追加するのがおすすめです。

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

「メインサイドバー」セクションを探してください。お使いのテーマがサイドバーに対応していない場合、このオプションは表示されません。「+」ボタンをクリックし、「WPForms」を検索してください。

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

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

フッターについても同様の手順で行えます。「フッターバー」ウィジェットエリアまでスクロールし、「WPForms」ブロックを追加して、ログインフォームを選択してください。

完了したら「更新」をクリックしてください。サイドバーに表示されるログインフォームは、次のようになります：

そして、フッターには次のように記載されています：

「フルサイト編集」機能を備えたブロックテーマを使用している場合は、代わりに「外観」»「エディタ」に移動してください。サイドバーまたはフッターのテンプレート部分を開き、そこにWPFormsブロックを追加してください。

おまけ：ユーザー登録フォームの作成

サイトにログインフォームができたので、新規訪問者がアカウントを作成できるように、登録フォームも用意したいと思うでしょう。WPFormsでは、先ほど設定したのと同じ「ユーザー登録」アドオンを使ってこれを実現できます。

必要な項目を自由に設定してカスタム登録フォームを作成し、上記のいずれかの方法で埋め込むことができます。詳しい手順については、WordPressでユーザー登録フォームを作成する方法に関するこのガイドをご覧ください。

登録ページを作成したら、訪問者が見つけられるように、サイトのナビゲーションに追加しましょう。WordPressの管理画面で、「外観」＞「メニュー」に移動します。

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

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

メニュー項目をドラッグ＆ドロップして、お好みの順序に並べ替えてください。

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

これで、ログインページと登録ページがサイトのメインナビゲーションに表示されるようになりました。

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

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

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

「任意のページにWordPressのログインフォームを追加する方法」に関するよくある質問

会員制サイト、オンライン講座、またはコミュニティフォーラムを運営しているサイト管理者から、WordPressのログインフォームを任意のページに追加したいという要望は、最もよく寄せられるものの一つです。ここでは、私が最も頻繁に目にする質問をご紹介します。

WordPressのページにログインフォームを追加するには？

最も簡単な方法は、WPForms Proと「ユーザー登録」アドオンを併用することです。ビルダーでログインフォームを作成し、埋め込みウィザード、ブロックエディタ、ショートコード、またはウィジェットを使用して、任意のページに埋め込みます。さらに簡単な方法として、WordPressに標準搭載されている「ログイン/ログアウト」ブロックを利用することもできます。

WPログインを別のページにリダイレクトするには？

WPFormsを使用している場合は、ログインフォームの 設定 » 確認 そして、リダイレクト先ページを設定します。条件分岐ロジックを使用して、ユーザーロールごとに異なるリダイレクトを設定することができます。もし wp_login_form()、～を可決する redirect 宛先URLを含むパラメータ。

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

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

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

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

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

これで、サイトの任意のページにWordPressのログインフォームを追加する5つの方法がすべて紹介されました。ログインフォームが設置できたので、次にやっておくとよいことをいくつかご紹介します：

• 色、ロゴ、独自のレイアウトを使って、ログインフォームのデザインをカスタマイズしましょう
• ユーザーを適切なページへ誘導するための登録リダイレクトを設定する
• CAPTCHAやスパム対策ツールを使って、スパム登録を排除しましょう

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

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

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