Als je deze tutorial leest, heb je waarschijnlijk al de nieuwe Gutenberg-editor voor WordPress geprobeerd.
Als je dat nog niet hebt gedaan, raad ik je aan het eens te proberen. Het is momenteel beschikbaar als plug-in, maar zal op een bepaald moment in de toekomst worden samengevoegd met WordPress, dus je zult het op een dag moeten leren kennen.
Zoals alle nieuwe gebruikersinterfaces, heeft het zijn fans en tegenstanders. Het kost altijd tijd om vertrouwd te raken met een nieuwe interface en het is verleidelijk om de nieuwe versie te negeren.
Zoals veel mensen was ik aanvankelijk sceptisch over Gutenberg. Ik werk nu een paar jaar met de oude interface en ik ben er bekend mee.
Maar Gutenberg brengt een heleboel optimalisaties. En hij heeft een functie die me echt twee keer deed nadenken. Wat is deze functie? Dit zijn de dubbele en gedeelde blokken.
Het klinkt misschien niet zo veel, maar het heeft de potentie om de manier te creëren waarop ik creëer inhoud efficiënter te maken en dit te bewerkstelligen inhoud effectiever in het brengen bezoekers handelen na het lezen ervan.
In deze zelfstudie laat ik je zien hoe je dubbele en gedeelde blokken in Gutenberg maakt en enkele van de mogelijkheden die ze bieden, deelt.
Maar eerst een snelle inleiding op blokken.
Wat zijn de blokken?
Blokken zijn wat aan gaat Gutenberg. Al jouw inhoud wordt via een blok toegevoegd. In onderstaande schermafbeelding zie je een artikel met een aantal blokken in de editor:
Er is een grote verscheidenheid aan blokken, die de soorten inhoud weerspiegelen die u gewend bent aan uw berichten toe te voegen, maar die u een andere manier bieden om het te doen. De blokken bevatten:
- Tekstblokken - alinea's, lijsten, koppen, code, aanhalingstekens, tabellen
- Mediablokken - afbeelding, galerij, audio, video
- Lay-outelementen - knoppen, afstandhouders, scheidingslijnen, pagina-einden
- Widgetblokken - categorieën, laatste berichten, shortcode
- Blokken integreren – YouTube, Soundcloud, Spotify, Twitter en meer
Het aantal blokken is enorm en groeit met een aantal vrijgegeven plug-ins van derden die de Gutenberg API gebruiken om extra blokken toe te voegen.
Telkens wanneer u een stukje inhoud aan een bericht of pagina moet toevoegen, voegt u een blok toe. En elk stukje inhoud wordt in een eigen blok opgeslagen, zelfs individuele alinea's.
Dit betekent dat u uw blokken kunt verplaatsen om uw inhoud te bewerken en opnieuw te rangschikken. Het betekent ook dat u inhoudsblokken opnieuw kunt gebruiken door een duplicaat of gedeeld blok te maken.
Duplicate Blocks
Een duplicaatblok is vrij eenvoudig. Je neemt een bestaand blok dat je hebt aangemaakt en maakt er een kopie van.
Om dit te doen, beweegt u de muis over de ellips (drie punten verticaal uitgelijnd) rechts van het blok en klikt u op de optie duplicaat .
Een duplicaat van dit blok wordt direct na het originele blok in hetzelfde artikel gemaakt.
Je kunt het gebruiken als je inhoud wilt dupliceren (zoals een citaat, verwijdering, call-to-action of afbeelding) en een ander exemplaar ergens anders in je artikel wilt toevoegen. U sleept gewoon het nieuwe blok naar waar u het wilt hebben. Pas op voor het plaatsen van dubbele blokken te dicht bij elkaar of per ongeluk te veel duplicaten te maken!
Een ander gebruik kan zijn wanneer u een tweede blok wilt maken dat lijkt op het eerste, maar niet hetzelfde. In dit geval moet u het dubbele blok maken en dit vervolgens wijzigen. Dit is handig als u enige tijd hebt besteed aan het formatteren van uw eerste blok (bijv. Grootte van een afbeelding) en de opmaak wilt dupliceren, maar de inhoud wilt wijzigen - of omgekeerd.
Wanneer u een duplicaatblok bewerkt, hebben de wijzigingen die u aanbrengt geen invloed op het originele blok - het zijn twee niet-verbonden blokken.
Dubbele blokken zijn dus geweldig om tijd te besparen als u inhoud wilt maken die hetzelfde is of enigszins verschilt van andere inhoud in uw publicatie.
Maar ze hebben één fout: ze werken alleen in een afzonderlijk artikel. Wat gebruik je als je inhoud tussen artikelen wilt dupliceren? Dit is waar gedeelde blokken in het spel komen.
Gedeelde blokken
Een gedeeld blok werkt anders dan een dubbel blok. Wanneer u een gedeeld blok maakt, is het als een sjabloon voor alle andere blokken die u ervan maakt. En wanneer u een van die blokken wijzigt, worden de wijzigingen weerspiegeld in alle gedeelde blokken. U kunt het overschrijven, zoals ik u binnenkort zal laten zien.
Maak een gedeeld blok
Om een gedeeld blok te maken, begint u met het maken van elk type normaal blok op de gebruikelijke manier. Als je dat eenmaal hebt gedaan, zweef je opnieuw over de ellips en selecteer je deze keer de optie Converteren naar gedeeld blok .
U ziet een tekstveld onder het blok, waar u het blok een naam moet geven.
Geef het blok een unieke naam die zinvol is wanneer je het toevoegt aan andere berichten dan deze. Het moet gedenkwaardig zijn, zodat u precies weet wat het blok is als u het binnen weken of zelfs maanden weer gaat gebruiken. Ik vind het handig om het bloktype na de titel tussen haakjes toe te voegen. Nadat u de bloknaam heeft getypt, drukt u op de knop Enregistrer .
De titel die je aan het blok hebt gegeven, wordt eronder weergegeven in de editor elke keer dat je het gebruikt, maar het wordt niet aan de voorkant van je site weergegeven.
Hergebruik een gedeeld blok
De kracht van gedeelde blokken is dat je ze, eenmaal gemaakt, zo vaak als je wilt kunt hergebruiken, waar je ook bent op je site.
Als u een gedeeld blok aan een artikel wilt toevoegen, klikt u op de knop in plaats van een gewoon tekstblok te maken + linksboven in het bewerkingsscherm. Er verschijnt een contextmenu met verschillende bloktypes waaruit u kunt kiezen. Scroll naar beneden tot je de optie ziet gedeelde en klik erop.
Je ziet nu alle gedeelde blokken die je op je site hebt aangemaakt. De mijne ziet er een beetje rommelig uit - ik heb geëxperimenteerd met gedeelde blokken op deze lokale site en heb ze niet de beste naam gegeven.
Klik nu op het gedeelde blok dat u wilt gebruiken en het zal aan uw artikel worden toegevoegd.
Gedeelde blokken bewerken
Het bewerken van gedeelde blokken heeft enkele complicaties waarmee u rekening moet houden. De eerste is dat als je een gedeeld blok bewerkt dat je aan een bericht hebt toegevoegd, de inhoud ook wordt gewijzigd in elk bericht waar je dat blok hebt toegevoegd.
Om het blok te wijzigen, klikt u op de knop modifier rekening houdend met de titel. U kunt vervolgens de inhoud en titel van het blok bewerken. Deze wijzigingen worden van kracht in alle gevallen van de blokkering.
Het is een geweldige manier om wijzigingen aan te brengen op uw site als u inhoud heeft die moet worden bijgewerkt. Als je bijvoorbeeld een gedeelde blokkering hebt gebruikt voor een call-to-action met je telefoonnummer of e-mailadres en je contactgegevens veranderen, hoef je de blokkering maar één keer aan te passen.
Dit is echter een probleem als u alleen een instantie van het gedeelde blok wilt bewerken en de inhoud ervan iets anders wilt maken in een artikel. Om dit te doen, moet u het naar een normaal blok converteren en het vervolgens bewerken. Beweeg over de ellips aan de rechterkant van het blok en klik op de optie Verwijder herbruikbare blokken.
Het gedraagt zich dan als elk ander normaal blok op uw site.
Als je nog een gedeeld blok wilt maken dat lijkt op een bestaand blok (als je bijvoorbeeld twee verschillende versies van je call-to-action-tekst wilt die je gaat gebruiken op basis van de inhoud van het bericht), kun je dat doen. Volg deze stappen:
- Maak uw eerste gedeelde blok zoals hierboven beschreven.
- Voeg het gedeelde blok toe aan een nieuw artikel
- Converteer het naar een normaal blok en pas het aan.
- Converteer het naar een gedeeld blok, zoals u de eerste keer deed.
- Geef het een andere naam dan de originele - een naam waarmee u de verschillen tussen de twee blokken gemakkelijk kunt identificeren. Sla het op.
U hebt nu twee gedeelde blokken die u overal op uw site kunt gebruiken.
Opslag van gedeelde blokken
Als u van plan bent meerdere gedeelde blokken te maken om op uw site te gebruiken, is het zinvol om een kopie van elk blok te bewaren als ze zich op een locatie bevinden waar u ze gemakkelijk kunt openen en bewerken.
Ik heb een artikel op mijn site gemaakt dat ik niet zal publiceren en dat een unieke kopie bevat van elk van de gedeelde blokken die ik heb gemaakt.
Ik kan dit artikel niet alleen gebruiken om toegang te krijgen tot al mijn gedeelde blokken - als ik wil, kan ik ook tekst boven elk blok toevoegen om een opmerking te geven over wat elk blok is en waar het voor bedoeld is. site, zoals wat voor soort berichten, waar in het bericht enz. Dit fungeert als een handige benchmark die ik (of iemand anders die de site bewerkt) kan gebruiken om ervoor te zorgen dat ik de gedeelde blokken consistent gebruik. Het maakt het ook gemakkelijker voor mij om een gedeeld blok te vinden als ik het moet bewerken.
Dubbele en gedeelde blokken maken contentbeheer efficiënter
Als u op deze manier dubbele inhoud kunt maken in de vorm van dubbele of gedeelde blokken, wordt het proces van het toevoegen van inhoud aan uw site efficiënter.
Naar mijn mening komt de grootste winst voort uit het gebruik van gedeelde blokken voor inhoud die u aan meerdere berichten op uw site wilt toevoegen, zoals oproepen tot actie. In het verleden heb ik dit gedaan door een plug-in te schrijven en de inhoud aan een actiehaak in elk van mijn berichten te koppelen - maar dat is alleen mogelijk als je thema een haak op de juiste plaats heeft. en als u vertrouwd bent met de code. Gutenberg maakt het gemakkelijker en sneller om dubbele inhoud op een site te maken, toe te voegen en te beheren.
Vertel ons hoe je dubbele en gedeelde blokken hebt gebruikt!
