Als we met Wordpress werken is het mogelijk dat we onze pagina graag personaliseren met alle details die mogelijk zijn. Een van de meest gevraagde aanpassingen door klanten is de login. Standaard is het ontwerp dat Wordpress ons biedt voor de login vrij eenvoudig en strak. Daarom willen we er misschien een persoonlijker tintje aan geven, zoals ons merk.
Als u een blog heeft ontwikkeld in Wordpress, weet u dat u om deze te beheren toegang moet hebben tot een url zoals http://www.midominio.com/wp-admin, die de inlogpagina van de installatiebeheerder toont; Dit bevat standaard een Wodpress-logo dat we kunnen wijzigen. Maar niet alleen dat, we kunnen ook de link wijzigen waarnaar het verwijst wanneer u erop klikt, evenals de tooltip (de poster die wordt weergegeven wanneer de muisaanwijzer op het logo wordt geplaatst).
Er zijn twee manieren om deze aanpassing uit te voeren: via plug-ins gespecialiseerd of het toevoegen van een stuk code naar het bijbehorende installatiebestand.
Tijdens het uitvoeren van eventuele aanpassingen in Wordpress Het is eenvoudiger door middel van een plug-in, de waarheid is dat deze direct van invloed zijn op de laadtijd van onze pagina, zodat wanneer deze binnen ons bereik is, het lichter zal zijn om dit soort acties uit te voeren door de code te "aanraken".
In deze tutorial zullen we zien hoe je dit direct kunt doen het toevoegen van de drie bijbehorende php-codefragmenten op elk van de aanpassingen die we zullen uitvoeren:
Aanpassingen
- Verander het embleem.
- Logolink wijzigen.
- Pas de knopinfo voor het logo aan.
1. Logo wijzigen
Stap 1
Het eerste dat we moeten doen, is de afbeelding voorbereiden die we als logo zullen gebruiken. Dit moet vierkant zijn, of 80 x 80 pixels en in formaat .png.webp, bij voorkeur met de Transparante achtergrond, aangezien de inlogpagina grijsachtig is en op deze manier er perfect mee "opgaat".
Stap 2
Zodra we de afbeelding hebben die we als logo zullen gebruiken, die in ons voorbeeld wordt genoemd logo.png.webp, we moeten het opslaan in de map afbeeldingen van ons huidige onderwerp ( \ wp-inhoud \ thema's \huidig onderwerp\ afbeeldingen) waar huidig onderwerp het komt overeen met de naam van het thema dat je actief hebt in je installatie.
Wij kunnen dit proces uitvoeren, zowel via een opdrachtgever FTP als door de hosting bestandsbeheerder, voor het geval je het hebt.
Stap 3
Nu is het nodig om de bijbehorende php-code aan het bestand toe te voegen functies.php van ons actieve thema. De snelste manier om dit te doen is door de eigen bestandseditor van Wordpress te gebruiken. Om dit te doen, doe je binnen de Wordpress-installatie: klik op het menu Aanpassen en dan ongeveer Editor. Klik nu in de linkerkolom op de functies.php bestand en scroll naar het einde ervan.
Voeg de volgende code toe om het logo aan te geven dat u wilt weergeven. In het codefragment moet je de tekst vervangen logo.png.webp door de naam die u aan uw eigen logo hebt gegeven
// pas de login-logofunctie aan my_custom_login_logo () {echo ''; } add_action ('login_head', 'my_custom_login_logo');
2. Logolink wijzigen
Om de URL die is gekoppeld aan het paginalogo te wijzigen, moet u ook aan het bestand toevoegen functies.php het volgende stukje code:
// pas logo-linkfunctie aan put_my_url () {return ('http://www.solvetic.com'); // Geef hier de URL aan waarnaar het logo linkt} add_filter ('login_headerurl', 'put_my_url');
3. Pas de knopinfo voor het logo aan
Ten slotte, en om de personalisatie van de inlogpagina te voltooien, zullen we de tekst wijzigen die verschijnt wanneer de muisaanwijzer over de afbeelding van het logo gaat, die standaard "Powered by WordPress" is.
Hiervoor moet je een laatste codefragment aan het bestand toevoegen functies.php van het actieve onderwerp:
// pas logo-linkfunctie aan put_my_url () {return ('http://www.solvetic.com'); // Geef hier de URL aan waarnaar het logo linkt} add_filter ('login_headerurl', 'put_my_url');
Nadat het bewerken is voltooid, moeten de aangebrachte wijzigingen worden opgeslagen om ze van kracht te laten worden. Klik hiervoor op de knop Bestand bijwerken gevonden aan het einde van de editor. Als u nu uw Wordpres-aanmeldingspagina opent, kunt u zien hoe deze eruitziet nadat de wijzigingen zijn aangebracht.
HerinnerenU kunt deze "trucs" proberen zonder bang te hoeven zijn uw site in Wordpress te deconfigureren met behulp van een lokale installatie, zoals uitgelegd in de tutorial Een draagbare installatie van WordPress hebben
Download gratis Wordpress-sjablonen
Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
