Hur man tar bort effekten av inloggningsskakning i WordPress (uppdaterad)

WordPress lägger automatiskt till en skakanimation till inloggningsformuläret när någon anger felaktiga uppgifter.

Även om den här funktionen var utformad för att vara hjälpsam, tycker många webbplatsägare att den skapar en skakig upplevelse och föredrar något mer subtilt och professionellt istället.

Om du vill skapa en mer polerad inloggningsupplevelse, så är det att ta bort skakeffekten en av de små detaljer som kan göra stor skillnad.

Det är särskilt populärt bland företagare och skapare av medlemswebbplatser som vill att deras inloggningsprocess ska kännas lika förfinad som resten av deras webbplatsupplevelse.

Här är de goda nyheterna: du behöver inte vara utvecklare för att göra denna ändring. Vi guidar dig genom det enklaste sättet att inaktivera skakeffekten vid inloggning, steg för steg.

Vad är WordPress inloggningens skakeffekt?

Om du gör ett misstag när du försöker logga in på din WordPress-webbplats, då skakar inloggningsrutan och ett felmeddelande visas.

Detta talar om för dig att användarnamnet eller lösenordet du angav är felaktigt.

Detta är utformat för att varna användaren så att de märker att inloggningen misslyckades.

Vissa användare kan dock tycka att det är irriterande eller oprofessionellt, eller vill minska onödiga animationsskript på sina webbplatser.

Att ta bort inloggningsskakeffekten är ett beslut baserat på personlig preferens. Enligt vår mening hjälper det till att få användarnas uppmärksamhet och låter dem veta att det finns ett inloggningsfel. Därför tar vi inte bort inloggningsskakeffekten på våra webbplatser.

Med det sagt, låt oss titta på hur man tar bort inloggningsskakeffekten i WordPress

Hur man tar bort inloggningens skakeffekt i WordPress

Funktionen för inloggningsskakning läggs till med en JavaScript-fil som WordPress inkluderar med varje inloggningssida. Allt vi behöver göra för att inaktivera effekten är att ta bort JavaScript.

Det säkraste och enklaste sättet att göra det är med pluginet WPCode eftersom det redan innehåller ett skript för att ta bort skakeffekten vid inloggning i sitt bibliotek med kodavsnitt.

Vi har grundligt testat verktyget och funnit att det är det säkraste och enklaste sättet att lägga till anpassad kod på din webbplats. Om du vill veta mer om vår erfarenhet kan du ta en titt på vår detaljerade WPCode-recension.

Först måste du installera WPCode gratisplugin. Om du behöver hjälp kan du se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering kan du navigera till sidan Kodavsnitt » + Lägg till avsnitt.

Där kan du använda pluginets sökfunktion för att hitta kodavsnittet 'Ta bort inloggningens skakanimation'.

Därefter, när du för muspekaren över kodavsnittet, ser du en knapp 'Använd kodavsnitt'. Om du klickar på den knappen öppnas ett nytt fönster där kodavsnittet redan är inställt åt dig.

Allt du behöver göra är att växla knappen 'Aktiv' till på och sedan klicka på knappen 'Uppdatera'.

Alternativt kan avancerade användare kopiera och klistra in kodavsnittet manuellt.

Lägg helt enkelt till denna kod i ditt temas functions.php-fil:

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

När du har sparat filen eller aktiverat kodavsnittet kommer inloggningens skakeffekt att inaktiveras.

Vanliga frågor om WordPress inloggningsskakeffekt

Här är några frågor som våra läsare ofta ställer om effekten av inloggningsskakning i WordPress:

Varför skulle någon vilja ta bort inloggningens skakeffekt?

Om du bygger en anpassad inloggningssida eller hanterar en klients webbplats, kan skakeffekten kännas opolerad eller oönskad.

Vissa varumärken föredrar ett enklare inloggningsflöde med mindre animation eller visuell distraktion. Att ta bort det kan få inloggningssidan att kännas smidigare och mer förfinad.

Dessutom, om du optimerar prestandan eller granskar oanvända skript, kan borttagning av onödig JavaScript (som wp_shake_js) hjälpa till att effektivisera din sida. Även om det bara är ett litet skript, räknas varje del för hastighet och laddningstid.

Kommer kodavsnittet för att ta bort inloggningsskakningseffekten att fungera med alla versioner av WordPress?

De flesta moderna WordPress-versioner (5.0 och senare) använder kroken login_footer för att koppla JavaScript som ansvarar för skakeffekten.

Om du stöter på en äldre handledning som använder kroken login_head istället, så kanske den metoden inte fungerar korrekt på uppdaterade installationer.

För att undvika kompatibilitetsproblem, se till att du använder rätt krok för din version. Det är också en bra idé att testa ändringen i en stagingmiljö eller med felsökningsläget aktiverat.

Vissa teman eller plugins för inloggningsanpassning kan återinföra animationer eller åsidosätta ditt kodavsnitt, så bekräfta alltid att effekten helt har tagits bort efter att du har tillämpat den.

Kan jag ångra ändringen senare om jag vill återställa inloggningsskakningseffekten?

Ja, anpassningen är helt reversibel. Oavsett om du använde ett plugin som WPCode för att infoga kodavsnittet eller manuellt lade till det i din functions.php-fil, kan du ta bort det när som helst.

Deaktivera eller ta bara bort kodavsnittet och rensa sedan alla cacheminnen för att säkerställa att ändringarna återspeglas på inloggningssidan.

Detta ger dig flexibilitet att experimentera utan risk. Om du senare installerar ett anpassat inloggningsplugin eller bestämmer dig för att du föredrar skakningsanimationen trots allt, kommer WordPress automatiskt att återgå till att visa den när inloggningsfel uppstår – så länge borttagningskoden inte längre är aktiv.

Experthandledningar om WordPress-inloggning

Vi hoppas att den här artikeln hjälpte dig att ta bort effekten av inloggningsskakning i WordPress.

Du kanske också vill se några andra artiklar relaterade till WordPress inloggningssida:

• Hur man skapar en anpassad WordPress inloggningssida (ultimat guide)
• Hur man tillåter användarregistrering på din WordPress-webbplats
• Hur man skapar en WordPress-inloggningspopup (steg för steg)
• Hur man lägger till inloggning med ett klick med Google i WordPress
• Hur man lägger till CAPTCHA i WordPress inloggnings- och registreringsformulär
• Hur man lägger till lösenordsfri inloggning i WordPress med magiska länkar
• Hur man skapar tillfällig inloggning för WordPress (utan lösenord)
• Bästa WordPress inloggningssida plugins (säkra & anpassningsbara)

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.