HomeWordpressBlokpatronen in WordPress: meer opties qua design, sneller bloggen

Blokpatronen in WordPress: meer opties qua design, sneller bloggen

Lange tijd was er niet echt een reden om je vertrouwde, klassieke WordPress-thema in te ruilen voor een block thema. Veel te veel gedoe en soms erg matige resultaten. Maar dat begint te veranderen. De blokeditor wordt stilaan gebruiksvriendelijker en met de blokpatronen in WordPress kan je het potentieel pas echt benutten.

Leestijd: ca. 3 minuten

Om ten volle gebruik te maken van de voordelen van blokpatronen binnen WordPress is het aan te raden te werken met een block theme.

Wat zijn blokpatronen in WordPress?

Zoals de naam misschien al doet vermoeden zijn blokpatronen in WordPress vaste, gegroepeerde WordPress-blokken die samen een complete sectie van een webpagina kunnen vormen. Met één muisklik kan je deze patronen toepassen in jouw project. Het enige wat je dan nog hoeft te doen is je teksten en gegevens aanpassen.

De meeste blokthema’s komen tegenwoordig met een hele stoet aan blokpatronen. Blokpatronen kunnen trouwens veel verschillende vormen aannemen. Noem een wat groter en/of belangrijker element van een webpagina en er kan allicht een blokpatroon voor voorzien worden:

  • headers
  • sidebars
  • footers
  • pagina’s voor het tonen van blogberichten
  • hero-secties
  • call-to-actions
  • prijstabellen
  • icoontjes voor social media-profielen
  • banners
  • secties voor (het tonen van) allerlei multimedia in je blogpost
Snel aan de slag met blokpatronen in WordPress? Deze video zet je snel op weg.

Drie soorten blokpatronen

  1. Blokpatronen meegeleverd met je WordPress-(blok)theme: sommige thema’s zijn heel gul en bieden een hele bibliotheek aan blokpatronen. Het huidige standaard- thema van WordPress bijvoorbeeld (Twenty Twenty-three). Bij het theme waar ik momenteel mee werk (Björk van Anders Norén) is het aanbod al wat minder groot.
  2. Eigen aangemaakte (gesynchroniseerde) blokpatronen: tot voor kort stonden ze bekend onder de term “herbruikbare blokken“.
  3. Buiten je eigen WordPress-setup kan je blokpatronen vinden. En ook meer en meer bouwers van plugins wagen zich eraan.

Waar vind je WordPress-blokpatronen?

Je patronen zijn beschikbaar in de blok inserter, onder het tabblad Patronen. Je eigen (gesynchroniseerde) patronen vind je uiterst rechts (het dubbele ruitje). Deze patronen zijn trouwens makkelijk te herkennen door de opvallende paarse kleur van hun icoontjes. Via de Block Pattern Directory kan je grasduinen in de bibliotheek van WordPress.

Blokpatronen in WordPress, wat is het voordeel?

Het is perfect mogelijk om te bloggen zonder blokpatronen te gebruiken. Toch kunnen die patronen je leven als blogger een stuk makkelijker maken. Zo kan je:

1. Snel en eenvoudig een site ontwerpen

Waarbij je maar in zeer beperkte mate gebonden bent aan datgene wat de bouwer van je theme voorstelt. Jij bepaalt gewoon wat je nodig hebt voor jouw project, klikt de nodige blokpatronen bijeen en past ze eventueel aan. En ondanks het feit dat er nauwelijks code aan te pas komt heb je wel een “unieke website.” Je WordPress blog lay-out verzorgen wordt zo een stuk simpeler.

Ben je je layout beu? Grasduin door je blokpatronen op zoek naar frisse ideeën en scherp je creativiteit aan.




2. Blokpatronen in WordPress: veel vrijheid en flexibiliteit

Je kan de patronen zonder enige verdere aanpassing toevoegen aan je blog of website. Maar evengoed kan je een bestaand blokpatroon bewerken en er zo toch nog je eigen saus aan toevoegen. En heb je een bepaald blok niet nodig? Dan haal je het er gewoon tussenuit.

En eerlijk is eerlijk, blokpatronen zijn ook een welkome hulp als het erom gaat je design een beetje consistent te houden.

3. Sneller bloggen

Je hoeft niet eens zolang te bloggen om te merken dat je best wel vaak dezelfde stukjes content aan het maken bent. Dan is het handig om eigen (gesynchroniseerde) blokpatronen te maken. Sla deze op om ze later ook op andere plaatsen in je blog te hergebruiken.

Patronen niet te verwarren met templates

Zowel blokpatronen als templates bepalen dus mee de layout van je site. Maar eigenlijk zijn templates binnen WordPress vaak niet veel meer dan aanzetten/voorstellen voor een indeling van essentiële pagina’s op een blog of website. Patronen bevatten veeleer de elementen om templates concreet in te vullen. Aldus hebben de meeste blokthema’s wel een template voor (een):

  • homepage
  • vaste pagina’s
  • het tonen van het volledige blogbericht
  • 404-pagina
  • archiefpagina
  • het tonen van zoekresultaten op je blog

Al deze templates kunnen naar hartenlust aangepast worden. Hetzij door zelf met je verzameling blokken uit de blok inserter te stoeien, hetzij door gebruik te maken van blokpatronen, hetzij door blokken samen te voegen tot blokpatronen en deze dan in je blog te klikken.

Heeft je WordPress-blokthema nou niet het template dat jij zoekt? Dan kan je altijd vertrekken van een leeg canvas en een eigen template ontwerpen.




Ideetjes voor het maken van eigen blokpatronen in WordPress

Stel, je bent een drukbezette blogger en je wil graag wat efficiënter werken. Dan zou ik eens kijken deze blokpatronen als eerste maken.

  • disclaimers
  • cookie-meldingen
  • banners voor affiliate-partners waar je mee samenwerkt
  • stukjes code voor (het tonen van) advertentieblokken
  • je auteursbox
  • je gratis weggever annex opt-in formulier voor je nieuwsbrief
  • andere call-to-actions
  • opmaak voor uitgelichte tekstfragmenten (quotes, tekstkaders,…)
  • knoppen die op verschillende plekken in je blog terugkomen
  • (opmaak voor) je related posts-sectie

Deze elementen komen vaak tientallen keren voor in een website. Stiekem ben je veel tijd kwijt als je ze telkens opnieuw moet maken. Gooi ze in een blokpatroon en klik ze vervolgens met één muisklik in je webpagina. Gegarandeerd een grote tijdsbesparing.










Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.