Du har bygget en kontaktside som ser bra ut, og nå vil du bruke den samme kontaktseksjonen på tre andre sider. Du kan kopiere og lime inn blokkene, men da må du oppdatere alle fire sidene hver gang du endrer et telefonnummer eller en e-postadresse. WordPress har en bedre løsning: mønstre og maler. Disse lar deg bygge gjenbrukbare designelementer som sparer tid og sikrer konsistens.
Hva er mønstre i WordPress?
Et mønster er en ferdig gruppe med blokker som er satt sammen til en seksjon. Det kan være en hero-seksjon med bilde og overskrift, en prisliste med tre kolonner, eller en kontaktboks med kart og informasjon. I stedet for å bygge disse seksjonene fra bunnen av hver gang, setter du inn et mønster med noen få klikk og tilpasser innholdet.
WordPress leveres med en samling ferdige mønstre, og temaet ditt legger ofte til egne. Du finner dem ved å klikke på plussikonet i blokkredigereren og velge fanen Mønstre. Her kan du bla gjennom kategorier som "Tekst", "Bilder", "Kolonner" og "Call to Action". Velg et mønster, og det settes inn på siden din med alle blokkene allerede organisert og stylet.
To typer mønstre: synkroniserte og ikke-synkroniserte
Her er forskjellen som virkelig betyr noe. WordPress har to typer mønstre, og de oppfører seg helt forskjellig.
Ikke-synkroniserte mønstre er uavhengige kopier. Når du setter inn et ikke-synkronisert mønster på en side, får du en kopi av blokkene som du fritt kan redigere. Endringer du gjør på en side, påvirker ikke andre sider som bruker det samme mønsteret. Tenk på det som en mal du stemplrer ut kopier av.
Synkroniserte mønstre er koblet sammen. Alle instanser av et synkronisert mønster deler det samme innholdet. Endrer du teksten i en av dem, oppdateres alle de andre automatisk. Det er som et felles dokument som alle sider refererer til. Synkroniserte mønstre er perfekte for innhold som skal være identisk overalt, som kontaktinformasjon, bunntekstseksjoner eller selskapsbeskrivelser.
Symbolet for synkroniserte mønstre er et lilla diamantikon i blokkredigereren. Ser du dette ikonet, betyr det at endringer du gjør her, vil påvirke alle steder mønsteret brukes.
Lage et eget synkronisert mønster
Si at du har en kontaktboks med firmanavn, adresse, telefon og e-post som du vil bruke på flere sider. Bygg seksjonen med blokker på en av sidene dine. Velg alle blokkene som utgjør seksjonen (bruk dokumentoversikten for å velge en gruppeblokk, eller hold Shift og klikk på første og siste blokk).
Klikk på de tre prikkene i blokkverktøylinjen og velg Opprett mønster. Gi mønsteret et beskrivende navn, for eksempel "Kontaktinformasjon". Velg en kategori, og huk av for Synkronisert. Klikk Opprett.
Nå er seksjonen et synkronisert mønster. Neste gang du redigerer en annen side og vil legge til kontaktinformasjonen, åpner du blokkinnsettingen, går til Mønstre-fanen, og finner "Kontaktinformasjon" under kategorien du valgte. Sett det inn, og innholdet er automatisk koblet. Endrer du telefonnummeret ett sted, endres det overalt.
Bruke mønstre i maler for siteomfattende effekt
Mønstre blir ekstra kraftfulle når du bruker dem i maler. En mal i WordPress bestemmer layouten for en bestemt type innhold. Sidemalen styrer alle statiske sider, innleggsmalen styrer blogginnlegg, og forsiden har sin egen mal.
Gå til Utseende, Redigeringsverktøy og klikk på Maler. Velg for eksempel malen for Sider. Legg til et synkronisert mønster med kontaktinformasjon under innholdsblokken. Lagre malen. Nå vises kontaktinformasjonen automatisk på alle sider som bruker den malen, uten at du trenger å legge den til manuelt på hver enkelt side.
Kombinasjonen av maler og synkroniserte mønstre er det som gjør WordPress sine blokkbaserte temaer så effektive. Du bygger designet en gang, og systemet tar seg av resten.
Hva er maler i WordPress?
Maler definerer strukturen rundt innholdet ditt. Hver mal inneholder blokkene som utgjør topptekst, bunntekst, sidefelt og innholdsområde. Når du tilpasser temaet, redigerer du egentlig malene.
Du finner alle malene under Maler i redigeringsverktøyet. De vanligste er:
- Forside for hjemmesiden
- Sider for statisk innhold
- Enkeltinnlegg for blogginnlegg
- Arkiv for kategori- og oversiktssider
- 404 for sider som ikke finnes
Maler bruker delmaler for gjentakende deler som topptekst og bunntekst. En delmal er i praksis et synkronisert mønster som brukes i maler. Endrer du topptekst-delmalen, oppdateres den i alle maler som bruker den.
Administrere mønstre fra redigeringsverktøyet
Alle mønstrene dine samles under Mønstre i venstrepanelet i redigeringsverktøyet. Her kan du se, redigere og slette mønstre. Synkroniserte mønstre har det lilla diamantikonet, mens ikke-synkroniserte vises som vanlige blokkgrupper.
Du kan også opprette nye mønstre direkte herfra uten å gå via en side. Klikk på plussikonet, gi mønsteret et navn, velg om det skal være synkronisert eller ikke, og bygg det i redigeringsverktøyet. Denne tilnærmingen er ryddigere når du planlegger designsystemet ditt fra starten av.
Når bruke hva: en enkel tommelfingerregel
Bruk ikke-synkroniserte mønstre som utgangspunkt for seksjoner der innholdet varierer mellom sider. En testimonial-seksjon der sitatene er forskjellige på hver side, er et godt eksempel. Du sparer tid på å slippe å bygge layouten fra bunnen, men hvert innhold er uavhengig.
Bruk synkroniserte mønstre for innhold som skal være identisk overalt. Kontaktinformasjon, CTA-bokser med samme budskap, og ansvarsfraskrivelser er typiske kandidater. Endrer du noe, oppdateres det på alle sider.
Bruk maler for å styre den overordnede strukturen til ulike innholdstyper. Alle blogginnlegg bør ha samme grunnlayout med topptekst, innhold og bunntekst. Malen sørger for det uten at du trenger å sette det opp på nytt for hvert innlegg.
Neste steg
Med maler og mønstre i verktøykassen din har du det du trenger for å bygge en konsistent og vedlikeholdbar nettside. Gå tilbake til stiler og farger for å finpusse det visuelle uttrykket, eller utforsk utvidelser for å legge til funksjonalitet utover det temaet tilbyr.
Denne videoen er hentet fra kurset WordPress - komplett guide på Utdannet.no. I det fulle kurset lærer du å bygge WordPress maler og mønstre fra bunnen av, bruke synkroniserte mønstre for effektiv innholdsadministrasjon, og sette opp et komplett malsystem med WordPress sitt mønsterbibliotek.
