Hvis vi arbejder med Wordpress, er det muligt, at vi kan lide at tilpasse vores side med alle de detaljer, der er mulige. En af kundernes mest efterspurgte tilpasninger er login. Som standard er det design, Wordpress tilbyder os til login, ganske enkelt og rent. Derfor vil vi måske medtage et mere personligt præg i det, f.eks. Vores mærke.
Hvis du har en blog udviklet i Wordpress, ved du, at for at administrere den skal du få adgang til en url, f.eks. Http://www.midominio.com/wp-admin, som viser installationssidens login-side; Dette inkluderer som standard et Wodpress -logo, som vi kan ændre. Men ikke kun det, men vi kan også ændre det link, det peger på, når du klikker på det, samt dets værktøjstip (plakaten, der vises, når du placerer musemarkøren over logoet).
Der er to måder at udføre denne tilpasning på: igennem plugins specialiseret eller tilføjelse af et stykke kode til den tilsvarende installationsfil.
Mens du udfører enhver tilpasning i Wordpress Det er enklere ved hjælp af et plugin, sandheden er, at disse direkte påvirker indlæsningstiden på vores side, så hver gang det er inden for vores rækkevidde, vil det være lettere at udføre denne type handlinger ved at "røre" koden.
I denne vejledning ser vi, hvordan du gør det direkte tilføjelse af de tre tilsvarende php -kodestykker til hver af de tilpasninger, som vi vil udføre:
Tilpasninger
- Skift logo.
- Skift logo -link.
- Tilpas logoets værktøjstip.
1. Skift logo
Trin 1
Den første ting, vi skal gøre, er at forberede det billede, som vi vil bruge som et logo. Dette skal være firkantet, af 80 x 80 px og i format .png.webp, helst med Gennemsigtig baggrund, da login -siden er grålig, og på denne måde vil den "blande sig" perfekt med den.
Trin 2
Når vi har det billede, som vi vil bruge som et logo klar, som i vores eksempel kaldes logo.png.webp, skal vi gemme det i mappen billeder af vores aktuelle emne ( \ wp-indhold \ temaer \aktuelt emne\ billeder) hvor aktuelt emne det svarer til navnet på det tema, som du har aktivt i din installation.
Vi kan udføre denne proces, både gennem en klient FTP som gennem hosting filhåndtering, hvis du har det.
Trin 3
Nu bliver det nødvendigt at tilføje den tilsvarende php -kode til filen functions.php af vores aktive tema. Den hurtigste måde at gøre dette på er ved at bruge Wordpress's egen fil editor. For at gøre dette skal du gøre det i Wordpress -installationen klik på menuen Tilpas og derefter ca. Redaktør. Klik nu på kolonnen i venstre kolonne files.php -fil og rul til slutningen af det.
Tilføj den følgende kode for at angive det logo, du vil have vist. I kodestykket skal du erstatte teksten logo.png.webp ved det navn, du har givet til dit eget logo
// Tilpas login -logofunktionen my_custom_login_logo () {echo ''; } add_action ('login_head', 'my_custom_login_logo');
2. Skift logo -link
Hvis du vil ændre webadressen, der er knyttet til sidelogoet, skal du også føje til filen funktioner.php følgende stykke kode:
// Tilpas logo -link -funktion put_my_url () {return ('http://www.solvetic.com'); // Angiv her den webadresse, som logoet linker til} add_filter ('login_headerurl', 'put_my_url');
3. Tilpas logoets værktøjstip
Endelig, og for at personaliseringen af login -siden er fuldført, ændrer vi den tekst, der vises, når du svæver over billedet af logoet, der som standard er "Powered by WordPress".
Til dette skal du tilføje et sidste kodefragment til filen funktioner.php af det aktive emne:
// Tilpas logo -link -funktion put_my_url () {return ('http://www.solvetic.com'); // Angiv her den webadresse, som logoet linker til} add_filter ('login_headerurl', 'put_my_url');
Når redigeringen er færdig, vil det være nødvendigt at gemme de ændringer, der er foretaget, for at de kan træde i kraft. For at gøre dette skal du klikke på knappen Opdater fil fundet i slutningen af redaktøren. Hvis du nu får adgang til din Wordpres -login -side, kan du se, hvordan det ser ud efter de foretagne ændringer.
HuskDu kan prøve disse "tricks" uden frygt for at dekonfigurere dit websted i Wordpress ved hjælp af en lokal installation som forklaret i selvstudiet Sådan får du en bærbar installation af WordPress
Download gratis Wordpress -skabeloner
Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt