WordPressログイン画面でユーザーがパスワードを表示/非表示できるようにする方法

WPBeginnerでは、WordPressサイトやオンラインストアのテストと構築において15年以上の経験があります。初心者向けオンラインコースのメンバーシップサイトや、ソフトウェアを販売するためのeコマースストアを構築してきました。

これらのウェブサイトのほとんどは、ユーザーがコンテンツにアクセスしたりデジタル製品を購入したりするために登録できるようにしています。そのため、オンラインセキュリティの重要性と、パスワード保護がその中で果たす役割を私たちは知っています。

ユーザーが定期的にあなたのウェブサイトにログインする場合、WordPressのログイン画面でパスワードを非表示/表示できるようにしたいと思うでしょう。これにより、パスワードを正しく入力したことを確認するオプションを持ちながら、覗き見する傍観者から保護することができます。

デフォルトでは、WordPressはログインページにパスワードの表示/非表示ボタンを自動的に追加します。ただし、特に会員制サイトやオンラインストアを運営している場合は、他のログイン画面にパスワードの非表示/表示ボタンを追加したい場合があります。

この記事では、さまざまなWordPressログイン画面でユーザーがパスワードを非表示/表示できるようにする方法を紹介します。

WordPressログイン画面のパスワード表示/非表示ボタンとは？

長くて複雑なパスワードでWordPressアカウントを保護すると、WordPressウェブサイトへの侵入が困難になります。

しかし、パスワードを盗む方法はたくさんあります。時には、強力なパスワードを使用するだけでは、ウェブサイトを安全に保つには十分ではありません。

ここで、パスワードの表示/非表示機能が役立ちます。

もしWordPressログインURLにアクセスしてパスワードの入力を開始すると、WordPressはデフォルトでパスワードをマスクしていることに気づくでしょう。「パスワード」フィールドに入力する数字、文字、記号はすべてドットで表示されます。

誰かがあなたが入力している画面を見ていても、パスワードを見ることはできません。これは、特に図書館のような公共の場所でWordPressブログにログインしている場合に重要です。

ただし、場合によっては、ユーザーが入力中にパスワードを表示すると役立つことがあります。

最も安全なパスワードは、大文字と小文字のアルファベット、記号、数字の組み合わせを使用します。これらの複雑なパスワードは、間違いなく入力するのが難しい場合があります。パスワードを表示することで、ユーザーは「ログイン」ボタンをクリックする前に、タイプミスやその他の間違いに気づくことができます。

良いニュースは、WordPressがこのマスキングを簡単に削除できることです。パスワードフィールドの横にある目のアイコンをクリックするだけで、入力中にパスワードが表示されます。

パスワードを再度非表示にするには、目のアイコンをクリックするだけです。

この機能は、標準のWordPressログイン画面ではそのまま機能します。ただし、パスワードの表示/非表示機能を使用したい他の場所もあります。

それでは、最も一般的なWordPressログイン画面のいくつかで、ユーザーがパスワードを非表示/表示できるようにする方法を見ていきましょう。特定のメソッドに直接ジャンプしたい場合は、以下のリンクを使用できます。

方法1. WooCommerceログイン画面でユーザーがパスワードを非表示/表示できるようにする方法

多くのオンラインストアでは、顧客がアカウントを作成することで情報を保存できます。これにより、顧客は将来的にあなたのオンラインストアから購入しやすくなります。

ユーザー登録は、訪問者のメールアドレスを取得し、マーケティングメールを送信して、より多くの製品やサービスの購入を促す方法にもなります。詳細については、中小企業向けの最高のメールマーケティングサービスの専門家による選択をご覧ください。

ストアの作成にWooCommerceを使用している場合、プラグインは自動的に「マイアカウント」ページを作成します。誰かがこのページにアクセスすると、WooCommerceは、アカウントに現在ログインしていない限り、ログインフォームを表示します。

「パスワード」フィールドを見ると、おなじみのパスワードの表示/非表示アイコンが表示されます。訪問者は、このアイコンをクリックするだけでパスワードを非表示または表示することを選択できます。

これは、WooCommerceを使用している場合、ユーザーがアカウントログインページでパスワードを表示/非表示できるようにするために追加の手順を実行する必要がないことを意味します。

それはさておき、ログインフォームをウェブサイトの他のエリアに追加したい場合があります。たとえば、チェックアウト時に購入者にアカウントにログインするように促したい場合があります。

WooCommerceのデフォルトのマイアカウントページを誤って削除した可能性もあります。

良いニュースは、次のショートコードを使用して、WooCommerce ログインフォームを任意のページ、投稿、またはウィジェット対応領域に追加できることです。

[woocommerce_my_account]

ステップバイステップの説明については、ショートコードの追加方法に関する初心者ガイドをご覧ください。

ショートコードを追加したら、ウェブサイトにアクセスするだけです。これで、パスワードの表示/非表示ボタン付きの WooCommerce ログインフォームが表示されます。

方法2. 会員ログイン画面でユーザーがパスワードを非表示/表示できるようにする方法

メンバーシップウェブサイトは、ユーザーがプレミアムコンテンツ、機能、コミュニティへのアクセスにお金を払うことを許可することで、オンラインでお金を稼ぐための素晴らしい方法です。

私たちの経験では、MemberPressは最高のWordPressメンバーシッププラグインです。私たちはWPBeginner AcademyでWordPressコースを管理するためにもそれを使用しています。

このプラグインは、支払いを受け付け、さまざまなメンバーシップレベルを作成し、それらのレベルに基づいてコンテンツへのアクセスを制限するために必要なすべてが付属しているため、お勧めします。

設定も簡単です。詳細については、WordPressメンバーシップサイトの作成方法に関するステップバイステップガイドをご覧ください。

プラグインを有効にすると、MemberPressは、WordPressウェブサイトを高度なメンバーシップサイトに変えるために必要なすべてのページを自動的に作成できます。これには、メンバーがパスワードの表示または非表示を選択できるログイン画面が含まれます。これは次の画像で確認できます。

会員ログインページを作成するには、MemberPress » 設定にアクセスしてください。

次に、「ページ」タブをクリックします。これで、MemberPress が自動的に作成できるすべてのページ、および MemberPress ログインページが表示されます。

これらのページをすべて作成するには、「オプションを更新」ボタンをクリックしてください。

ここで、ページ » 全ページに移動すると、MemberPressがユーザーがパスワードを非表示または表示できる「ログイン」ページを作成したことがわかります。

WooCommerceと同様に、ユーザーにパスワードの表示/非表示オプションを提供するために追加の設定を行う必要はありません。

ログインページを作成したら、メンバーが簡単に見つけられるようにWordPressメニューに追加するのが良いでしょう。詳細については、WordPressでナビゲーションメニューを追加する方法に関するガイドをご覧ください。

ボーナス：WordPressセキュリティとユーザー管理に関する専門家ガイド

WordPressのセキュリティとユーザー管理に関する専門家向けガイドをご紹介します。これらは興味深いかもしれません。

• WordPressでユーザーに強力なパスワードを強制する方法
• WordPressでアイドル状態のユーザーを自動的にログアウトさせる方法
• WordPress でフォーム送信後にユーザーをリダイレクトする方法
• ユーザーがWordPressアカウントを削除できるようにする方法
• WordPress の登録にユーザープロフィールフィールドを追加する方法
• WordPressで新規ユーザー登録をモデレートする方法

この記事が、WordPressログイン画面でユーザーがパスワードを表示/非表示できるようにする方法を学ぶのに役立ったことを願っています。また、究極のWordPressセキュリティガイドや、eコマースストアのセキュリティ保護に関する専門家によるヒントもご覧ください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。