Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressのログイン画面でユーザーにパスワードの非表示/表示を許可する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressサイトの様々なログイン画面で、ユーザーがパスワードを非表示/表示できるようにしたいですか?

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

この投稿では、WordPressのさまざまなログイン画面で、ユーザーにパスワードの非表示/表示を許可する方法を紹介します。

How to allow users to hide/show passwords on WordPress login screen

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

長く複雑なパスワードでサイトを保護することで、WordPressサイトへの侵入がより困難になります。

しかし、パスワードを盗もうとする手口はさまざまです。強力なパスワードを使うだけでは、サイトを安全に保つことができない場合もあります。

そこでパスワードの非表示/表示機能の出番だ。

WordPressのログインURLにアクセスしてパスワードを入力し始めると、WordPressが初期設定でパスワードをマスクしていることに気づくだろう。パスワード」フィールドに入力した数字、文字、記号はすべてドットで表示されます。

The hide/show password field on the WordPress login page

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

しかし、ユーザーのパスワードを入力中に表示することが役立つ場合もある。

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

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

The show/hide password field on a WordPress login screen

パスワードを再び非表示にするには、目のマークをクリックするだけです。

この機能はWordPressの標準ログイン画面ではすぐに使えます。しかし、パスワードの非表示/表示機能を使いたい場所は他にもあるでしょう。

それでは、WordPressのログイン画面で最も一般的なパスワードの非表示/表示をユーザーに許可する方法を見ていきましょう。もし、特定の方法にすぐに飛びつきたい場合は、以下のリンクをご利用ください。

方法1.WooCommerceログイン画面でユーザーにパスワードの非表示/表示を許可する方法

多くのオンラインショップでは、カスタマイザーがアカウントを作成することで、自分の情報を保存することができます。これにより、カスタマイザーは将来あなたのオンラインストアから購入しやすくなります。

ユーザー登録は、訪問者のメールアドレスを取得する手段にもなりますので、マーケティングメールを送信し、より多くの製品やサービスの購入を促すことができます。詳しくは、中小企業に最適なメールマーケティングサービスを専門家が厳選してご紹介しています。

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

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

The WooCommerce login screen

WooCommerceは自動的にマイページを作成しますが、ログインフォームをサイトの他のエリアに追加したい場合があります。例えば、買い物客が購入手続きをしようとしたときに、自分のアカウントにログインするように促したい場合があります。

WooCommerceの初期設定であるマイアカウントのページを誤って削除してしまった可能性もあります。

WooCommerceログインフォームは、以下のショートコードを使用して任意のページ、投稿、またはウィジェット対応エリアに追加することができます:

[woocommerce_my_account]。

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

ショートコードを追加したら、サイトにアクセスしてください。WooCommerceログインフォームとパスワード非表示ボタンが表示されます。

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

会員制サイトは、ユーザーがプレミアムコンテンツや機能、コミュニティへのアクセスにお金を払うことで、オンラインでお金を稼ぐ方法です。

MemberPressは 最高のWordPressメンバーシッププラグインです。支払いの受付、さまざまな会員レベルの作成、レベルに応じたコンテンツへのアクセス制限など、必要なものがすべて揃っています。

セットアップも簡単です。詳しくは、WordPress MemberPressサイト作成ステップバイステップガイドをご覧ください。

プラグインを有効化すると、MemberPressはWordPressサイトを高度な会員制サイトにするために必要なすべてのページを自動的に作成します。これには、以下の画像にあるように、会員がパスワードの非表示・表示を選択できるログイン画面も含まれます。

The show/hide password field on a membership website

会員ログインページを作成するには、MemberPress ” 設定 にアクセスします。

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

The MemberPress membership plugin settings

これらのページをすべて作成するには、更新設定ボタンをクリックするだけです。

ページ ” すべてのページ” にアクセスすると、MemberPressがログインページを作成し、ユーザーがパスワードを非表示にしたり、表示したりできることがわかります。

The MemberPress login settings

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

この投稿が、ユーザーが WordPress ログイン画面でパスワードを非表示/表示できるようにする方法を学ぶのにお役に立てば幸いです。また、当社の究極の WordPress セキュリティガイドと 中小企業向けライブチャットソフトウェアのエキスパートピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

6件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Shelton says

    Hi there, I am looking for something like this for the woocommerce side of things, i.e. the sign up/log in page that is within the website.

    The closest I got is a Jquery something, but I have no idea how to install any of that.

    • WPBeginner Support says

      We will be sure to keep an eye out for an alternative we would recommend for updating this article.

      管理者

  3. Deb says

    hide show password has not been updated for over a year and I cant find an alternative. Need solution for woocommerce.

  4. Shahraar Khan says

    I think showing the password is awful. but may be needed at time. thanx for the plugin link

    Shahraar Khan

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。