Een nieuw blok toevoegen<\/strong><\/h3>De eerste stap om de blok editor te gebruiken is het toevoegen van een nieuw blok. Er zijn verschillende manieren om dit te doen.<\/p>
Wanneer je de Gutenberg editor opent, zul je zien dat er al een titelblok aanwezig is. Om een ander blok toe te voegen, beweeg je je cursor eronder en klik je op het zwarte + pictogram om een keuze te maken uit de beschikbare opties. Als je het blok dat je nodig hebt niet ziet, klik dan op Browse<\/strong> all<\/strong> om er meer te zien.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Je kunt ook de toggle block inserter in de linkerbovenhoek gebruiken, gemarkeerd door een blauwe + knop. Vanaf daar kun je op een blok klikken om het te plaatsen waar je cursor staat of het in positie slepen tussen bestaande blokken in de editor.<\/p>
\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Een andere handige methode is het typen van een schuine streep (\/) gevolgd door de naam van het blok. Zodra de naam verschijnt, druk je op Enter<\/strong> om deze toe te voegen aan je pagina of bericht.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Je kunt kiezen uit zes soorten blokken: tekst, media, ontwerp, widgets, thema en embeds. Als degene die je nodig hebt niet beschikbaar is, zal de inserter opties voorstellen uit de Gutenberg blok directory, die deel uitmaakt van de WordPress plugin repository.<\/p>
\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Hoe blokken aanpassen<\/strong><\/h3>Het aanpassen van Gutenberg blokken in WordPress is eenvoudig. Klik gewoon op een blok in de editor en de bijbehorende werkbalk verschijnt bovenaan.<\/p>
De werkbalk verandert op basis van het blok dat je hebt geselecteerd. Als je bijvoorbeeld werkt met een tabelblok, dan zie je opties om de tekstuitlijning aan te passen of om rijen en kolommen toe te voegen.<\/p>
\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Je hebt ook toegang tot meer instellingen door op het tandwielpictogram in de rechterbovenhoek van de editor te klikken. Hierdoor wordt een paneel aan de rechterkant geopend waarin je stijlen kunt aanpassen, afmetingen kunt wijzigen en typografie kunt veranderen. Gevorderde gebruikers kunnen aangepaste HTML of CSS toevoegen om wijzigingen aan te brengen.<\/p>
\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Hoe blokken rangschikken<\/strong><\/h3>Een van de grootste voordelen van de overstap naar Gutenberg is het gemak waarmee je elementen kunt rangschikken. Je kunt een blok verplaatsen door erop te klikken, het pictogram met de zes puntjes op de werkbalk te selecteren en het te slepen naar de gewenste plek.<\/p>
\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Je kunt ook meerdere blokken tegelijk verplaatsen. Houd de Shift<\/strong>-toets ingedrukt, klik op het eerste blok en selecteer vervolgens de andere blokken die je wilt toevoegen. Eenmaal tijdelijk gegroepeerd, gebruik je het pictogram met de zes punten om ze allemaal samen te slepen.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Meerdere blokken groeperen<\/strong><\/h3>Zeg dat je een sectie Diensten maakt op een homepage, waar elk item een afbeelding, een kop en een beschrijving heeft, allemaal netjes uitgelijnd.<\/p>
Je kunt blokken groeperen met behulp van Groeps<\/strong>-, Kolom<\/strong>-, Rij<\/strong>– of Stapelblokken<\/strong> uit de Ontwerpsectie<\/strong> van de blokkeninvoegtoepassing. Deze ontwerpblokken creëren geneste blokken – blokken die binnen een ouderblok worden geplaatst – waardoor je lay-out een duidelijke structuur krijgt.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Een kolomblok kan bijvoorbeeld fungeren als een ouder, die kindblokken zoals tekst en afbeeldingen vasthoudt, die eronder inspringen in de editor.<\/p>
Zo gebruik je het blok Kolommen<\/strong>:<\/p>\nOpen de blokinvoegtoepassing → Ontwerp<\/strong> → Kolommen<\/strong>.<\/li>\n\n\n\nKies een vooraf ontworpen lay-out of maak een eigen lay-out.<\/li>\n<\/ol>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>3. Add blocks inside each column by clicking the +<\/strong> sign.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>4. Gebruik de werkbalk- of zijbalkinstellingen om de lay-out en uitlijning aan te passen.<\/p>
In de zijbalk vind je opties zoals Binnenste blokken gebruiken inhoudsbreedte.<\/strong> Schakel deze optie in om de binnenste blokken binnen de breedte van het bovenliggende blok te laten passen, voor een samenhangend ontwerp.<\/p>Koppen en tekst toevoegen<\/strong><\/h3>Je kunt tekst toevoegen aan berichten of pagina’s met alinea- en koppenblokken.<\/p>
Om een paragraaf toe te voegen, begin je direct te typen in de Gutenberg editor. Je kunt ook de blokinvoegtoepassing gebruiken en Paragraaf<\/strong> selecteren.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Dit blok heeft een werkbalk voor basisopties zoals tekst uitlijnen, vet en cursief maken en links toevoegen. Je kunt zelfs extra’s toevoegen zoals voetnoten, highlights, inline afbeeldingen of subscripts en superscripts. Met de instellingen voor de zijbalk kun je tekstkleur, typografie en afmetingen aanpassen voor een gepolijste look.<\/p>
Kopblokken helpen je inhoud te organiseren, zodat lezers en zoekmachines de stroom gemakkelijker kunnen volgen. Om er een toe te voegen, gebruik je een van de methoden om blokken toe te voegen en selecteer je Koptekst<\/strong>. Kies vervolgens het koptekstniveau (H1 tot H6) in de werkbalk.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Net als bij het alinea-blok kun je bij het koppenblok de uitlijning, breedte en andere attributen aanpassen via de werkbalk of de instellingen op de zijbalk.<\/p>