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

WordPressでログインの揺れを消す方法(更新)

定期的にサイトにログインしているのであれば、WordPressのログイン画面はお馴染みでしょう。本当に〜してもよいですか?

WordPressにログインする際にユーザー名やパスワードを間違えると、エラーメッセージが表示される際にログインボックスが揺れて注意を引きます。このアニメーションは、ユーザーによっては気が散ってしまい、イライラすることさえあります。

WPBeginnerでは、WordPressの問題の大小に関わらず、解決策を提供しています。今回は、WordPressでログインの揺れを消す方法を投稿します。

How to Remove the Login Shake Effect in WordPress (Updated)

WordPressログインシェイク効果とは?

WordPressサイトにログインしようとするときに間違えると、ログインボックスが揺れ、入力したユーザー名またはパスワードが間違っていることを知らせるエラーメッセージが表示されます。

The Login Box Will Shake and an Error Message Will Be Displayed

これは、ログインに失敗したことをユーザーに知らせるためのものです。しかし、ユーザーによってはこれを煩わしいと感じたり、プロらしくないと感じたり、サイト上の不要なアニメーションスクリプトを減らしたいと思うかもしれません。

ログイン時の揺れをなくすかどうかは、個人の好みによります。私たちの意見では、これはユーザーの注意を引き、ログインエラーがあることを知らせるのに役立ちます。私たちのサイトでは、ログインシェイクのエフェクトは削除していません。

ということで、WordPressでログインの揺れをなくす方法を見てみましょう。

WordPressのログインシェイク効果を解除する方法

ログインシェイク機能は、WordPressがすべてのログインページに含めるJavaScriptファイルで追加されます。効果を無効化するために必要なことは、すべてJavaScriptを削除することです。

最も安全で簡単な方法は、WPCodeプラグインを使用することです。WPCodeプラグインは、すでにスニペットライブラリにログインシェイク効果を削除するスクリプトを含んでいるからです。

まず、WPCode無料プラグインをインストールする必要があります。WordPressプラグインのインストール方法については、こちらのステップバイステップガイドをご覧ください。

有効化した後、Code Snippets ” + Add Snippetページに移動することができます。そこで、プラグインの検索機能を使って「Remove Login Shake Animation」スニペットを見つけることができます。

Selecting the Remove Login Shake Animation Snippet in WPCode

次に、スニペットにマウスオーバーすると、「スニペットを使用する」ボタンが表示されます。このボタンをクリックすると、すでにスニペットが設定された新しいウィンドウが開きます。

必要なのは、「有効化」ボタンをオンにして、「更新」ボタンをクリックするだけだ。

Activating the Snippet in WPCode

また、上級ユーザーであれば、手動でコード・スニペットをコピー&ペーストすることもできます。このコードをテーマの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の最も一般的なエラーとその修正方法に関する専門家のリストもご覧ください。

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

アバター

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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

1件のコメントLeave a Reply

  1. wpstooni

    When i login with InfiniteWP,i haven’t the Problem. But Thanks for these Tip!

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.