Hjem » Siste artikler » Slik bruker du Gutenberg-blokker for mer fleksibelt innhold i WordPress

Slik bruker du Gutenberg-blokker for mer fleksibelt innhold i WordPress

Hovedillustrasjon
Hovedillustrasjon. Foto: Justin Morgan / Unsplash.

Gutenberg har gradvis blitt standardredigereren i WordPress, men mange sitter fortsatt fast i «klassisk modus» og en blanding av shortcodes og sidebyggere. Det gjør det tungvint å redigere og gir ofte uforutsigbart design.

Med en smart bruk av blokker kan du få mer fleksible sider, enklere oppdatering og bedre struktur uten å gå over til tunge page builder-plugins. Her ser vi på hvordan du kan utnytte Gutenberg på en praktisk måte i hverdagen.

Forstå blokk-typene som gjør mest nytte

Det finnes mange blokker i Gutenberg, men i en redaksjonell hverdag er det noen få som gjør mest jobb. Å kjenne dem godt gir raskere publisering og færre misforståelser mellom redaktør og utvikler.

De viktigste standardblokkene å beherske er typiskAvsnitt,Overskrift,Bilde,Galleri,Liste,Sitat,KolonnerogGruppe. Disse dekker brorparten av tekstsider, landingssider og artikler.

Bruk grupper og kolonner til layout, ikke mellomromstriks

Mange forsøker å løse layout ved å legge inn tomme avsnitt eller flere mellomrom. Det gir ofte rare resultater på mobil og skaper frustrasjon når temaet endres. Tenk heller i strukturer: seksjoner, kolonner og innhold inni disse.

En nyttig tilnærming er:

  • BrukGruppe-blokker til å samle innhold som hører sammen, for eksempel en hel seksjon med overskrift, tekst og bilde.
  • BrukKolonnernår innholdet logisk skal stå ved siden av hverandre, som tekst til venstre og bilde til høyre.
  • Bruk innstillinger for marg og polstring i stedet for tomme avsnitt for luft.

Gjør gjentakende elementer om til gjenbrukbare blokker

Hvis du ofte kopierer den samme boksen med tekst, en kontaktseksjon eller en liten CTA, kan det være lurt å gjøre den om til en gjenbrukbar blokk. Da slipper du manuelt vedlikehold på ti forskjellige sider hver gang noe endres.

En praktisk prosess kan være:

  1. Bygg først en vanlig blokk eller gruppe med ønsket innhold.
  2. Marker blokken(e), åpne menyen for flere valg og velg å gjøre den til gjenbrukbar blokk.
  3. Gi den et navn som gir mening, for eksempel «Kontaktboks – standard».

Husk at gjenbrukbare blokker er koblet sammen, så en endring gjelder overalt. For varianter kan du duplisere blokken og gi en ny versjon eget navn.

Jobb med blokkmønstre for konsistente sider

Blokkmønstre (patterns) lar deg sette inn ferdige oppsett med flere blokker samtidig, for eksempel en hel hero-seksjon, en prisrad eller en liste med fordeler. Det gir en rask og konsistent måte å sette opp sider som følger samme struktur.

For et mindre nettsted kan dere lage noen få mønstre som dekker de vanligste behovene: enkel innholdseksjon, to kolonner med bilde og tekst, liten faktaboks og en enkel CTA-seksjon. Disse kan ofte settes opp av en utvikler eller erfaren redaktør, og deretter brukes av hele redaksjonen.

Rediger med oversikten «Listevisning» for komplekse sider

Tematisk illustrasjon
Tematisk illustrasjon. Foto: Mert Kaya / Pexels.

Når en side begynner å inneholde mange grupper, kolonner og blokker, blir det fort krevende å klikke seg frem i selve forhåndsvisningen. Da er «Listevisning» gull verdt, spesielt for lange landingssider og rapportsider.

Med listevisning ser du strukturen som et hierarki: seksjoner, kolonner og innhold. Derfra kan du raskt:

  • Gi blokker tydelige navn, for eksempel «Hero-seksjon» eller «Fordelsliste».
  • Flytte hele seksjoner opp eller ned uten å miste innhold.
  • Finne blokker som har feil eller mangler uten å lete visuelt.

Enkle rutiner som gir bedre samarbeidsflyt

Mange utfordringer med Gutenberg kommer ikke fra redigereren selv, men fra uklare rutiner i teamet. Noen enkle grep kan redusere frustrasjonen betydelig, spesielt når flere er redaktører på samme nettsted.

Vurder for eksempel å:

  • Avtale en felles «mal» for overskriftsnivåer, slik at ikke alle sider får sin egen logikk.
  • Bruke faste blokkmønstre for viktige sidetyper, som tjenester, produkter eller kurs.
  • La én person ha ansvar for å opprette og vedlikeholde gjenbrukbare blokker og mønstre.

Test tema-tilpasning før du går «all in» med blokker

Hvor godt Gutenberg fungerer, henger tett sammen med temaet du bruker. Blokker kan se pene ut i redigereren, men oppføre seg annerledes på forsiden hvis temaet har egne stiler eller begrensninger.

Før du tar i bruk mer avanserte blokkoppsett på mange sider, er det lurt å teste:

  • Hvordan grupper, kolonner og bilder oppfører seg på mobil og nettbrett.
  • Om avstander mellom seksjoner virker jevne gjennom hele siden.
  • Om temaet har egne blokkstiler som du ønsker å bruke eller skjule.

Gjør du større endringer på tema eller blokkoppsett, bør du ha sikkerhetskopi og gjerne et testmiljø der du kan eksperimentere uten å påvirke nettsiden som er i drift.

Når er det lurt å kombinere Gutenberg med andre verktøy

Gutenberg har kommet langt, men det finnes fortsatt tilfeller der en dedikert sidebygger, et skreddersydd tema eller spesialblokker gir mer mening. Målet bør være å bruke så få ekstra verktøy som mulig, men nok til at redaksjonen jobber effektivt.

Noen typiske scenarier der utvidelser kan være fornuftig er avanserte prissider, komplekse tabeller, interaktive elementer eller forsider med mye spesialdesign. I slike tilfeller kan du vurdere blokkplugins som bygger videre på Gutenberg, fremfor å introdusere helt egne systemer.

Slik kommer du videre uten å starte på nytt

Du trenger ikke redesigne hele nettstedet for å få nytte av Gutenberg. Begynn heller i liten skala: nye landingssider, en omarbeidet artikkelmal eller en seksjon som ofte oppdateres. Der kan du prøve ut grupper, mønstre og gjenbrukbare blokker.

Etter hvert kan du se hvilke mønstre og arbeidsformer som fungerer best for dere, og bygge videre på det. Målet er ikke å bruke alle blokker, men å ha en håndterlig verktøykasse som gjør publisering rask, forutsigbar og lett å vedlikeholde over tid.

0 kommentarer