Terug naar Ondersteuning Inhoud en media Blokken Een patroon maken

Een patroon maken

Met patronen kan je aangepaste blokken opslaan, zodat je ze op je hele site kan hergebruiken. Als je herhaaldelijk dezelfde groepen blokken toevoegt aan nieuwe pagina’s, besparen patronen je veel tijd. In deze handleiding leer je hoe je patronen maakt en gebruikt.

💡

Laat je inspireren door onze verzameling patronen, gemaakt door het ontwerpteam van WordPress.com om precies de pagina’s te bouwen die je nodig hebt.

Een patroon maken

Maak eerst de inhoud aan die je wilt hergebruiken. Een patroon kan een afzonderlijk blok of een groep van meerdere blokken zijn. In ons voorbeeld gebruiken we een afbeelding, koptekst, tekst en een call-to-action-knop die er als volgt uitziet:

een voorbeeld van een verzameling blokken die kan worden omgezet in een patroon.
Voorbeeld van een verzameling blokken die een Media- en tekstblok met een titel, een alinea en knoppen gebruiken.

Zodra je je inhoud hebt aangemaakt, volg je deze stappen om er een patroon van te maken dat je overal op je site kan gebruiken.

  1. Selecteer alle blokken die je opnieuw wilt gebruiken. Er zijn meerdere manieren om blokken te selecteren:
    • Je kan meerdere blokken naast elkaar markeren met je muis.
    • In de Lijstweergave, klik op het eerste blok, houd daarna de Shift-toets op je toetsenbord ingedrukt en klik op het laatste blok. Hiermee worden alle blokken tussen het eerste en laatste blok geselecteerd.
  2. Klik op de drie puntjes in de blokwerkbalk.
  3. Klik op de optie ‘Patroon aanmaken’.
  4. Geef het een naam om je te helpen herinneren waar het patroon voor is. Alleen jij kan de naam zien.
  5. Wijs het patroon optioneel toe aan een categorie, wat handig is als je veel patronen hebt die je geordend wilt houden.
  6. Schakel de optie ‘Gesynchroniseerd‘ in of uit:
    • Gesynchroniseerd: alle wijzigingen die je in het patroon aanbrengt, worden overal toegepast waar het patroon is ingevoegd. Ideaal voor het hergebruiken van blokken.
    • Niet gesynchroniseerd: alle wijzigingen die je in het patroon aanbrengt, zijn alleen van toepassing op één exemplaar van het patroon. Ideaal als je dezelfde lay-out bij meerdere pagina’s wilt gebruiken, maar de inhoud in het patroon op elke pagina wilt wijzigen.
  7. Klik op de knop Aanmaken.

Kies een patroon

Zodra je een patroon hebt aangemaakt, kan je het in je inhoud invoegen door de onderstaande stappen te volgen.

  1. Klik op het invoegpictogram + Blok.
  2. Selecteer vervolgens het tabblad Patronen:
Nadat je op de blokinvoeger hebt geklikt, worden patronen gemarkeerd met een pijl die naar het tabblad wijst.
  1. Kies uit:
    • Alle patronen: blader door elk patroon, inclusief patronen van WordPress.com.
    • Mijn patronen: blader alleen door patronen die je zelf hebt aangemaakt.
    • Blader door voorbeeldpatronen per categorie, zoals Over, Banners, Formulieren, Diensten en nog veel meer.
  2. Klik één keer op een patroon om het aan je pagina toe te voegen.

💡

Je kan met behulp van je toetsenbord ook een slash / en de naam van je patroon op een nieuwe regel invoeren en op Enter drukken om snel een patroon toe te voegen dat je hebt gemaakt.

Patroon bewerken

Nadat je een patroon hebt toegevoegd, kan je het op twee manieren bewerken:

Een patroon invoegen om het te bewerken

  1. Voeg het patroon toe aan je site, zoals uitgelegd in het vorige gedeelte.
  2. Selecteer het blok en klik op de optie ‘Origineel bewerken‘ in de blokwerkbalk:
Werkbalk gesynchroniseerd patroon.
  1. Breng je wijzigingen aan. Deze kunnen bestaan uit het typen van nieuwe tekst, het herschikken van blokken, het toevoegen van nieuwe blokken of het verwijderen van blokken.
  2. Als je klaar bent met de wijzigingen, klik je op de knop Opslaan/Bijwerken/Publiceren in de rechterbovenhoek.
  3. Voordat je wijzigingen worden opgeslagen, vind je een overzicht van de wijzigingen die je hebt aangebracht aan je site. Als je een gesynchroniseerd patroon hebt bewerkt, wordt het hier gemarkeerd.
  4. Klik nogmaals op de knop ‘Opslaan‘ om de wijziging te bevestigen of verwijder het vinkje naast de wijzigingen die je niet wilt opslaan.

Klik op de optie ‘Herstellen‘ in de werkbalk om direct een gesynchroniseerd patroon terug te zetten naar de oorspronkelijke inhoud.

Een pijl markeert wijzigingen aan gesynchroniseerde patronen.

Een patroon bewerken via Mijn patronen

  1. Ga naar je dashboard.
  2. Ga naar Weergave → Editor.
  3. Klik op het tabblad ‘Patronen’.
  4. Selecteer je patroon en klik op het potloodpictogram om dat patroon te bewerken.
  5. Zodra je klaar bent met de bewerkingen, klik je op de knop ‘Opslaan‘.

Als je geen toegang hebt totWeergave → Editor, gebruikt je site geen blokthema. Een patroon bewerken zonder toegang tot de Site-editor :

  1. Ga naar je dashboard.
  2. Ga naar Weergave → Patronen.
  3. Klik op de titel van het patroon om dat patroon te bewerken.
  4. Zodra je klaar bent met de bewerkingen, klik je op de knop ‘Bijwerken‘.

Gesynchroniseerde en niet-gesynchroniseerde patronen

Wanneer je een patroon aanmaakt, kan je er een gesynchroniseerd of niet-gesynchroniseerd patroon van maken. Hier leggen we elke optie uit en hoe je met beide soorten patronen kan werken.

Gesynchroniseerde patronen

Een gesynchroniseerd patroon is een patroon dat overal waar je het op je site gebruikt hetzelfde blijft. Wanneer je het gesynchroniseerde patroon op één plaats op je site bewerkt, wordt die wijziging overal toegepast waar het patroon wordt gebruikt. Als je bijvoorbeeld een gesynchroniseerd patroon voor je openingstijden aanmaakt, kan je die openingstijden in één keer wijzigen en wordt het op je hele site bijgewerkt.

Gesynchroniseerde patronen worden geïdentificeerd door het patroonsymbool dat lijkt op een diamant met een andere diamant erachter. Je ziet de naam van het patroon ook op de volgende plaatsen in de editor:

Werkbalk gesynchroniseerd patroon
Het patroonpictogram en de patroonnaam zoals deze worden weergegeven in de blokwerkbalk.

Je kan een gesynchroniseerd patroon overal wijzigen waar het patroon wordt gebruikt. Wanneer je je wijzigingen opslaat, worden ze toegepast op alle pagina’s en berichten die dat patroon gebruiken.

Een gesynchroniseerd patroon loskoppelen

Door een gesynchroniseerd patroon los te koppelen, kan je de inhoud van het patroon voor alleen die pagina of dat bericht bewerken. Het zet dat ingevoegde patroon om in een niet-gesynchroniseerd patroon, zodat je bestaande gesynchroniseerde patroon ongewijzigd blijft.

Een gesynchroniseerd patroon omzetten in een niet-gesynchroniseerd patroon:

  1. Voeg het patroon toe aan je site, zoals uitgelegd in het vorige gedeelte.
  2. Klik op het patroon en er verschijnt een werkbalk boven of onder het patroon.
  3. Klik op de ellips (drie puntjes) aan het einde van de werkbalk en selecteer de optie ‘Loskoppelen‘:
Een pijl wijst naar de ellips in de blokwerkbalk en de optie Loskoppelen is gemarkeerd.

Een gesynchroniseerd patroon overschrijven

Je kan inhoud overschrijven binnen een gesynchroniseerd patroon terwijl de rest van de inhoudsstructuur hetzelfde blijft. Hiermee kan je per blok de mogelijkheid instellen om de inhoud van individuele exemplaren aan te passen, terwijl de algehele lay-out intact blijft. Meer informatie over patroonoverschrijvingen.

Niet-gesynchroniseerde patronen

Een niet-gesynchroniseerd patroon is een verzameling blokken die je hebt ontworpen en die je opnieuw wilt gebruiken, maar die je ook de mogelijkheid wilt geven om de inhoud van de blokken te wijzigen nadat je ze aan een pagina of bericht hebt toegevoegd. Je kan bijvoorbeeld een consistente lay-out hebben die afbeeldingen en tekst bevat voor je blogberichten. Je kan een patroon aanmaken, de synchronisatieoptie uitschakelen en vervolgens de afbeeldingen en tekst met dezelfde lay-out aanpassen van elk blogbericht.

In tegenstelling tot gesynchroniseerde patronen is een niet-gesynchroniseerd patroon net als een normale verzameling blokken zodra het patroon aan een pagina is toegevoegd. Je kan de inhoud van het niet-gesynchroniseerde patroon wijzigen. Deze is alleen van toepassing op die ene pagina of dat ene bericht.

Een eerdere revisie van een patroon herstellen

Als je wijzigingen aanbrengt in patronen, worden eerdere versies van de blokken opgeslagen voor het geval je terug moet keren naar een eerdere versie. Volg deze stappen om de revisies van een patroon te openen:

  1. Ga naar je dashboard.
  2. Ga naar Weergave → Editor.
  3. Selecteer Patronen.
  4. Klik op de optie ‘Al mijn patronen beheren‘.
  5. Beweeg je muis over de titel van een pagina en selecteer ‘Snel bewerken‘.
  6. Open de sidebar Pagina-instellingen rechts. Dit pictogram lijkt op een vierkant met twee oneven kolommen.
  7. Klik onder het tabblad Patroon op Revisies. Als ‘Revisies’ niet verschijnt, zijn er nog geen opgeslagen revisies.

Als je geen toegang hebt totWeergave → Editor, gebruikt je site geen blokthema. Patroonrevisies openen zonder toegang tot de Site-editor:

  1. Ga naar je dashboard.
  2. Ga naar Weergave → Patronen.
  3. Klik op de titel van het patroon waarvan je de revisies wilt bekijken.
  4. Open de sidebar Pagina-instellingen rechts. Dit pictogram lijkt op een vierkant met twee oneven kolommen.
  5. Klik onder het tabblad Patroon op Revisies. Als ‘Revisies’ niet verschijnt, zijn er nog geen opgeslagen revisies.

De revisies tonen alle eerder opgeslagen versies van het patroon. Vergelijkbaar met revisies voor pagina’s en berichten, kan je hier een oudere versie van het patroon laden als je dat wilt.

De patroon module in de rechtersidebar van de editor. Revisies is gemarkeerd met een oranje pijl.

Een patroon verwijderen

Patronen van je site verwijderen:

  1. Ga naar je dashboard en navigeer naar Weergave → Editor .
  2. Selecteer Patronen →Mijn Patronen.
  3. Klik op de drie puntjes naast de naam van een patroon en selecteer de optie ‘Verwijderen‘ om het patroon te verwijderen.
Mijn patronen zijn geselecteerd en een pijl wijst naar de drie stippen en de knop Verwijderen.

Als je geen toegang hebt totWeergave → Editor, gebruikt je site geen blokthema. Patroonrevisies verwijderen zonder toegang tot de Site-editor:

  1. Ga naar je dashboard.
  2. Ga naar Weergave → Patronen.
  3. Beweeg de muis over de titel van het patroon dat je wilt verwijderen.
  4. Selecteer onder de titel de optie ‘Prullenbak‘.

Patronen importeren en exporteren

Als je een patroon hebt op een site die je naar een andere site wilt verplaatsen, kan je de blokken als een JSON-bestand exporteren en importeren:

  1. Ga naar je dashboard.
  2. Ga naar Weergave → Editor.
  3. Selecteer Patronen.
  4. Klik op ‘Beheer al mijn patronen‘ waar je
    • Een patroon exporteren: houd je muis boven de titel van een patroon en klik op de optie ‘Exporteren als JSON‘. Hiermee wordt een bestand opgeslagen op je computer. Als je patronen hebt aangemaakt, kan je deze in bulk selecteren met selectievakjes om ze als groep te exporteren.
    • Een patroon importeren: klik op de knop ‘Importeren vanuit JSON‘ bovenaan de pagina Patroonbeheer:
De knop Importeren uit JSON wordt weergegeven op de pagina patronen.

Als je geen toegang hebt totWeergave → Editor, gebruikt je site geen blokthema. Een patroon importeren zonder toegang tot de Site-editor:

  1. Ga naar je dashboard.
  2. Ga naar Weergave → Patronen.
  3. Klik op de knop ‘Importeren vanuit JSON‘ bovenaan de pagina Patronen.
  4. Klik op ‘Bestand kiezen‘ en selecteer een bestand om te uploaden.
  5. Klik op ‘Importeren‘.

Een patroon exporteren zonder toegang tot de Site-editor:

  1. Ga naar je dashboard.
  2. Ga naar Weergave → Patronen.
  3. Beweeg de muis over de titel van het patroon dat je wilt exporteren.
  4. Selecteer onder de titel de optie ‘Exporteren als JSON‘.
Copied to clipboard!