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 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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 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

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

  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!

返信を残す

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