WordPressでログインシェイク効果を削除する方法（更新済み）

WordPress は、誰かが間違った認証情報を入力すると、自動的にログインフォームにシェイクアニメーションを追加します。

この機能は視覚的な手がかりを提供することでアクセシビリティに役立ちますが、多くのサイト所有者は、それが不快な体験を生み出し、代わりに、より控えめでプロフェッショナルなものを好むと考えています。

より洗練されたログインエクスペリエンスを作成したい場合、シェイクエフェクトを削除することは、大きな違いを生むことができる小さなタッチの1つです。

これは、サイト体験の他の部分と同じくらい洗練されたログインプロセスを望むビジネスオーナーや会員サイト作成者の間で特に人気があります。

素晴らしいニュースがあります。この変更を行うために開発者である必要はありません。ログインシェイクエフェクトを無効にする最も簡単な方法を、ステップバイステップでご紹介します。

💡クイックアンサー：WordPressでログイン時のシェイク効果を削除する方法

WPCodeプラグインを使用するのが、ログイン時の揺れアニメーションを無効にする最も簡単な方法です。ライブラリで「ログイン時の揺れアニメーションを削除」スニペットを検索し、「アクティブ」に切り替えるだけでアニメーションを停止できます。

WordPressのログインシェイク効果とは何ですか？

WordPressウェブサイトへのログイン時に間違いを犯すと、ログインボックスが揺れ、エラーメッセージが表示されます。

これにより、入力したユーザー名またはパスワードが間違っていることがわかります。

これは、ユーザーがログインに失敗したことに気づくように警告するために設計されています。

ただし、一部のユーザーはそれを迷惑または非専門的だと感じるかもしれませんし、ウェブサイトでの不要なアニメーションスクリプトを減らしたいと思うかもしれません。

ログイン時の揺れアニメーションを削除するかどうかは、個人の好みに基づく決定です。私たちの意見では、ユーザーの注意を引き、ログインエラーが発生したことを知らせるのに役立ちます。そのため、私たちのサイトではログイン時の揺れアニメーションを削除していません。

それでは、WordPress でログインシェイク効果を削除する方法を見てみましょう。

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

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

そのための最も安全で簡単な方法は、WPCodeプラグインを使用することです。このプラグインには、スニペットライブラリにログイン時の揺れアニメーションを削除するスクリプトがすでに含まれています。

このツールを徹底的にテストした結果、カスタムコードをウェブサイトに追加する最も安全で簡単な方法であることがわかりました。私たちの経験についてさらに詳しく知りたい場合は、詳細なWPCodeレビューをご覧ください。

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

注意: WPCodeには、このチュートリアルで使用できる無料プランがあります。ただし、プロプランにアップグレードすると、コードスニペットのクラウドライブラリ、スマート条件付きロジック、ブロックスニペットなどの機能にアクセスできるようになります。

有効化したら、コードスニペット » + スニペットを追加 ページに移動できます。

そこに着いたら、プラグインの検索機能を使用して「ログインシェイクアニメーションを削除」スニペットを見つけることができます。

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

「アクティブ」ボタンをオンにしてから「更新」ボタンをクリックするだけです。

あるいは、上級ユーザーは手動でコードスニペットをコピーして貼り付けることができます。

このコードを子テーマのfunctions.phpファイルに追加するだけです。

function wpb_remove_loginshake() {
    remove_action('login_footer', 'wp_shake_js', 12);
}
add_action('login_footer', 'wpb_remove_loginshake');

ファイルを保存するかスニペットを有効化すると、ログイン時のシェイク効果が無効になります。

WordPress ログインシェイク効果に関するよくある質問

WordPressのログインシェイク効果について、読者からよく寄せられる質問をいくつかご紹介します。

なぜログイン時のシェイク効果を削除したいのでしょうか？

カスタムログインページを作成している場合や、クライアントサイトを管理している場合、シェイクエフェクトは洗練されていない、または不要に感じられることがあります。

一部のブランドでは、アニメーションや視覚的なノイズを減らした、よりシンプルなログインフローを好みます。これを削除すると、ログインページがよりスムーズで洗練された印象になります。

また、未使用のスクリプトを監査している場合、不要なJavaScript（wp_shake_jsなど）を削除することは、サイトのコードをクリーンで最小限に保つのに役立ちます。

ログインシェイク効果を削除するスニペットは、すべてのWordPressバージョンで機能しますか？

はい、上記で提供されたコードスニペットは標準のWordPressフックを使用しており、すべての最新バージョンのWordPressと互換性があります。

後でログインシェイク効果を元に戻したい場合、変更を元に戻すことはできますか？

はい、カスタマイズは完全に元に戻すことができます。WPCodeのようなプラグインを使用してスニペットを挿入した場合でも、functions.phpファイルに手動で追加した場合でも、いつでも削除できます。

スニペットを無効化または削除し、キャッシュをクリアして、ログインページに変更が反映されていることを確認してください。

これにより、リスクなしで実験できる柔軟性が得られます。後でカスタムログインプラグインをインストールしたり、やはりシェイクアニメーションを好むことにした場合でも、削除コードがアクティブでなくなっている限り、WordPressは自動的にログインエラー時に表示するように戻ります。

WordPressログインに関する専門家ガイド

この記事がWordPressでログインシェイク効果を削除するのに役立ったことを願っています。

WordPressのログインページに関連する他の記事も参照してください。

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