Een van de handigste (en onderbenutte) functies van de WordPress-blokeditor (ook bekend als Gutenburg) is het herbruikbare blok. Als je weet Divi of andere paginabouwers, herbruikbare blokken hebben dezelfde functie als globale modules. Dit zijn blokken (of groepen blokken) die u eenmalig configureert, maar vervolgens kunt hergebruiken.
U kunt ze op meerdere pagina's en berichten invoegen zonder ze opnieuw te hoeven bewerken. En als u ze opnieuw wilt wijzigen, kunnen de wijzigingen voor de hele site gelden, waardoor u uren bespaart tijdens de levensduur van een site. Laten we dus alle manieren onderzoeken waarop u uw herbruikbare WordPress-blokken kunt beheren.
Hoe maak je een herbruikbaar blok in WordPress
Het maken van een herbruikbaar blok in WordPress is relatief eenvoudig. In elk bericht dat u bewerkt met de Block Editor (wat de standaard is in WP 5.x, tenzij u de plug-in gebruikt Klassieke editor ), kunt u elk gewenst blok herbruikbaar maken. Klik op de vervolgkeuzelijst à drie punten in de blok zweefinstellingen en selecteer Voeg toe aan herbruikbare blokken .
De editor zal u vragen het nieuwe blok een naam te geven zodat u het later kunt opvragen. Zorg ervoor dat u het iets gedenkwaardigs noemt vanwege de functie die het op uw site zal dienen. Zoals gerelateerde artikelen of omslagafbeelding voor blogposts of zoiets beschrijvends.
Als u een fout maakt bij het maken van het herbruikbare blok (of gewoon een fout heeft gemaakt bij het maken ervan), kunt u opnieuw op de parameters in de vervolgkeuzelijst klikken en op klikken Verwijder herbruikbare blokken . Deze optie wist het hele blok uit de database. donnees en u kunt het bovenstaande proces herhalen om het weer aan de verzameling toe te voegen als u dat wilt.
Bovendien kunt u eenvoudig op het blok zelf klikken nadat het is opgeslagen om de knop te vinden. modifier .
Voor het alineablok in dit voorbeeld geeft het u de mogelijkheid om het te hernoemen. De aanpassingen voor elk blok zullen echter anders zijn. Voor een illustratiekader krijgt u extra opties, zoals het invoegen van een ander bestand uit uw mediabibliotheek of het uploaden van een nieuw bestand, evenals uitlijning of gekoppelde URL.
Dit proces werkt met alle herbruikbare blokken die u maakt. Maar houd daar rekening mee alle wijzigingen die u op deze manier aanbrengt in een herbruikbaar blok, zijn van toepassing op alle andere instanties van dat blok op uw site . Dus als je de afbeelding in één blok verandert, zal de nieuwe afbeelding overal verschijnen.
Herbruikbare blokken invoegen
Het gebruik van herbruikbare blokken in WordPress is eigenlijk heel gemakkelijk en duidelijk. In de Block Editor kunt u op elk voorkomen van de + in een cirkel klikken om het tabblad te vinden herbruikbare . De + -knop verschijnt rechts van elk blok, onder elk blok en linksboven in het scherm.
Wanneer u de herbruikbare blokken die u in verschillende berichten en pagina's maakt, invoegt, kunnen ze ook op het tabblad verschijnen Meest gebruikt , die bovenaan de lijst verschijnt telkens wanneer u op de knop + drukt.
Deze zullen veranderen als je verschillende blokken gebruikt, maar als je hetzelfde herbruikbare blok gebruikt, bijvoorbeeld als voettekst voor elke blogpost, zullen ze hier vrij vaak verschijnen.
Hoe alle herbruikbare blokken in WordPress te beheren
Onderaan het tabblad herbruikbare vindt u een link Beheer alle herbruikbare blokken . Als u op deze link klikt, gaat u naar een vertrouwde pagina waar elk herbruikbaar blok dat u hebt gemaakt, wordt vermeld. De lijst zal er ongeveer hetzelfde uitzien als de standaard WordPress-lijst met berichten en pagina's.
Bij het bekijken van de lijst zie je enkele belangrijke opties. Importeer vanuit JSON , exporteren in JSON-indeling et verandering .
Gebruiken Edit is precies hetzelfde als hierboven voor het bewerken van een blok. Alleen in plaats van zich in een bepaald artikel te bevinden, verschijnt het blok in zijn eigen editor voor artikeltype waar u het kunt bijwerken en alleen het. Nogmaals, alle wijzigingen die in dit blok worden aangebracht, worden voor de hele site op elke instantie toegepast.
voor exporteren in JSON-indeling , klik op de knop (3) geeft u een dialoogvenster (afhankelijk van uw browserinstellingen) waarin u een locatie kunt kiezen waar u het gegenereerde JSON-bestand wilt downloaden. Het bestand zelf is eenvoudig JSON. Het toont het bestandstype (een blok), de titel die u eraan hebt gegeven bij het bewerken of maken, en vervolgens de daadwerkelijke HTML-code die door WordPress wordt ingevoegd om het blok en de bijbehorende weergave weer te geven. inhoud aan de voorkant van de site.
Importeren vanuit JSON is net zo eenvoudig: u vindt het JSON-bestand op uw computer en download het zoals elke andere bijlage of bestand.
Zodra u op drukt import , zal het verschijnen in uw lijst met herbruikbare blokken. Houd er echter rekening mee dat als u al een blok met dezelfde naam heeft (in dit geval het herbruikbaar blok 1 ), het nieuwe blok geïmporteerd wordt niet hernoemd. U moet het handmatig doen om ze uit elkaar te houden.
Waarom herbruikbare blokken importeren en exporteren?
Er zijn een aantal redenen om ze te importeren en exporteren, maar de belangrijkste zijn voor back-up- en draagbaarheidsdoeleinden. U zult waarschijnlijk een back-up willen maken van alle blokken en de inhoud die u nuttig acht om op uw site te publiceren. Draagbaarheid, delen en verkoop zijn ook belangrijk.
Als u een blok op een andere site moet gebruiken. Om te delen met een teamgenoot. Of om alleen te verkopen als herbruikbaar blok voor uw klanten. Net als bij ons layout pakketten wekelijks voor Divi Het importeren en exporteren van blokken geeft je de mogelijkheid om de generator op verschillende manieren uit te breiden. Bovendien, wanneer u de optie gebruikt Groepsblokken (zie hieronder), kunt u hele modellen en lay-outs importeren en exporteren als herbruikbare blokken in JSON-formaat.
Hoe herbruikbare blokgroepen in WordPress te maken
Door een groep herbruikbare blokken te maken, komt de volledige functionaliteit van herbruikbare blokken naar voren. In plaats van een enkele afbeelding of alinea of koptekst die u globaal kunt invoegen, kunt u ook Gutenberg-blokken groeperen en opslaan als een enkel herbruikbaar blok. Dit betekent dat u bijvoorbeeld een titelblok, een alineablok, een afbeeldingsblok en een aangepast HTML-blok kunt groeperen om een formulier wereldwijd e-maillidmaatschap voor al uw berichten van de blokredacteur.
Om een groep herbruikbare WordPress-blokken te maken, klikt u terwijl u de Shift-toets ingedrukt houdt op de blokken om ze aan de groep toe te voegen. Alle geselecteerde blokken worden gemarkeerd met een blauwe rand.
Dan druk je op de knop Transformator (2) en selecteer Groep in de vervolgkeuzelijst (3) . Op dit punt zie je de blokken samenvloeien tot één blok. Vervolgens verander je het groepsblok in een herbruikbaar blok op dezelfde manier als je hierboven doet met elk ander enkel blok.
Deze nieuwe groep verschijnt dan in de lijst met alle herbruikbare blokken en onder het tabblad. herbruikbare wanneer u een nieuw blok toevoegt aan een publicatie of pagina.
Een herbruikbare sjabloon maken
We hebben eerder besproken dat een herbruikbaar blok in WordPress een globaal element is. Dit betekent dat elke wijziging die wordt aangebracht aan een exemplaar van het blok, alle andere exemplaren zal beïnvloeden. Als u de tekst of afbeelding van een herbruikbaar blok wijzigt, is die wijziging van toepassing op de hele site. Maar jij pouvez gebruik herbruikbare blokken als sjablonen die individueel kunnen worden bewerkt. Nogmaals, net als bij onze Divi-lay-outs kunt u met de blokeditor het algemene blok (of een groep blokken) uit uw bibliotheek invoegen en vervolgens de inhoud op individuele post of pagina (of zelfs blok voor blok).
Om dit te doen, voegt u een herbruikbaar blok in de editor in, zoals we hierboven hebben gezien. druk de + in een cirkel ga naar herbruikbare en selecteer vervolgens het blok dat u wilt invoegen.
Als het blok verschijnt, klik op de drie stippen om het vervolgkeuzemenu te openen . Selecteer Converteer naar normaal blok . Notitie: niet selecteren Verwijder herbruikbare blokken .
Converteer naar normaal blok is alleen van toepassing op dit unieke blok . Wanneer u Converteer naar standaardblok , vertel je WordPress dat je wilt dat dit enkele blok (en alleen dit blok) onafhankelijk is van algemene wijzigingen op de hele site. Alle wijzigingen die u aanbrengt in andere herbruikbare blokken, zijn niet van toepassing op een geconverteerd blok en die wijzigingen zijn niet wereldwijd van toepassing.
De selectie van Verwijder herbruikbare blokken verwijdert alles uit de globale directory. Blokken die je al hebt ingevoegd, blijven waar ze zijn, maar ze zullen geen algemene kenmerken delen. U kunt ze ook niet opnieuw invoeren vanaf het tabblad herbruikbare (wat misschien duidelijk is). Dit zou het doel van het herbruikbare blok als sjabloon tenietdoen, dus we raden niet aan dit te doen.
Maar met Converteer naar normaal blok , kunt u de basissjabloon voor het blok (of de groep blokken) invoegen en alleen dat specifieke exemplaar ervan verwijderen uit Global Standards, waardoor de originele blokfunctie herbruikbaar wordt als sjabloon voor andere publicaties en Pagina's. U kunt deze functie van kracht zien in onze tutorial overherbruikbare Divi-layoutblokken toevoegen aan blogposts .
Conclusie
Herbruikbare blokken zijn een van de belangrijkste kenmerken van Gutenberg Block Editor. Van de mogelijkheid om blokken en inhoud te delen tussen sites en vrienden en ze te gebruiken als sjablonen voor gemeenschappelijke elementen op uw site, door gebruik te maken van de functie voor herbruikbare blokken kan het maken en ontwerpen van uw post naar een hoger niveau worden getild en van uw pagina naar nieuwe niveaus van bruikbaarheid, creativiteit en gebruikerservaring.
