Wordpress

Hoe u een aangepast WordPress-inlogformulier maakt (en waarom u dat zou moeten doen)

De kans is groot dat je veel werk hebt gestoken in het bouwen van je WordPress-site en ervoor zorgt dat deze er aan de voorkant goed uitziet. Mogelijk negeert u echter één cruciaal aspect: uw WordPress-inlogformulier.

Er zijn tal van redenen om uw WordPress-inlogformulier aan te passen, bijvoorbeeld om de beveiliging te verbeteren, de naamsbekendheid te vergroten en de gebruikerservaring te verbeteren. Elk van deze redenen zou voldoende moeten zijn om u te overtuigen om afstand te doen van het standaard WordPress-inlogscherm. Deze eenvoudige wijziging is een verrassend goede manier om uw site te verbeteren.

In dit bericht bespreken we de voordelen van het maken van een aangepast WordPress-inlogformulier. Vervolgens introduceren we enkele hulpmiddelen die u kunnen helpen deze taak gemakkelijk uit te voeren, waaronder enkele van de beste aangepaste inlogpagina-plug-ins waaruit u kunt kiezen. Laten we beginnen!

Waarom een ​​aangepast WordPress-inlogformulier nuttig is voor uw site

Als eigenaar van een WordPress-website bent u vrijwel zeker bekend met het standaard WordPress-inlogformulier. Het is perfect functioneel, maar ziet er kaal uit. Zie bewijsstuk A:

Hoofd WordPress-inlogformulier

Het biedt ook geen specifieke beveiligingsfuncties om hackers en andere ongewenste personen buiten uw beheerdersgebied te houden, behalve de standaard WordPress-beveiligingsinstellingen (zoals sterke wachtwoorden). Om deze redenen verdient uw inlogformulier net zoveel aandacht als elk ander deel van uw site.

Hier zijn slechts enkele van de voordelen van het aanpassen van uw WordPress-inlogformulier:

  1. Betere beveiliging. U kunt uw inlogpagina beschermen tegen het omleiden van uw inlogformulier naar een unieke URL, waardoor het voor hackers moeilijker wordt om uw inlogpagina te vinden. Bovendien kunt u een limiet instellen voor het aantal keren dat een persoon kan inloggen, of zelfs multi-factor authenticatie toevoegen.
  2. Merkconsistentie. Door uw branding uit te breiden naar uw aanmeldingsformulier, kunt u de consistentie met de rest van uw site behouden, zodat uw gebruikers en teamleden een samenhangende ervaring hebben. En als u sociale logins toevoegt aan WordPress, is het nog gemakkelijker voor uw lezers of leden om in te loggen en uw inhoud te delen.
  3. Verbeterde navigatie. U kunt uw inlogformulier gebruiken om uw eindgebruikers extra navigatie te bieden. U kunt linken naar sociale media-profielen of zelfs speciale aanbiedingen direct op het inlogscherm weergeven.
  4. Verbeterde gebruikerservaring. U kunt uw aanmeldingsformulier aanpassen om eindgebruikers naar elke gewenste pagina te leiden, zoals een aangepaste profielpagina of een gespecialiseerde promotie, of u kunt aangepaste berichten maken.

Dit zijn slechts enkele van de voordelen die u kunt behalen met een aangepast inlogformulier. De eerste is echter de belangrijkste. Beveiliging moet altijd voorop staan ​​bij het nemen van beslissingen over wijzigingen aan uw site, en in dit geval kunt u deze aanzienlijk verbeteren met slechts een paar eenvoudige aanpassingen.

Handige tools voor het maken van een aangepast WordPress-inlogformulier

U begrijpt nu de redenen waarom u uw WordPress-inlogformulier zou willen wijzigen. Gelukkig zijn er tal van plug-ins die je kunnen helpen (plus, veel kunnen ook worden gebruikt om andere WordPress-formulieren aan te passen). De volgende opties zijn enkele van de beste die beschikbaar zijn, met uitstekende functiesets en reputaties voor betrouwbaarheid.

ProfilePress Gebruikersregistratie, Front-end Login & Gebruikersprofiel WordPress Plugin

ProfielPers Gebruikersregistratie

Info & DownloadBekijk De Demo

ProfilePress is een handige plug-in waarmee u uw aangepaste WordPress-aanmelding, registratie, wachtwoordreset en profielformulieren kunt aanpassen. U kunt het ook gebruiken om front-end gebruikersprofielen te maken die uniek zijn voor elke gebruiker.

U hoeft het wiel niet opnieuw uit te vinden door de formulieren helemaal opnieuw te bouwen en de server-side validatie, authenticatie en autorisatie af te handelen. Laat ProfilePress dat alles en meer voor u regelen. Het is vermeldenswaard dat ProfilePress shortcodes gebruikt. Dus in plaats van formulieren in HTML te coderen zoals je normaal zou doen, plak je gewoon een shortcode in. De flexibiliteit van shortcodes maakt het mogelijk dat een inlogformulier in onderstaande afbeelding mogelijk is.

ProfilePress wordt zelfs geleverd met prachtige kant-en-klare sjablonen. Het gebruik van deze vooraf gebouwde sjablonen is heel eenvoudig; kopieer en plak eenvoudig de sjabloon-shortcode naar een WordPress-pagina en sla vervolgens op. Voorbeeld om het formulier live te zien. Heel makkelijk.

ProfilePress bevat ook tal van andere opwindende functies, waaronder: moderatie van geregistreerde gebruikers, sociale login via Facebook, Twitter, LinkedIn, Google, GitHub & VK.com, gebruikerslogin zonder wachtwoord, integratie met BuddyPress, BbPress, MailChimp, CampaignMonitor, Polylang, Multisite enz.

Belangrijkste kenmerken:

  • Hiermee kunt u uw aanmeldingsformulieren, registratieformulieren en formulieren voor het opnieuw instellen van wachtwoorden aanpassen
  • Biedt live previews om het ontwerpproces gemakkelijker te maken
  • Hiermee kunt u aanmeldingen, registraties en wachtwoordherstel omleiden naar aangepaste pagina's
  • Biedt multisite-integratie, waarmee gebruikers nieuwe sites kunnen maken via een front-end registratieformulier
  • Maakt het mogelijk voor gebruikers om avatars te uploaden en biedt moderatie- en sociale media-gerelateerde functies (premium-versie)

Aangepaste inlogpagina Aanpasser Gratis WordPress-plug-in

Aangepaste inlogpagina Aanpasser Gratis WordPress-plug-in

Info & downloaden

Als u op zoek bent naar een snelle en gemakkelijke manier om uw WordPress-inlogformulier aan te passen, dan is de Custom Login Page Customizer een geweldige optie. Het maakt gebruik van de bekende live Customizer met eenvoudige opties voor het wijzigen van uw logo, achtergrond, opvullingen, formuliervelden en knop. Bovendien kun je altijd een beetje aangepaste CSS toevoegen voor meer geavanceerde wijzigingen.

Belangrijkste kenmerken:

  • Gebruiksvriendelijke ontwerpopties
  • Vertrouwde Customizer-interface
  • Bekijk een voorbeeld van wijzigingen terwijl u ze aanbrengt

Beheerder Aangepaste inlogpagina Gratis WordPress-plug-in

Aangepaste plug-in voor beheerdersaanmeldingspagina

Info & DownloadBekijk De Demo

De plug-in WordPress Login Page aanpassen maakt het eenvoudig om uw inlogformulier te personaliseren, zodat het er precies goed uitziet. Het biedt u de mogelijkheid om kleuren aan te passen, een achtergrondafbeelding toe te voegen en zelfs een achtergronddiavoorstelling te maken. Naast de aanpassingsfuncties is deze plug-in responsief voor mobiele sites en geïntegreerd met Google Fonts.

Belangrijkste kenmerken:

  • Hiermee kunt u gebruikers omleiden naar een aangepaste inlogformulier-URL
  • Hiermee kunt u uw inlogformulier personaliseren met kleuren en achtergrondmedia
  • Bevat connectiviteitsfuncties voor sociale media

LoginPress Aangepaste aanmeldingspagina Aanpasser Gratis WordPress-plug-in

LoginPress Custom WordPress Login Form Customizer

Info & downloaden

LoginPress maakt het aanpassen van uw WordPress-inlogformulier eenvoudig en intuïtief. Hiermee kunt u uw aanmeldingspagina rechtstreeks vanuit uw WordPress-dashboard bewerken en aangepaste velden en berichten voor gebruikers toevoegen. Bovendien zijn er tal van ontwerpgerichte functies waarmee u de branding en stijl van de rest van uw site kunt matchen.

Belangrijkste kenmerken:

  • Hiermee kunt u aangepaste logo's en achtergronden toevoegen aan uw aanmeldingsformulier
  • Hiermee kunt u de kleuren van knoppen en andere elementen wijzigen
  • Biedt de mogelijkheid om aangepaste fout- en welkomstberichten te maken

White Label Branding voor WordPress Premium WordPress Plugin

White Label-branding voor WordPress

Info & DownloadBekijk De Demo

Met deze premium plug-in kunt u niet alleen uw inlogformulier aanpassen, maar uw hele WordPress-beheergebied. U kunt White Label Branding voor WordPress ook gebruiken om te bepalen wat gebruikers te zien krijgen op basis van hun toegewezen rol, zoals redacteur of auteur, en om indien nodig bepaalde gebieden te verbergen. Dit creëert een waardevolle extra beveiligingslaag voor uw site.

Belangrijkste kenmerken:

  • Hiermee kunt u uw WordPress-beheergebied volledig aanpassen op basis van gebruikersrollen
  • Hiermee kunt u aanpassingen toepassen op uw aanmeldingsformulier en backend, inclusief logo's, favicons, kop- en voetteksten
  • Biedt een visuele CSS-editor

Op maat gemaakte aanmelding Aangepaste aanmeldingspagina Premium WordPress-plug-in

Op maat gemaakte inlog plug-in voor aangepaste inlogpagina

Info & downloaden

De Tailored Login-plug-in heeft een ingebouwde stijlmanager voor uw inlogformulier en biedt een breed scala aan aanpassingsopties. Hiermee kunt u optionele widgets toevoegen, en u kunt de achtergronden, kopteksten, knoppen en meer voor uw inloggebied personaliseren. De plug-in maakt deel uit van een iThemes-lidmaatschap, inclusief premium-ondersteuning en een communityforum.

Belangrijkste kenmerken:

  • Biedt een stijlmanager waarmee u kleuren, lettertypen en widgetgebieden kunt aanpassen
  • Biedt aanpasbare inlogformulieren, met bewerkbare kop-, voetteksten, knoppen en links
  • Hiermee kunt u maximaal twee widgetgebieden toevoegen aan uw inlogpagina
  • Bonus: Deze plug-in is beschikbaar als onderdeel van iTheme's Plugin Suite, dus als je het pakket al hebt of geïnteresseerd bent in enkele van de andere geweldige plug-ins van iTheme, kan dit een goede deal zijn

Hoe u uw WordPress-inlogformulier kunt aanpassen

Nu je enkele van de handige tools hebt gezien die je kunt gebruiken om je WordPress-inlogformulier te wijzigen, kun je hier kort bekijken hoe je dit kunt doen. Uiteraard zullen deze stappen voor elk van de bovengenoemde plug-ins anders zijn. Als je een functierijke plug-in kiest met veel instellingen en opties, kan het wat langer duren om je WordPress-inlogformulier in te stellen, maar voor nu laten we je een van de eenvoudigste opties zien.

Stap 1: installeer uw inlogformulier-plug-in

Inlogformulier aanpassen plug-in installeren

Dus om te beginnen, kies je plug-in en installeer en activeer deze. Als de plug-in die je leuk vindt zich in de WordPress.org-repository bevindt, kun je deze direct in je WordPress-dashboard vinden onder Plug-ins> Nieuw toevoegen door het zoekvak te gebruiken. We hebben bijvoorbeeld gekozen voor de Custom Login Page Customizer.

Als uw plug-in afkomstig is van een website van een derde partij, wilt u toch navigeren naar Plug-ins> Nieuw toevoegen maar klik vervolgens op de knop om "Plugin uploaden". Volg vanaf daar de aanwijzingen op het scherm om het zipbestand van uw plug-in te uploaden en te installeren.

Stap 2: Zoek de instellingen van uw aanmeldingsformulier

Aanpassingsinstellingen voor aanmeldingsformulier

Als uw plug-in is geïnstalleerd en actief is, moet u nu proberen de instellingenpagina van de plug-in te vinden. Voor de Custom Login Page Customizer vindt u deze onder: Uiterlijk > Login Customizer. Andere plug-ins zijn te vinden onder Extra, Instellingen of zelfs onder een nieuw menutabblad dat is toegevoegd aan uw WordPress-dashboard.

Stap 3: Begin met het aanpassen van uw WordPress-inlogformulier

Aangepaste inlogpagina Live Customizer

Zodra je je instellingen hebt gevonden, is het tijd om aan de slag te gaan! Als je opties op je instellingenpagina hebt, begin deze dan te wijzigen. Voor de plug-in Custom Login Page Customizer die we gebruiken, moet u eerst op de knop "Start Customizing" klikken, waarmee de WordPress Customizer wordt geopend.

Aangepaste aanmeldingspagina Live-aanpassingsopties

Deze specifieke plug-in gebruikt bekende ontwerpopties voor kleuren, achtergronden, opvullingen en meer.

Aangepaste inlogpagina Live Customizer Styling

Werk je een weg door de beschikbare opties om je eigen aangepaste WordPress-inlogformulier te maken.

Aangepaste inlogpagina Live Customizer CSS

Oh, en als je iets wilt veranderen (of wilt) dat niet beschikbaar is als een ingebouwde optie, kun je altijd een beetje aangepaste CSS gebruiken om je tweak te maken. De plug-in Custom Login Page Customizer die we gebruiken, heeft een eigen CSS-paneel, maar er is een "Extra CSS"-sectie in de standaard WordPress Customizer die u ook kunt gebruiken. Een snelle Google-zoekopdracht is meestal de gemakkelijkste manier om erachter te komen hoe je een paar regels CSS moet schrijven, maar als je niet zeker bent, kun je altijd zien of de ontwikkelaar van de plug-in je kan helpen.

Vergeet niet op te slaan als je klaar bent. Daarna zou uw nieuwe aangepaste WordPress-inlogformulier in gebruik moeten zijn!

Conclusie

Als het gaat om uw WordPress-site, wilt u net zoveel aandacht besteden aan het aanpassen van uw beheerdersgebied als aan de voorkant. Door uw inlogformulier aan te passen, kunt u een stap verder gaan met uw branding en kan het zorgen voor meer veiligheid en een verbeterde gebruikerservaring.

In dit artikel hebben we vijf plug-ins geïntroduceerd die u kunnen helpen een aangepast WordPress-aanmeldingsformulier te maken dat bij uw site past, maar misschien hebben we uw favoriet gemist. Zijn er andere aangepaste inlogformulier-plug-ins waarvan u denkt dat ze de moeite van het bekijken waard zijn? Laat het ons weten in de comments hieronder!

Gerelateerde artikelen

0 Comments
Inline feedbacks
Bekijk alle reacties
Terug naar boven knop