Slik installerer en Custom Header på Thesis Theme

Slik installerer en Custom Header på Thesis Theme


En av de første tingene du ønsker å gjøre etter å ha installert et nytt tema på Wordpress bloggen er å tilpasse den med din egen header image. I tidlige versjoner av den populære Thesis tema var det aldri tydelig hvordan du raskt oppnå dette. Heldigvis fra versjon 1.8 og framover Thesis har lagt til "header opplasteren" for å undermenyer, og dette gjør installere en egendefinert header grei. Hvis, derimot, bruker du en tidligere versjon av Thesis, vil du trenger for å få litt mer involvert og redigere custom.css filen.

Bruksanvisning

Last opp et Header bilde med "Header Uploader"

1 Logg inn på Wordpress admin hjelp av en administrator brukernavn og passord.

2 Klikk "Thesis" på menyen på venstre side for å avsløre Thesis alternativer. Klikk på "Header Image" i den nylig viste rullegardinmenyen.

3 Klikk på "Browse" -knappen og naviger til header image fil på datamaskinen og velg "Open".

4 Klikk på "Last opp". Det vises en melding over bildet sier "Header image oppdatert." Den egendefinerte header image er installert og umiddelbart vises på din Wordpress blog. Du kan se bloggen din med den nylig installerte tilpasset header bildet som vises på den ved å klikke hyperkoblingen over bildet som sier "Sjekk ut nettstedet."

Rediger Custom.ccs

5 Last opp din header image til "/ custom / images" mappen ved hjelp av en FTP-klient eller gjennom cPanel.

6 Logg inn på Wordpress admin hjelp av en administrator brukernavn og passord og klikk "Thesis" på menyen på venstre side. Klikk på "Side Alternativer" i den nylig viste rullegardinmenyen under "Thesis."

7 Bla ned til undertittelen "Visningsalternativer". Åpne "Header Innstillinger" og sørge for at "Vis sidenavnet i header" er valgt.

8 Klikk "Custom File Editor" i rullegardinmenyen Thesis. Velg "custom.css" fra drop-down menyen og klikk "Rediger valgte filen."

9 Kopier og lim inn følgende kode til custom.css gjennom Thesis Custom File Editor (på slutten er fine):

.custom #logo {background-image: URL ( 'images / header.jpg'); background-repeat: no-repeat; width: 950px; height: 150px; text-indent: -9999px; }

Klikk på "Big lagre-knappen."

Hint

  • Thesis vil automatisk endre størrelsen på bildet header hvis den er for stor når du bruker den første metoden. Det vil være mer effektivt å endre størrelsen på bildet ved hjelp av et bilderedigeringsprogram før du laster opp ditt nettsted.
  • Kontroller at bredde- og høyde piksel målinger i Css koden i andre metoden er endret for å matche bildet ditt.
  • Du kan også redigere custom.css gjennom en teksteditor og laste opp revidert versjon til serveren din.
  • Sikkerhetskopiere alle filer før du gjør noen endringer.