カスタムWordPressユーザー登録ページを作成する方法
公開: 2019-01-08WordPressユーザー登録を許可したい理由はたくさんあります。 たぶんあなたは会員サイトを持っているか、フォーラムコミュニティを運営しています。 登録ユーザーにコメントの投稿を許可するのは、ディスカッションをモデレートする方法としてのみです。 あなたの理由が何であれ、私たちはあなたのユーザーを彼ら自身のアカウントで立ち上げて実行させる方法をあなたに示したいと思います。
WordPressユーザー登録を許可する
従う必要のある最初のステップは非常に簡単です。 WordPressダッシュボードの[設定]-[一般]ページに移動します。 そこには、このプロセス全体に不可欠な2つのオプションがあります。メンバーシップと新しいユーザーのデフォルトの役割です。 誰でも登録してデフォルトの役割を選択できるというチェックボックスをオンにする必要があります。 通常、これはサブスクライバーになりますが、役割ごとに異なるアクセス許可が付与されるため、サイトに最適ではない可能性があります。

デフォルトでは、5つのユーザーロールを取得します。
- サブスクライバー
- 著者
- 編集者
- 寄稿者
- 管理者
これらの役割にはそれぞれ異なる権限のセットがあり、特定のプラグインとコードスニペットを使用してそれらを微調整できます。 一部のプラグインは、独自の特定のユーザーロールを作成します(BuddyPressがキーマスターロールを作成するなど)。
通常、サブスクライバーは投稿を作成できないか、実際に何らかのトラブルに巻き込まれることがないため、適切な選択です。 [保存]ボタンを押すと、ユーザーがサイトを登録できるようになります。 ただし、そのためにはログインと登録フォームが必要です。
カスタムWordPressユーザー登録ページを作成する方法
私たちのYoutubeチャンネルを購読する
オプション1:WordPress登録フォームを使用する
ユーザーを登録する最も簡単な方法は、[外観-ウィジェット]セクションに移動し、メタウィジェットを選択して、サイドバーまたはフッター領域にドラッグすることです。

この方法の欠点は、ウィジェットにRSSリンクとWordPress.orgリンクも含まれていることです。 また、ユーザーが登録できるデフォルトのWPログイン画面に移動するためのログインリンクのみが提供されます。 このリンクは正確には明らかではありません。

その後、 yoursite.com / wp-adminにあるデフォルトのWordPressユーザー登録およびログインページに移動します。 彼らは(再び)かなり隠された登録リンクをクリックし、サインアップすることができます。

ただし、すべてかなり難読化されているため、ユーザーが実際にフォームを見つけてサインアップする必要があります。 現在、WordPressの登録URLはhttps://yoursite.com/wp-login.php?action=registerであり、いつでもリンクできます。 これにより、デフォルトの登録フォームに送信され、ユーザー名を選択してメールアドレスを入力します。

メールを確認すると、アカウントには上記で設定したデフォルトの権限が付与されます。
オプション2:プラグインを使用する
フロントエンド登録フォーム(どこにでも配置できるショートコード付き)を作成するための最良のオプションの1つは、UltimateMemberと呼ばれるプラグインです。 これを使用すると、WordPressユーザー登録ページの外観を他のブランドと一貫性を保つことができるだけでなく、ユーザー自身をはるかに簡単に管理することもできます。 100,000以上のインストールと一貫した更新により、これを安全に処理できます。

まず、プラグインリポジトリからUltimateMemberをダウンロードしてインストールします。 有効にすると、プラグインが機能するためにいくつかの新しいページを作成する必要があるというメッセージが表示されます。 先に進み、許可を与えます。

ページが作成されたら、技術的に準備が整います。 ユーザーはyoursite.com/registerですぐに登録できますが、そのURLを好きなように変更できます。

デフォルトのフォームが機能しない場合は、2つのオプションがあります。 編集するか、新しいものを作成してください。 どちらも、管理パネルの「 UltimateMember」セクションにあります。

登録フォームが強調表示されていることを確認してください(1)。 フォームの作成自体はドラッグアンドドロップです。 以前にページビルダーを使用したことがある場合、または新しいWordPressエディターのGutenbergを使用したことがある場合は、エクスペリエンスが非常に似ていることがわかります。

含めることができるフィールドの数もかなり多いです。 エディタ(3)内の[ + ]をクリックすると、ユーザーについて知る必要のある詳細をいくつでも追加できます。

ただし、これらすべての中で最も重要な部分は、ショートコードボックス(2)です。 そのコードをコピーしてページまたはウィジェットに貼り付けると、この特定の登録フォームが表示されます。 たとえば、[外観]-[ウィジェット]の下のカスタムHTMLウィジェットに貼り付けることができます。

それが保存されると、フォーム全体がサイドバー(またはウィジェットが存在する場所)に表示されます。

投稿の途中でそのフォームが必要な場合は、今すぐできます。 それがショートコードに結び付けられていることの素晴らしいところです。
WordPressユーザーログインページ
ユーザー登録ページに加えて、まったく同じ手順に従ってログインページを作成することもできます。 ログインフォームを作成するときに強調表示されていることを確認する必要があります。

Ultimate Memberプラグインは、 yoursite.com / loginとしてこのURLのデフォルトURLもすでに作成しています。 デフォルトのフォームを使用する場合は、これ以上行う必要はありません。 ただし、新しいショートコードを作成する場合は、そのページに新しいショートコードを挿入するだけです。

最終結果は次のようになります。 ログインページには、登録ページと同じフィールドセットを使用することもできます。

この特定のフォームの最良の部分は、登録ボタンが目立つことであり、デフォルトのWordPressのように隠されていないことです。
新規ユーザーの管理
デフォルトでは、WordPressには管理者向けの最小限のユーザー管理システムがあります。 ユーザーの編集に入ります 管理ダッシュボードの[ユーザー]リストから画面を表示し、ユーザーに関する多くのことを変更できます。 名前、ユーザー名、表示名、電子メール、さらには役割など。 しかし、これらの役割の権限に関しては、デフォルトでは運が悪いです。 Ultimate Memberのようなプラグインは、WordPressコードを掘り下げることなくできることを拡張することで、これを支援します。

さらに、ユーザーを管理し、サイトまたはサービスに登録したすべてのユーザーを表示できるメンバーディレクトリを作成できます。 これは、 Ultimate Member – MemberDirectoriesの下にあります。

登録を許可する理由に応じて、この公開を希望する場合としない場合があります。 ただし、UMはディレクトリのショートコードを含むyoursite.com/membersページを作成するため、このように開始されます。 ページを削除または非公開にすることができます。 ただし、ディレクトリを使用する場合、デフォルトでは次のようになります。

その他の考慮事項
これで、前の手順で、WordPressユーザー登録をまったく行うことができなくなり、サイトの完全なメンバーディレクトリを表示できるようになりました。 メンバーシップと登録をもう少し進めたい場合は、ここにいくつかのアイデアがあります。
カスタムログインURLを作成する
まず、UltimateMemberのようなプラグインを使用せずにカスタムログインURLを作成できます。 これは、この方法で行うと/ wp-adminスラッグを完全になくすことができるため、サイトをブルートフォース攻撃などから保護するため、異なります。 UMを使用して/ registerと/ loginを作成すると非常に便利ですが、 / wp-adminの方法も機能します。 完全に変更すると、サイトをより適切にロックダウンできます。
デフォルトのWordPressログインページをカスタマイズする
次に、WordPressのログインページ自体をカスタマイズできます。 デフォルトのWordPressログインURLと登録URLをそのまま維持したい場合は、デザインを完全に変更して、ブランドに合わせて変更することができます。 これには、WPコアファイルとPHPについて少し知識が必要ですが、そうすれば、インストール時に表示されるくすんだ灰色のページを好きなだけきれいにすることができます。
結論
あなたの理由に関係なく、ユーザーをあなたのサイトに登録させることは信じられないほど簡単です。 数回クリックするだけで、少し調整するだけで、WordPressのユーザー登録を、鈍くて隠されたものから、誇りを持って素晴らしいことができるサイトの別の部分に変えることができます。 だから、そこに出て、あなたのコミュニティを構築し始めてください。
WordPressユーザー登録は何に使用しますか?
Visual Generation /shutterstock.comによる記事特集画像
