Du har installert og aktivert et tema, men toppteksten viser feil logo, bunnteksten har standardtekst, og fargene matcher ikke merkevaren din. Alt dette endrer du i redigeringsverktøyet for nettstedet, som lar deg tilpasse temaet i WordPress uten å røre kode. Her får du oversikten over hvordan dette verktøyet fungerer.
Åpne redigeringsverktøyet for å tilpasse temaet
Du kommer til redigeringsverktøyet på to måter. Den første er å gå til Utseende i kontrollpanelet og klikke på Redigeringsverktøy. Den andre er å gå til Utseende, Temaer, og klikke Tilpass på det aktive temaet. Begge veiene fører til samme sted.
Når redigeringsverktøyet åpnes, ser du nettsiden din med et panel til venstre. Dette panelet er kommandosentralen for hele designet ditt. Her finner du fem hovedseksjoner: Navigasjon, Stiler, Sider, Maler og Mønstre.
Venstrepanelet: fem innganger til alt
Navigasjon viser alle menyene på nettsiden din. Herfra kan du legge til, fjerne og omorganisere menypunkter. Navigasjonen fortjener sin egen gjennomgang, og den finner du i guiden om navigasjon i WordPress.
Stiler er der du endrer det visuelle uttrykket til hele nettsiden. Farger, typografi, bakgrunner, skygger og layout styres herfra. En endring i Stiler påvirker alle sider som bruker temaets standardinnstillinger. Det betyr at du kan endre fargepaletten ett sted og se resultatet overalt.
Sider gir deg en oversikt over alle sidene på nettsiden din. Du kan klikke på en side for å åpne den direkte i redigeringsverktøyet. Det er en rask vei til å redigere innhold uten å gå via sideoversikten i kontrollpanelet.
Maler bestemmer hvordan ulike typer innhold presenteres. En mal for enkeltinnlegg styrer hvordan blogginnlegg ser ut. En mal for sider styrer layouten på statiske sider. En mal for arkiv styrer hvordan kategori- og stikkordsider vises. Du kan redigere hver mal individuelt eller lage helt nye maler.
Mønstre er gjenbrukbare seksjoner som du kan sette inn på sider og i maler. De sparer tid og sikrer konsistent design. Maler og mønstre i WordPress forklarer dette i detalj.
Redigere toppteksten i temaet
Toppteksten er det første besøkende ser, og det er ofte det første du vil tilpasse. Klikk på Maler i venstrepanelet og velg en mal, for eksempel Sider. Malen åpnes i blokkredigereren, og du ser hele sidestrukturen med topptekst, innholdsområde og bunntekst.
Klikk på toppteksten. Du ser at den er en delmal, altså en gjenbrukbar seksjon som deles av flere maler. Endringer du gjør her, slår gjennom på alle maler som bruker samme topptekst-delmal.
Inne i toppteksten kan du legge til en logo ved å klikke på logoblokken og laste opp bildet ditt. Du kan endre plasseringen av menyen, legge til en søkeblokk eller fjerne elementer du ikke trenger. Dra og slipp fungerer, men vær presis med klikkene. I redigeringsverktøyet kan ett klikk velge toppteksten, et annet klikk velge en blokk inni den, og et tredje klikk aktivere tekstredigering. Dokumentoversikten (listeikonet i verktøylinjen) er din beste venn for å treffe riktig blokk.
Redigere bunnteksten
Bunnteksten redigeres på samme måte. Scroll ned til bunnen av malen og klikk på bunntekstområdet. Også bunnteksten er vanligvis en delmal, noe som betyr at endringer her påvirker alle sider.
Typiske ting å legge til i bunnteksten er en logo, kontaktinformasjon, lenker til viktige sider og en kort beskrivelse av virksomheten. Du kan bruke kolonneblokker for å organisere innholdet pent side om side. Mange temaer har allerede en bunntekststruktur med kolonner, så du trenger bare å erstatte standardinnholdet med ditt eget.
Zoom ut for å se helheten
Redigeringsverktøyet har en zoom-funksjon som lar deg se hele siden i miniatyr. Klikk på Zoom ut-ikonet i verktøylinjen for å få et fugleperspektiv over layouten. Herfra ser du hvordan topptekst, innhold og bunntekst henger sammen. Du kan flytte hele seksjoner opp og ned, noe som er mye enklere enn å gjøre det i normalvisning.
Zoom ut er spesielt nyttig når du arbeider med maler som har mange seksjoner. I stedet for å scrolle frem og tilbake kan du se alt på en gang og dra seksjoner dit du vil ha dem.
Tilpasse temaet gjennom maler
Kraften i redigeringsverktøyet ligger i malene. Hver maltype styrer en bestemt type innhold. Noen viktige maler du bør kjenne til:
- Forside styrer hjemmesiden din
- Sider styrer alle statiske sider (med mindre de har en egen mal)
- Enkeltinnlegg styrer hvordan blogginnlegg vises
- Arkiv styrer kategorisider, stikkordsider og andre samlinger
- Søkeresultater styrer hva som vises etter et søk
- 404-side styrer hva besøkende ser når de treffer en side som ikke finnes
Klikker du på en mal, åpnes den i redigeringsverktøyet der du kan endre layout, legge til blokker og fjerne elementer du ikke vil ha. Alle sider som bruker den malen, oppdateres automatisk.
Vær forsiktig med klikkene
Redigeringsverktøyet er utrolig kraftig, men det krever presisjon. Ett klikk kan velge en hel seksjon, mens et dobbeltklikk kan sette deg i tekstredigeringsmodus for en spesifikk blokk. Hvis du plutselig ser at du redigerer noe du ikke mente å redigere, trykk Ctrl+Z (Cmd+Z på Mac) for å angre.
Bruk dokumentoversikten aktivt. Den viser blokkstrukturen som en treliste, og du kan klikke direkte på blokken du vil redigere. Det er mye tryggere enn å klikke rundt i selve designet og håpe at du treffer riktig element.
Neste steg
Nå som du vet hvordan redigeringsverktøyet fungerer, kan du dykke dypere inn i de enkelte delene. Slik endrer du stiler og farger i WordPress viser deg hvordan du gjør temaet visuelt til ditt eget med farger, typografi og globale stilinnstillinger.
Denne videoen er hentet fra kurset WordPress - komplett guide på Utdannet.no. I det fulle kurset lærer du å tilpasse temaet i WordPress fra topp til bunn, redigere delmaler for topptekst og bunntekst, og bygge egne maler med WordPress sitt redigeringsverktøy.
