Om vi arbetar med Wordpress är det möjligt att vi gillar att anpassa vår sida med alla detaljer som är möjliga. En av kundernas mest efterfrågade anpassningar är inloggningen. Som standard är den design som Wordpress erbjuder oss för inloggningen ganska enkel och ren. Det är därför vi kanske vill inkludera en mer personlig touch i det, till exempel vårt varumärke.
Om du har en blogg utvecklad i Wordpress vet du att för att hantera den måste du komma åt en webbadress som http://www.midominio.com/wp-admin, som visar inloggningssidan för installationsadministratören; Detta innehåller som standard en Wodpress -logotyp som vi kan ändra. Men inte bara det, men vi kan också ändra länken som den pekar på när du klickar på den, liksom dess verktygstips (affischen som visas när du placerar muspekaren över logotypen).
Det finns två sätt att utföra denna anpassning: genom plugins specialiserat eller lägga till en bit koda till motsvarande installationsfil.
Medan du gör någon anpassning i Wordpress Det är enklare med hjälp av ett plugin, sanningen är att dessa direkt påverkar laddningstiden på vår sida så att när det är inom räckhåll kommer det att bli lättare att utföra denna typ av åtgärder genom att "röra" koden.
I denna handledning kommer vi att se hur man gör det direkt lägga till de tre motsvarande php -kodbitarna till var och en av de anpassningar som vi kommer att utföra:
Anpassningar
- Byt logotyp.
- Ändra logolänk.
- Anpassa logotypens verktygstips.
1. Byt logotyp
Steg 1
Det första vi måste göra är att förbereda bilden som vi ska använda som en logotyp. Detta bör vara kvadratiskt 80 x 80 pixlar och i format .png.webp, helst med Genomskinlig bakgrund, eftersom inloggningssidan är gråaktig och på detta sätt kommer den att "smälta in" perfekt med den.
Steg 2
När vi väl har bilden som vi kommer att använda som en logotyp klar, som i vårt exempel kallas logo.png.webp, måste vi spara det i mappen bilder av vårt aktuella ämne ( \ wp-innehåll \ teman \aktuellt ämne\ bilder) var aktuellt ämne det motsvarar namnet på temat som du har aktivt i din installation.
Vi kan utföra denna process, både genom en kund FTP som genom hosting filhanterare, om du har det.
Steg 3
Nu kommer det att bli nödvändigt att lägga till motsvarande php -kod i filen funktioner.php för vårt aktiva tema. Det snabbaste sättet att göra detta är att använda Wordpress egen filredigerare. Gör detta i Wordpress -installationen klicka på menyn Anpassa och sedan ungefär Redaktör. Klicka nu på den vänstra kolumnen files.php -fil och bläddra till slutet av det.
Lägg till följande kod för att ange logotypen som du vill ska visas. I kodavsnittet måste du ersätta texten logo.png.webp med det namn du har gett din egen logotyp
// anpassa inloggningsfunktionen my_custom_login_logo () {echo ''; } add_action ('login_head', 'my_custom_login_logo');
2. Ändra logolänk
För att ändra webbadressen som är länkad till sidlogotypen måste du också lägga till filen funktioner.php följande kodbit:
// anpassa logotypens länkfunktion put_my_url () {return ('http://www.solvetic.com'); // Här anger du webbadressen till vilken logotypen länkar} add_filter ('login_headerurl', 'put_my_url');
3. Anpassa logotypens verktygstips
Slutligen, och för att anpassningen av inloggningssidan ska vara fullständig, kommer vi att ändra texten som visas när du svävar över bilden på logotypen, som som standard är "Drivs av WordPress".
För detta måste du lägga till ett sista kodfragment till filen funktioner.php av det aktiva ämnet:
// anpassa logolänkfunktionen put_my_url () {return ('http://www.solvetic.com'); // Här anger du webbadressen till vilken logotypen länkar} add_filter ('login_headerurl', 'put_my_url');
När redigeringen är klar kommer det att bli nödvändigt att spara ändringarna för att de ska träda i kraft. För att göra detta, klicka på knappen Uppdatera fil hittades i slutet av redaktören. Om du nu öppnar din Wordpres -inloggningssida kan du se hur det ser ut efter de ändringar som tillämpats.
Kom ihågDu kan prova dessa "knep" utan rädsla för att avkonfigurera din webbplats i Wordpress med hjälp av en lokal installation som förklaras i självstudien Hur man har en bärbar installation av WordPress
Ladda ner gratis Wordpress -mallar
Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng
