WordPress でパーソナライズされたログインおよび登録フォームを作成する

ログイン ページは、ユーザーが Web サイトにアクセスする必要があるときに最初に表示されるページであるため、美しく、使いやすいものである必要があります。退屈なログイン ページでは、ユーザーに Web サイトに対する悪い印象を与えてしまいます。ブランドに合わせてログインをカスタマイズすると、ユーザーのエクスペリエンスが向上します。

この記事では、CodeCanyon の UserPro プラグインを使用してカスタムのログイン ページと登録ページを構築する方法を学びます。

カスタムログインと登録の利点

ユーザーエクスペリエンスの強化

カスタマイズにより、拡張機能をユーザーに提供できます。ユーザーは、デフォルトの WordPress ログイン ページではなく、Web サイトのテーマに合ったカスタム ログイン ページを好む場合があります。

ユーザー管理

カスタマイズにより、新しく作成したユーザーのさまざまな側面を管理できます。ロールを割り当て、ユーザーを自由に承認またはブロックできます。

＃＃＃ブランド＃＃＃

ブランディングはあらゆるビジネスにとって重要な側面です。あなたのビジネスは、ウェブサイトのあらゆるセクションで自社のブランドを紹介する必要があります。カスタムのログイン ページと登録ページでブランドを目立たせることができます。カスタマイズにより、ユーザーの記憶に残りやすいユニークな外観も作成されます。

＃＃＃安全性＃＃＃

カスタム ログインと登録により、スパマーやハッカーを排除するための対策を追加できます。

UserProプラグインの機能

ソーシャルログイン

ほとんどの人は、少なくとも 1 つの主要なソーシャル ネットワークのアカウントを持っています。 Web サイトでソーシャル接続を提供すると、ユーザーはネットワークの 1 つで自分のプロフィール情報へのアクセスを許可するだけでよく、新しいパスワードを考えたり覚えたりする必要がないため、簡単にサインアップできます。もう 1 つの利点は、ソーシャル ネットワークではユーザーが複数の方法で身元を確認する必要があるため、スパムが少ないことです。

UserPro を使用すると、Facebook、LinkedIn、Instagram、Twitter、Google を介したソーシャル ログインを許可できます。

フロントエンドパブリッシングとユーザー生成コンテンツ

フロントエンド パブリッシングは、ユーザーとつながる方法を提供し、Web サイトをよりアクティブにします。 ユーザーにコンテンツを追加、編集、または削除してもらいたい場合は、UserPro を使用してこれを行うことができます。

メンバー関数

UserPro を使用すると、美しいメンバー プロフィールと、強化されたメンバー ディレクトリ、バッジ、実績などのメンバーシップ機能を表示できます。検索可能なメンバー リストでメンバーを検索することもできます。

複数の登録フォーム

複数の登録フォームを使用すると、個別の登録フォームを作成できます。たとえば、求人サイトは、求職者や雇用主にそのような機能を提供する必要がある場合があります。

使い始める

まず、CodeCanyon からプラグインをダウンロードします。アカウントをお持ちでない場合は、登録ページにアクセスしてアカウントを作成してください。ログインすると、製品ページからプラグインを購入できます。

その後、ファイルへのリンクが表示されます。または、アカウントのダウンロード セクションに移動して zip ファイルをダウンロードできます。

次に、WordPress アカウントにログインします。

プラグイン

>

新しいプラグインの追加

に移動し、zip ファイルをアップロードします。 [今すぐインストール] をクリックします。インストールが完了したら、[今すぐアクティブ化] をクリックします。これでプラグインの使用を開始できます。 ＃＃＃構成＃＃＃ プラグインをインストールした後、設定ページで次のプロパティを構成できます。

登録ページの作成

UserPro には、登録、ログイン、プロフィール、メンバー ディレクトリなどのデフォルト ページが付属しています。

一般

設定から使用するページを選択します。

ページを選択した後、要件に応じてフィールドを追加または削除できます。外観、検証、プロファイル設定などの他のプロパティを変更することもできます。

メンバー設定

このオプションを使用すると、フロントエンドからの Web サイトの登録を無効または有効にすることができます。

誰でも登録できるようにすると、サイトがよりアクセスしやすくなり、使いやすくなります。また、管理者がユーザーに役割を割り当てることもできます。

ユーザー承認設定

ほとんどの Web サイトは、新規ユーザーに対して複数のタイプの認証に依存しており、これにより、悪意のある個人がサイトにアクセスすることが確実に防止されます。ユーザー承認システムがある:

ユーザー登録を拒否または承認できます

アクティベーション電子メールを要求して新しいユーザーの身元を確認します

スパム送信者から離れてください

以下に示すように、フィールドを指定されたセクションにドラッグ アンド ドロップするだけで、ユーザー登録フォームとログイン フォームを作成できます。

• 外観と外観

  UserPro を使用すると、ボタンをクリックするだけで美しい登録フォームを追加できます。 UserPro では、必要に応じてフィールドを柔軟に追加することもできます。したがって、ビジネスに適した適切な情報をユーザーから取得できます。

  フォント、サイズ、外観、フィールド レイアウト、アイコンなどのプロパティを変更することで、サインアップ フォームをブランドと一致させることもできます。

  UserPro は、国、役割、写真、性別、ウェブサイトなど 19 のフィールドをユーザーに提供します。また、CAPTCHA のようなセキュリティの質問を作成して実際のユーザーを確認し、ボットにとっての質問を難しくすることもできます。

  カスタマイズを行うと、登録ページは次のようになります:

  

  登録設定

  その他の登録設定には次のものが含まれます:

  • 特定の電子メール ドメインの登録を許可またはブロックする
  • 登録時に特定のロールを許可する
  • 登録後のステータス設定
  • フォームの検証とセキュリティ

  カスタムログインページを作成する

  UserPro は、ユーザー名とパスワードの必須フィールドを含むデフォルトのログイン ページを提供します。登録ページと同様に、任意のフィールドをクリックして、ラベル プレースホルダーやヘルプ テキストなどのプロパティを変更できます。フィールドまたはセクションをページにドラッグすることもできます。

  ログイン ページを作成する手順は、登録ページと似ています:

  • 全般に移動し、提供されているデフォルトのログインページを選択します。
  • 見た目や外観を変更して、より使いやすくしたり、ブランドに合わせたりします。
  • 要件に応じてログイン設定を変更します。

  

  1 つのフィールドに適用された外観と外観の設定は、他のすべてのフィールドに自動的に適用されます。

  ＃＃＃社会的統合＃＃＃

  [設定]

  に移動すると、統合できるソーシャル ネットワークのリストが

  表示されます。ユーザーが利用できるようにし、ソーシャル接続を許可するメディアを選択します。ソーシャル ログインを有効にするために必要な情報は、ネットワークごとに若干異なります。たとえば、Facebook には Facebook アプリ ID が必要です。これは Facebook 開発者サイトから取得できます。

  他のソーシャル ネットワークでも同様の手順が必要です。

  カスタムWordPressページ
  WordPress には、

  /wp-admin/

  と

  wp-login.php という 2 つのデフォルトのログイン URL が用意されているため、WordPress に詳しい人なら誰でもログイン URL または登録 URL を見つけることができます。 UserPro を使用すると、すべてのユーザー関連ページのカスタム URL リンクを作成することもできます。 設定ページ

  タグに移動し、必要に応じてパーマリンクを更新します。

  カスタマイズされた電子メール通知

  「

  電子メール通知

  」タブをクリックして、カスタマイズ可能なすべての電子メールのリストを表示します。

  このセクションでは、電子メール通知をカスタマイズできます。メッセージの種類を選択するだけで、送信先のメールをカスタマイズできます:

  新規ユーザー登録

  新規ユーザーの確認
  ウェルカムメール
  • ＃＃＃パスワードを再設定する＃＃＃ ＃＃＃パスワードを変更する＃＃＃
  アカウントステータスの変更
  他にもあります
  ＃＃＃結論は＃＃＃
  • ログイン ページと登録ページのカスタマイズは簡単で、ビジネスに大きな利益をもたらす重要な投資です。また、ビジネスを次のレベルに引き上げるために必要な顧客情報を取得することもできます。

以上がWordPress でパーソナライズされたログインおよび登録フォームを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。