Hvis vi jobber med Wordpress er det mulig at vi liker å tilpasse siden vår med alle detaljer som er mulige. En av kundens mest etterspurte tilpasninger er påloggingen. Som standard er designet som Wordpress tilbyr oss for pålogging ganske enkelt og rent. Det er derfor vi kanskje vil inkludere et mer personlig preg i det, for eksempel vårt merke.
Hvis du har en blogg utviklet i Wordpress, vet du at for å administrere den må du få tilgang til en nettadresse som http://www.midominio.com/wp-admin, som viser påloggingssiden til installasjonsadministratoren; Dette inkluderer som standard en Wodpress -logo som vi kan endre. Men ikke bare det, men vi kan også endre lenken den viser til når du klikker på den, så vel som verktøytipset (plakaten som vises når du plasserer musepekeren over logoen).
Det er to måter å utføre denne tilpasningen på: gjennom plugins spesialisert eller legge til et stykke kode til den tilsvarende installasjonsfilen.
Mens du utfører noen tilpasning i Wordpress Det er enklere ved hjelp av et plugin, sannheten er at disse direkte påvirker lastetiden på siden vår, slik at når det er innen rekkevidde, vil det være lettere å utføre denne typen handlinger ved å "berøre" koden.
I denne opplæringen vil vi se hvordan du gjør det direkte legge til de tre tilsvarende php -kodebitene til hver av tilpasningene vi skal utføre:
Tilpasninger
- Endre logoen.
- Endre logolink.
- Tilpass logo -verktøytipset.
1. Endre logo
Trinn 1
Det første vi må gjøre er å forberede bildet som vi skal bruke som en logo. Dette skal være firkantet, av 80 x 80 piksler og i format .png.webp, helst med Gjennomsiktig bakgrunn, siden påloggingssiden er gråaktig og på denne måten vil den "blande seg" perfekt med den.
Steg 2
Når vi har bildet som vi vil bruke som en logo klar, som i vårt eksempel kalles logo.png.webp, må vi lagre den i mappen Bilder av vårt nåværende tema ( \ wp-innhold \ temaer \nåværende tema\ Bilder) hvor nåværende tema det tilsvarer navnet på temaet du har aktiv i installasjonen.
Vi kan utføre denne prosessen, både gjennom en klient FTP som gjennom hosting filbehandling, i tilfelle du har det.
Trinn 3
Nå vil det være nødvendig å legge den tilsvarende php -koden til filen functions.php av vårt aktive tema. Den raskeste måten å gjøre dette på er ved å bruke Wordpresss eget filredigeringsprogram. For å gjøre dette, gjør du det i Wordpress -installasjonen klikk på Tilpass -menyen og så om Redaktør. Klikk nå på den venstre kolonnen functions.php -fil og bla til slutten av det.
Legg til følgende kode for å angi logoen du vil vise. I kodebiten må du erstatte teksten logo.png.webp ved navnet du har gitt din egen logo
// tilpasse påloggingsloggfunksjonen my_custom_login_logo () {echo ''; } add_action ('login_head', 'my_custom_login_logo');
2. Endre logolink
For å endre nettadressen som er knyttet til sidelogoen, må du også legge til filen functions.php følgende kodebit:
// tilpasse logolinkfunksjon put_my_url () {return ('http://www.solvetic.com'); // Her angir nettadressen som logoen lenker til} add_filter ('login_headerurl', 'put_my_url');
3. Tilpass logo -verktøytipset
Til slutt, og for at tilpasningen av påloggingssiden skal være fullført, vil vi endre teksten som vises når du holder musepekeren over bildet på logoen, som som standard er "Powered by WordPress".
For dette må du legge til et siste kodefragment i filen functions.php av det aktive emnet:
// tilpasse logolinkfunksjon put_my_url () {return ('http://www.solvetic.com'); // Her angir nettadressen som logoen lenker til} add_filter ('login_headerurl', 'put_my_url');
Når redigeringen er fullført, vil det være nødvendig å lagre endringene som er gjort for at de skal tre i kraft. For å gjøre dette, klikk på knappen Oppdater filen funnet på slutten av redaktøren. Hvis du nå får tilgang til Wordpres -påloggingssiden, kan du se hvordan det ser ut etter endringene som er gjort.
HuskeDu kan prøve disse "triksene" uten frykt for å avkonfigurere nettstedet ditt i Wordpress ved å bruke en lokal installasjon som forklart i opplæringen Hvordan ha en bærbar installasjon av WordPress
Last ned gratis Wordpress -maler
Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng
