Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar.

[Ad_1]

När du skapar en webbplats för en klient, är deras första glimt av ditt arbete ofta WordPress-inloggningssidan. Som standard ser dock varje WordPress-inloggningssida exakt likadan ut. Det är inte precis ett starkt första intryck.

Lyckligtvis finns det många sätt att anpassa WordPress-inloggningsskärmen. Detta inkluderar visuella förändringar, som att ersätta WordPress-logotypen med din kunds varumärke, samt funktionella förändringar. Med några enkla justeringar kan du skapa en inloggningsskärm som kommer att få dina kunder att göra direkt.

I den här artikeln visar vi dig hur du anpassar varje del av WordPress-inloggningssidan i fem enkla steg. Låt oss börja!

Varför kanske du vill anpassa WordPress-inloggningsskärmen

WordPress-inloggningssidan tillåter administratörer och andra registrerade användare att få tillgång till den viktiga WordPress-instrumentpanelen. Inloggningsskärmen har som standard den igenkännbara WordPress-logotypen och branding, tillsammans med fält där du kan ange ditt användarnamn och lösenord:
Standardinloggningssidan för WordPress.
Denna standardinställning kan vara helt acceptabel när du är den enda personen som har tillgång till WordPress-backend. Men om du är skapande av en webbplats för en klientkan du överväga att anpassa standardinloggningsskärmen.

WordPress är mycket populärt Innehållshanteringssystem (CMS). Detta betyder dock att det också är mycket igenkännligt. Om din kunds första intryck av deras webbplats är WordPress-inloggningsskärmen, kan de undra om din byrå är det leverera verkligt värde.

Av dessa skäl kanske du vill byta namn på WordPress-inloggningsskärmen. En anpassad märkesinloggning kommer att göra ett mycket bättre första intryck jämfört med det generiska WordPress-märkta alternativet. Han kan också presentera din byrå som professionell, noggrann och alltid redo att gå en extra mil till tillfredsställa dina kunder.

Du kan till och med lägga till ditt eget varumärke på kundens anpassade WordPress-inloggningssida. Detta kan hjälpa till att hålla din byrå i spetsen för kundernas oro och skapa en stark mental koppling mellan ditt företag och deras webbplats. Detta uppmuntrar kunden att se din byrå som inneboende för framgången för deras webbplats, vilket kan vara ovärderligt när det är dags för dem att förnya sitt kontrakt med dig.

En anpassad WordPress-inloggningssida handlar inte bara om skönhet. Du kan också lägga till förbättrad funktionalitet. Dessa funktioner kan hjälpa den kundsäkra webbplatsen, eller hjälpa kunder att självständigt lösa problem som de stöter på. Alternativt kan dessa ytterligare funktioner förbättra säkerheten. Med WordPress med hänsyn till 94% av CMS hackat 2019 är det viktigt att skydda dina kunders instrumentpaneler från skadliga tredje parter.

Så här imponerar du på dina kunder med en anpassad WordPress-inloggningssida (i 5 steg)

Du kan skapa en anpassad WordPress-inloggningsskärm med hjälp av en rad plugins och verktyg. I denna handledning använder vi Anpassad inloggningssida anpassare plugin av LoginPress.

Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

Du kan använda detta plugin för att anpassa utseendet på WordPress-inloggningssidan och lägga till ytterligare funktioner. När du har installerat och aktiverat den kan du dyka in i vår femstegsplan för att skapa en personlig inloggningsupplevelse för dina kunder.

Steg 1: Gå till LoginPressPress Customizer

Du kan visuellt granska din inloggningssida och lägga till ytterligare funktioner med LoginPress anpassningsverktyg. För att komma åt det här verktyget, gå till LoginPress> Anpassare i WordPress-instrumentpanelen.

Om det är första gången du öppnar LoginPress kommer du att bli ombedd att samtycka till datainsamling. Du kan välja att tillåta eller neka denna begäran som du vill, men var noga med att meddela din klient om ditt beslut:
WordPress LoginPress-plugin.
Då omdirigeras du till LoginPress Customizer. Om du eller din kund ändrar dig, kan du när som helst aktivera eller inaktivera spårning av användning av LoginPress. Navigera bara till Plugins> Installerade plugins. Hitta inloggning Tryck i listan och välj dess ackompanjemang Aktivera / avaktivera ansluta.

Steg 2: Byt namn på WordPress-inloggningsskärmen

Du kan använda LoginPress till Vitt märke WordPress-inloggningsskärm med ett anpassat varumärke. Det kan hjälpa dig att leverera en skräddarsydd upplevelse för din kund.

Oavsett om du planerar att använda din kunds varumärke eller ditt eget, vill du i allmänhet ta bort WordPress-logotypen. Välj från sidofältets meny Logotyp. Du kan sedan klicka på Logobild> Välj bildoch välj den fil du vill använda:
En anpassad WordPress-inloggningsskärm.
Du kan också bädda in en URL i den logotyp du väljer för att skicka användare som klickar på den till webbplatsens hemsida. Om du till exempel visar byråns logotyp kan du länka till din byråns webbplats. Du kan lägga till den här adressen i Logo URL fält.

Medan du är på den här skärmen kan du också tillhandahålla en Inloggningssidans titel. Här är texten som visas i webbläsarens flik:
En anpassad WordPress-inloggningssida med en anpassad sidrubrik.
Du kan också ta bort logotypen från din anpassade WordPress-inloggningssida helt genom att använda Inaktivera logotyp alternativ. Detta kan vara användbart om du tillhandahåller en tom webbplats som kunden planerar att omforma själv.

Steg 3: ändra bakgrundsbilden

Vill du sälja dina produkter på internet?

Ladda ner WooCommerce gratis, de bästa plugins för e-handel för att sälja dina fysiska och digitala produkter på WordPress och enkelt skapa din onlinebutik. Perfekt för nybörjare.

En av de mest slående ändringarna du kan göra på din anpassade WordPress-inloggningssida är att ändra dess bakgrund. För att ersätta den vanliga grå WordPress-bakgrunden, välj Bakgrundsbild> Välj bild. Du kan sedan välja den fil du vill använda:
En anpassad WordPress-inloggningssida skapad med LoginPress.
Du kan också använda en video som bakgrund. Det kan skapa en iögonfallande effekt, även om det också kan vara distraherande. Videor kan också påverka sidens laddningstid när du öppnar inloggningsskärmen via en långsammare internetanslutning. Om du väljer att skapa en animerad bakgrund väljer du Aktivera bakgrundsvideo:
En bakgrundsbild av den anpassade inloggningssidan.
Detta visar de inställningar du behöver för att ladda ner din video. Du kan sedan konfigurera hur din nya bakgrund visas på inloggningsskärmen. Detta inkluderar att stänga av videon, om det behövs.

Steg 4: Anpassa inloggningsformuläret

Du kan också redigera själva inloggningsformuläret. Detta inkluderar att ändra bakgrundsbilden eller färgen och färgen på de olika etiketterna som visas i formuläret, t.ex. Kom ihåg mig kryssruta.

Välj om du vill ändra bakgrunden på formuläret Form bakgrundsfärg. Du kan sedan använda färgväljaren för att välja ditt nya utseende:
Ett personligt inloggningsformulär.
Du kan också ta bort bakgrunden från inloggningsformuläret helt med hjälp av Aktivera transparens i formuläret glida. Detta kan vara användbart om du utformar en strömlinjeformad och förenklad anpassad WordPress-inloggningssida. Det kan också skapa en intressant effekt om du använder en upptagen eller särskilt slående bakgrundsbild och inte vill distrahera eller täcka över den:
En anpassad WordPress-inloggningssida med ett transparent formulär.
Du kan också ändra färgen på textetiketterna som visas i inloggningsformuläret. Du kan till exempel göra dessa etiketter lättare att läsa genom att kontrastera dem med bakgrundsbilden.

Längst ner på den här skärmen hittar du Inmatningsfältetikettens färg Inställningarna. Detta styr färgen på Användarnamn eller e-mailadress et lösenord fältetiketter:
Anpassade inloggningsformuläretiketter.
Du kan också ändra färgen på Kom ihåg mig märka. För att anpassa denna text, klicka på Kom ihåg mig Color Label markören och använd kommandona som finns här.

Steg 5: Ersätt standardfelmeddelandena

WordPress har en serie av standardfelmeddelanden att det visas om någon anger sitt användarnamn eller lösenord felaktigt. Dessa felmeddelanden identifierar tydligt problemet. Till exempel säger de Ogiltigt användarnamneller så E-postadressen är inte korrekt för att ange referenser som hindrar användaren från att komma åt.

Du kan använda LoginPress för att anpassa dessa felmeddelanden. Du kan till exempel ändra dessa standardmeddelanden för att ge mer information om felet och hur du löser det. Detta kan vara användbart om din klient inte är särskilt erfaren med WordPress. Du kan också tillhandahålla denna ytterligare information om kunden inte har ordnat för dig att ge löpande teknisk support.

Informationsinlägg kan hjälpa legitima användare att få tillgång till sina WordPress-konton, men de kan också ge användbar information till hackare. Skadliga tredje parter kan ibland försöka komma åt webbplatser med kombinationer av vanliga lösenord och användarnamn. Standardfelmeddelanden kan hjälpa hackare att identifiera när de angav ett rätt användarnamn eller lösenord.

För att skydda klientens WordPress-administrationspanel kanske du vill göra dessa felmeddelanden mer generiska. För att ändra dem, välj Felmeddelanden i menyn Customizer:
Anpassade anslutningsfelmeddelanden.
Du kan nu göra önskade ändringar i alla anslutningsfelmeddelanden. Dessa fält är kompatibla med HTML-formatering. Detta låter dig lägga till stilistiska element, som fetstil och kursiv stil, till viktig text.

Slutsats

Standardinloggningssidan för WordPress får jobbet gjort, men det är inte precis inspirerande att titta på. Om du vill imponera på dina kunder rekommenderar vi att du gör inloggningssidan en makeover och kanske justerar dess funktionalitet.

Genom att använda ett plugin som Anpassad inloggningssida anpassare, kan du skapa en unik inloggningsskärm i fem enkla steg:

  1. Gå till LoginPress-anpassaren.
  2. Byt namn på WordPress-inloggningsskärmen.
  3. Ändra bakgrundsbilden.
  4. Anpassa inloggningsformuläret.
  5. Ersätt standardfelmeddelandena.

Har du frågor om hur du skapar en anpassad WordPress-inloggningssida? Fråga i kommentarfältet nedan!

Bildkrediter: Vald bild, prov bakgrundsbild.

[Ad_2]

Källlänk

0 aktier
del
tweet
Enregistrer