定期的にサイトにログインしているのであれば、WordPressのログイン画面はお馴染みでしょう。本当に〜してもよいですか?
WordPressにログインする際にユーザー名やパスワードを間違えると、エラーメッセージが表示される際にログインボックスが揺れて注意を引きます。このアニメーションは、ユーザーによっては気が散ってしまい、イライラすることさえあります。
WPBeginnerでは、WordPressの問題の大小に関わらず、解決策を提供しています。今回は、WordPressでログインの揺れを消す方法を投稿します。
WordPressログインシェイク効果とは?
WordPressサイトにログインしようとするときに間違えると、ログインボックスが揺れ、入力したユーザー名またはパスワードが間違っていることを知らせるエラーメッセージが表示されます。
これは、ログインに失敗したことをユーザーに知らせるためのものです。しかし、ユーザーによってはこれを煩わしいと感じたり、プロらしくないと感じたり、サイト上の不要なアニメーションスクリプトを減らしたいと思うかもしれません。
ログイン時の揺れをなくすかどうかは、個人の好みによります。私たちの意見では、これはユーザーの注意を引き、ログインエラーがあることを知らせるのに役立ちます。私たちのサイトでは、ログインシェイクのエフェクトは削除していません。
ということで、WordPressでログインの揺れをなくす方法を見てみましょう。
WordPressのログインシェイク効果を解除する方法
ログインシェイク機能は、WordPressがすべてのログインページに含めるJavaScriptファイルで追加されます。効果を無効化するために必要なことは、すべてJavaScriptを削除することです。
最も安全で簡単な方法は、WPCodeプラグインを使用することです。WPCodeプラグインは、すでにスニペットライブラリにログインシェイク効果を削除するスクリプトを含んでいるからです。
まず、WPCode無料プラグインをインストールする必要があります。WordPressプラグインのインストール方法については、こちらのステップバイステップガイドをご覧ください。
有効化した後、Code Snippets ” + Add Snippetページに移動することができます。そこで、プラグインの検索機能を使って「Remove Login Shake Animation」スニペットを見つけることができます。
次に、スニペットにマウスオーバーすると、「スニペットを使用する」ボタンが表示されます。このボタンをクリックすると、すでにスニペットが設定された新しいウィンドウが開きます。
必要なのは、「有効化」ボタンをオンにして、「更新」ボタンをクリックするだけだ。
また、上級ユーザーであれば、手動でコード・スニペットをコピー&ペーストすることもできます。このコードをテーマのfunctions.phpファイルに追加するだけです:
function wpb_remove_loginshake() {
remove_action('login_footer', 'wp_shake_js', 12);
}
add_action('login_footer', 'wpb_remove_loginshake');
ファイルを保存するか、スニペットを有効化すると、ログインシェイクの効果は無効化されます。
WordPressログインのエキスパートガイド
ログインの揺れを消す方法はおわかりいただけたと思いますが、WordPressのログインページに関連する他の投稿もご覧ください。
- WordPressカスタムログインページの作り方(アルティメットガイド)
- WordPressサイトでユーザー登録を許可する方法
- WordPressログインポップアップモーダルの作り方(ステップバイステップ)
- WordPressにGoogleのワンクリックログインを追加する方法
- WordPressのログイン・登録フォームにCAPTCHAを追加する方法
- WordPressにマジックリンクでパスワードレスログインを追加する方法
- WordPressの一時ログイン(パスワードなし)を作成する方法
- ベスト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.
wpstooni
When i login with InfiniteWP,i haven’t the Problem. But Thanks for these Tip!