<\/span>Wat is een blok?<\/span><\/h2>\n\n\n\nGutenberg WordPress blokken zijn bouwstenen van de website. Elk van hen heeft zijn eigen speciale plaats en doel. Het is heel belangrijk om het juiste WordPress blok te gebruiken voor een bepaald type inhoud.<\/p>\n\n\n\n
Maar hoe vind je het meest geschikte blok dat bij je doel past?<\/p>\n\n\n\n
Om je te helpen WordPress blokken beter te begrijpen, hebben we dit overzicht gemaakt van de populairste blokken.<\/p>\n\n\n\n
<\/span>Tekstinhoud blokken<\/span><\/h2>\n\n\n\nEr zijn verschillende blokken die je kunt gebruiken om tekstinhoud op je website in te voegen. Je kunt verschillende blokken gebruiken. Vanaf WordPress 5.4 is er een nieuwe instelling waarmee je de tekstkleur kunt veranderen.<\/p>\n\n\n\n
\n- Paragraaf<\/li>\n\n\n\n
- Rubriek<\/li>\n\n\n\n
- Citaat<\/li>\n\n\n\n
- Lijst<\/li>\n\n\n\n
- Pullquote<\/li>\n\n\n\n
- Tabel<\/li>\n\n\n\n
- Vers<\/li>\n\n\n\n
- Voorgeformatteerd<\/li>\n<\/ul>\n\n\n\n
![\"Tekst](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Text-Color-Format-WordPress-5.4.png\")
<\/a><\/figure>\n<\/div>\n\n\nBehalve dit, gebruik je Classic block, wat handiger kan zijn voor een lange paragraaf.<\/p>\n\n\n\n
<\/span>Knopblok<\/span><\/h2>\n\n\n\nHet maken van een aantrekkelijke CTA-knop in WordPress is super eenvoudig geworden met Button block. Je hoeft geen aangepaste CSS in te voeren of HTML te begrijpen. Je kunt - maar dat hoeft niet - de hexadecimale code van je favoriete kleur invoeren om de knop er mooi en opvallend uit te laten zien.<\/p>\n\n\n\n
![\"Knop](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Button.jpg\")
<\/a><\/h4>\n\n\n\n<\/span>Waar gebruik je Knopblok?<\/span><\/h3>\n\n\n\nZodra de webbezoeker op je website komt, wil je hem aanmoedigen om actie te ondernemen. Daar zijn CTA-knoppen voor.<\/p>\n\n\n\n
In het algemeen zijn er 3 plaatsen waar je het WordPress Button blok moet gebruiken:<\/p>\n\n\n\n
\n- Homepage - om een actie te voltooien die leidt tot het bereiken van je doel, zoals je aanmelden voor de nieuwsbrief, de speciale aanbieding ontdekken of je registreren voor een gratis proefperiode.<\/li>\n\n\n\n
- Productpagina - afhankelijk van hoe je productpagina wordt geleid, kan er 1 CTA-knop (KOPEN) of meer knoppen zijn, bijv. productdetails, kopen, toevoegen aan verlanglijstje, enz.<\/li>\n\n\n\n
- Blog - CTA-knoppen kunnen verwijzen naar een ander nuttig artikel of de aankoop van je product\/dienst.<\/li>\n<\/ul>\n\n\n\n
<\/span>Instellingen knopblok<\/span><\/h3>\n\n\n\nIn Inspector, aan de rechterkant, kun je eenvoudig de instellingen van je knop beheren:<\/p>\n\n\n\n
\n- Stijl<\/li>\n\n\n\n
- Achtergrondkleur<\/li>\n\n\n\n
- Kleur lettertype<\/li>\n\n\n\n
- Grens<\/li>\n<\/ul>\n\n\n\n
De tekst op je CTA-knop moet kort en duidelijk zijn en de actie stimuleren die je wilt dat je webbezoekers ondernemen.<\/p>\n\n\n\n
Nieuws voor de volgende versie van WordPress 5.4 (release 31 maart 2020)<\/strong><\/p>\n\n\n\nButton blok wordt vervangen door nieuwe Buttons<\/strong> blok.
Uit de nieuwe naam kun je opmaken dat je meerdere knoppen naast elkaar kunt maken in \u00e9\u00e9n blokcontainer. Vaak is het nodig om twee CTA's tegelijk te maken, bijvoorbeeld: Koop nu en Lees meer. Er komen ook nieuwe stijl- en kleurinstellingen. Kies de stijl Vullen of Outline en vervolgens de kleur van de achtergrond. Je kunt kiezen voor een effen achtergrond of een achtergrond met kleurverloop. Er zullen enkele presets als startpunt beschikbaar zijn voor meer moeiteloze fine-tuning. Het goede nieuws is dat alle bestaande knoppenblokken zullen werken en dat je ze niet hoeft te migreren.<\/p>\n\n\n\n![\"\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/WordPress-5.4-Buttons-block-1024x554.png\")
<\/a><\/figure>\n<\/div>\n\n\n<\/span>Kolommen blok<\/span><\/h2>\n\n\n\nHet Columns blok is een geweldig WordPress blok dat deuren opent naar nieuwe lay-outs. Het geeft je meer opties voor de indeling van pagina-elementen, wat resulteert in meer ontwerpalternatieven.<\/p>\n\n\n
\n![\"WordPress](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Columns.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nWerken met het blok Columns is eenvoudig:<\/p>\n\n\n\n
\n- Geen extra plugin-installatie.<\/li>\n\n\n\n
- Geen codering nodig.<\/li>\n\n\n\n
- Het enige wat je nodig hebt, is een beetje gevoel voor netjes design.<\/li>\n<\/ul>\n\n\n\n
In vergelijking met het gedoe dat je vroeger moest doormaken voordat de WordPress block editor werd uitgebracht, is het nu super eenvoudig om het Columns WordPress blok te gebruiken.<\/p>\n\n\n\n
<\/span>Hoe gebruik je het blok Columns?<\/span><\/h3>\n\n\n\nZoals hierboven aangegeven, zijn er 2 manieren waarop het blok Columns kan worden gebruikt:<\/p>\n\n\n\n
\n- Om de stroom van je teksten te organiseren (in een blogpost of op de gewone pagina).<\/li>\n\n\n\n
- Andere blokken in kolommen rangschikken.<\/li>\n<\/ul>\n\n\n\n
Door tekst in kolommen te organiseren, bijvoorbeeld in een blogpost, vergroot je de leesbaarheid en maak je je website overzichtelijker en gebruiksvriendelijker.<\/p>\n\n\n\n
Maar als je het blok Kolommen gebruikt om andere blokken te nesten, zoals afbeeldingen, teksten en knoppen, verander je de hele lay-out van je gekozen pagina en maak je nieuwe ontwerpen.<\/p>\n\n\n\n
<\/span>Kolom blok instellingen<\/span><\/h3>\n\n\n\nNa het invoegen van een Kolomblok op de pagina, kies je hoeveel kolommen je wilt. Dit kunnen er 2 tot 6 zijn. Vervolgens kun je beginnen met het typen van je tekst of het toevoegen van blokken in elke kolom.<\/p>\n\n\n\n
De uitlijning van de inhoud van je kolomblok kan afzonderlijk worden ingesteld voor het hele blok en voor afzonderlijke kolommen. Je kunt zelfs de verhouding van de kolombreedte kiezen. Zo kan de ene kolom breder zijn dan de andere.<\/p>\n\n\n\n
<\/span>Afdekblok<\/span><\/h2>\n\n\n\nLaten we het eens hebben over de header van je website. Het is een sectie die de eerste indruk bepaalt wanneer iemand op je homepage komt. Best belangrijk, toch? En wist je dat Cover-blok kan worden gebruikt als header op al je pagina's?<\/p>\n\n\n
\n![\"WordPress](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/BE-Cover.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nCover is de kern van de WordPress blokken waarmee je indruk kunt maken op je webbezoekers. Vooral als het goed wordt gebruikt, of beter gezegd, als het netjes is ge\u00efntegreerd in je webdesign.<\/p>\n\n\n\n
<\/span>Waar Cover block gebruiken?<\/span><\/h3>\n\n\n\nZoals hierboven vermeld, kan Cover block op al je pagina's worden gebruikt. Bovendien kan het overal op de pagina worden toegevoegd, in tegenstelling tot de header van je website die vast bovenaan je website staat.<\/p>\n\n\n\n
Dekselblok kan worden gebruikt als:<\/p>\n\n\n\n
\n- Koptekst van elke pagina, inclusief homepage.<\/li>\n\n\n\n
- Afbeelding of video overschreven door tekst op productpagina.<\/li>\n\n\n\n
- Scheider van inhoud in blogpost.<\/li>\n<\/ul>\n\n\n\n
<\/span>Instellingen afdekblok<\/span><\/h3>\n\n\n\nHet instellen van je Cover-blok is heel eenvoudig. Kies eerst een afbeelding of video als achtergrond. Je kunt ook een enkele kleur gebruiken. Wanneer je de achtergrond hebt ingesteld, voeg je een titel en ondertitel toe. <\/strong><\/p>\n\n\n\nJe kunt de uitlijning van het blok kiezen en natuurlijk de uitlijning van de tekst erin.<\/p>\n\n\n\n
Cover block alignment biedt de volgende opties:<\/p>\n\n\n\n
\n- Links uitlijnen<\/li>\n\n\n\n
- Centrum uitlijnen<\/li>\n\n\n\n
- Rechts uitlijnen<\/li>\n\n\n\n
- Breedte<\/li>\n\n\n\n
- Volledige breedte<\/li>\n<\/ul>\n\n\n\n
Mijn persoonlijke favoriet is de kleurenoverlay die beschikbaar is in de inspector - de achtergrondafbeelding van het omslagblok kan worden aangepast aan elke kleur die je maar wilt. Samen met de aangepaste lettergrootte en -kleur kun je prachtige contrasten cre\u00ebren en het uiteindelijke uiterlijk van je omslagblok zal verbluffend zijn.<\/p>\n\n\n\n
Vanaf WordPress 5.4 kun je kiezen voor een verlopende achtergrond in plaats van een effen achtergrond.<\/strong><\/p>\n\n\n\n![\"Dekking](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Cover-block-gradient-background-WordPress-5.4--1024x337.png\")
<\/a><\/figure>\n<\/div>\n\n\n<\/span>Galerij blok<\/span><\/h2>\n\n\n\nToon afbeeldingen op je website met het Galerij blok. Dit standaard WordPress blok is ontworpen om je afbeeldingen vast te houden en ze mooi weer te geven op elke pagina van je website. Net als andere WordPress blokken kan het Galerij blok overal op de website of in het blogbericht worden geplaatst.<\/p>\n\n\n
\n![\"WordPress](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Gallery.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nJe kunt je afbeeldingen uploaden door bestanden te kiezen uit de mediabibliotheek, vanaf je computer of met de sleepfunctie.<\/p>\n\n\n\n
<\/span>Waar gebruik je Gallery block?<\/span><\/h3>\n\n\n\nAfhankelijk van het type website wil je misschien een complexe fotogalerij of een eenvoudige afbeeldingspresentatie maken. Je kunt het blok Galerij gebruiken op:<\/p>\n\n\n\n
\n- Uw homepage<\/li>\n\n\n\n
- Individuele subpagina's gemaakt als albums van je fotogalerij<\/li>\n\n\n\n
- Product pagina's<\/li>\n\n\n\n
- Blogpost<\/li>\n<\/ul>\n\n\n\n
<\/span>Galerij blok instellingen<\/span><\/h3>\n\n\n\nNaast de verschillende uitlijnopties van het Galerij-blok zelf, zijn er een paar interessante opties binnen dit blok, zoals:<\/p>\n\n\n\n
\n- Aantal kolommen waarin de afbeeldingen worden geplaatst.<\/li>\n\n\n\n
- Afbeelding bijsnijden tot dezelfde grootte (van de kleinste afbeelding).<\/li>\n\n\n\n
- Hyperlink om je de optie te geven om naar een andere pagina of een mediabestand te linken.<\/li>\n<\/ul>\n\n\n\n
<\/span>Beeldblok<\/span><\/h2>\n\n\n\nImage block is niets anders dan het blok waarmee je een afbeelding op je website kunt weergeven.<\/p>\n\n\n
\n![\"Afbeelding](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Image.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nDat klopt. Als je een afbeelding wilt toevoegen aan een van je pagina's, dan moet je het Image WordPress blok gebruiken. Het lijkt misschien op andere gepresenteerde blokken, maar er zijn belangrijke verschillen die het perfect maken voor losse afbeeldingen.<\/p>\n\n\n\n
<\/span>Wanneer gebruik je beeldblok?<\/span><\/h3>\n\n\n\nHet afbeeldingsblok moet vooral worden gebruikt als het object dat op de afbeelding wordt weergegeven bijzonder belangrijk is voor je webbezoeker:<\/p>\n\n\n\n
\n- Trek de aandacht van webbezoekers met een specifieke afbeelding.<\/li>\n\n\n\n
- Afbeelding met bijschrift weergeven.<\/li>\n\n\n\n
- Toon infographics die bezoekers helpen om het besproken onderwerp beter te begrijpen.<\/li>\n<\/ul>\n\n\n\n
<\/span>Instellingen afbeeldingsblok<\/span><\/h3>\n\n\n\nEen van de grootste voordelen van het Image WordPress blok zijn de opties voor het afbeeldingsformaat. Je kunt eenvoudig het formaat van een afbeelding aanpassen door het bij de hoek te trekken, een vaste grootte in pixels kiezen of de grootte in procenten bepalen.<\/p>\n\n\n\n
Een andere belangrijke optie zijn invoervelden voor alternatieve tekst, bijschrift en link. Ik raad het gebruik van deze velden sterk aan, omdat ze een belangrijke rol spelen in on page SEO.<\/p>\n\n\n\n
<\/span>Media & tekstblok<\/span><\/h2>\n\n\n\nLaten we overgaan naar meer geavanceerde paginalay-outs die je kunt maken met behulp van het blok Media & tekst. Met dit WordPress kernblok kun je media en tekst naast elkaar combineren, op een manier die esthetisch en contextueel is.<\/p>\n\n\n
\n![\"Media](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-MediaText.jpg\")
<\/a><\/figure>\n<\/div>\n\n\n<\/span>Waar Media & tekstblok gebruiken?<\/span><\/h3>\n\n\n\nHoewel het blok Media & tekst het meest geschikt is voor gebruik binnen blogposts, kun je het met een beetje verbeelding ook elders gebruiken. Je kunt bijvoorbeeld een mooi product- of dienstenoverzicht maken met beeld & tekst naast elkaar.<\/p>\n\n\n\n
Vergeet niet een Button-blok toe te voegen aan de tekstsectie van het Media & tekst-blok, als dit wordt gebruikt als product-\/dienstenoverzicht. Zo kun je op elke pagina een mooie CTA-sectie ontwerpen.<\/p>\n\n\n\n
<\/span>Voordelen van media & tekstblok<\/span><\/h3>\n\n\n\n\n- Beeld en tekst samenbrengen die in hun context bij elkaar passen.<\/li>\n\n\n\n
- Verkeerde plaatsing van afbeeldingen binnen de blogpost vermijden.<\/li>\n\n\n\n
- Helpen met de responsiviteit van de site (gebruik de functie \"Stapelen op mobiel\").<\/li>\n<\/ul>\n\n\n\n
<\/span>Instellingen voor media en tekstblokken<\/span><\/h3>\n\n\n\nAls je kijkt naar de instellingen van het blok Media & tekst, zie je dat er heel wat uitlijnopties zijn, waarvan sommige uniek zijn in vergelijking met de meeste andere blokken.<\/p>\n\n\n\n
Interessante en nuttige instelling van dit blok is achtergrondkleur. Door het gebied rond de afbeelding en tekst die bij elkaar passen in te kleuren, kun je hun verbinding visueel benadrukken.<\/p>\n\n\n
Er zijn verschillende blokken die je kunt gebruiken om tekstinhoud op je website in te voegen. Je kunt verschillende blokken gebruiken. Vanaf WordPress 5.4 is er een nieuwe instelling waarmee je de tekstkleur kunt veranderen.<\/p>\n\n\n\n
- \n
- Paragraaf<\/li>\n\n\n\n
- Rubriek<\/li>\n\n\n\n
- Citaat<\/li>\n\n\n\n
- Lijst<\/li>\n\n\n\n
- Pullquote<\/li>\n\n\n\n
- Tabel<\/li>\n\n\n\n
- Vers<\/li>\n\n\n\n
- Voorgeformatteerd<\/li>\n<\/ul>\n\n\n\n<\/a><\/figure>\n<\/div>\n\n\n
Behalve dit, gebruik je Classic block, wat handiger kan zijn voor een lange paragraaf.<\/p>\n\n\n\n
<\/span>Knopblok<\/span><\/h2>\n\n\n\n
Het maken van een aantrekkelijke CTA-knop in WordPress is super eenvoudig geworden met Button block. Je hoeft geen aangepaste CSS in te voeren of HTML te begrijpen. Je kunt - maar dat hoeft niet - de hexadecimale code van je favoriete kleur invoeren om de knop er mooi en opvallend uit te laten zien.<\/p>\n\n\n\n
<\/a><\/h4>\n\n\n\n<\/span>Waar gebruik je Knopblok?<\/span><\/h3>\n\n\n\n
Zodra de webbezoeker op je website komt, wil je hem aanmoedigen om actie te ondernemen. Daar zijn CTA-knoppen voor.<\/p>\n\n\n\n
In het algemeen zijn er 3 plaatsen waar je het WordPress Button blok moet gebruiken:<\/p>\n\n\n\n
- \n
- Homepage - om een actie te voltooien die leidt tot het bereiken van je doel, zoals je aanmelden voor de nieuwsbrief, de speciale aanbieding ontdekken of je registreren voor een gratis proefperiode.<\/li>\n\n\n\n
- Productpagina - afhankelijk van hoe je productpagina wordt geleid, kan er 1 CTA-knop (KOPEN) of meer knoppen zijn, bijv. productdetails, kopen, toevoegen aan verlanglijstje, enz.<\/li>\n\n\n\n
- Blog - CTA-knoppen kunnen verwijzen naar een ander nuttig artikel of de aankoop van je product\/dienst.<\/li>\n<\/ul>\n\n\n\n
<\/span>Instellingen knopblok<\/span><\/h3>\n\n\n\n
In Inspector, aan de rechterkant, kun je eenvoudig de instellingen van je knop beheren:<\/p>\n\n\n\n
- \n
- Stijl<\/li>\n\n\n\n
- Achtergrondkleur<\/li>\n\n\n\n
- Kleur lettertype<\/li>\n\n\n\n
- Grens<\/li>\n<\/ul>\n\n\n\n
De tekst op je CTA-knop moet kort en duidelijk zijn en de actie stimuleren die je wilt dat je webbezoekers ondernemen.<\/p>\n\n\n\n
Nieuws voor de volgende versie van WordPress 5.4 (release 31 maart 2020)<\/strong><\/p>\n\n\n\n
Button blok wordt vervangen door nieuwe Buttons<\/strong> blok.
Uit de nieuwe naam kun je opmaken dat je meerdere knoppen naast elkaar kunt maken in \u00e9\u00e9n blokcontainer. Vaak is het nodig om twee CTA's tegelijk te maken, bijvoorbeeld: Koop nu en Lees meer. Er komen ook nieuwe stijl- en kleurinstellingen. Kies de stijl Vullen of Outline en vervolgens de kleur van de achtergrond. Je kunt kiezen voor een effen achtergrond of een achtergrond met kleurverloop. Er zullen enkele presets als startpunt beschikbaar zijn voor meer moeiteloze fine-tuning. Het goede nieuws is dat alle bestaande knoppenblokken zullen werken en dat je ze niet hoeft te migreren.<\/p>\n\n\n\n<\/a><\/figure>\n<\/div>\n\n\n<\/span>Kolommen blok<\/span><\/h2>\n\n\n\n
Het Columns blok is een geweldig WordPress blok dat deuren opent naar nieuwe lay-outs. Het geeft je meer opties voor de indeling van pagina-elementen, wat resulteert in meer ontwerpalternatieven.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nWerken met het blok Columns is eenvoudig:<\/p>\n\n\n\n
- \n
- Geen extra plugin-installatie.<\/li>\n\n\n\n
- Geen codering nodig.<\/li>\n\n\n\n
- Het enige wat je nodig hebt, is een beetje gevoel voor netjes design.<\/li>\n<\/ul>\n\n\n\n
In vergelijking met het gedoe dat je vroeger moest doormaken voordat de WordPress block editor werd uitgebracht, is het nu super eenvoudig om het Columns WordPress blok te gebruiken.<\/p>\n\n\n\n
<\/span>Hoe gebruik je het blok Columns?<\/span><\/h3>\n\n\n\n
Zoals hierboven aangegeven, zijn er 2 manieren waarop het blok Columns kan worden gebruikt:<\/p>\n\n\n\n
- \n
- Om de stroom van je teksten te organiseren (in een blogpost of op de gewone pagina).<\/li>\n\n\n\n
- Andere blokken in kolommen rangschikken.<\/li>\n<\/ul>\n\n\n\n
Door tekst in kolommen te organiseren, bijvoorbeeld in een blogpost, vergroot je de leesbaarheid en maak je je website overzichtelijker en gebruiksvriendelijker.<\/p>\n\n\n\n
Maar als je het blok Kolommen gebruikt om andere blokken te nesten, zoals afbeeldingen, teksten en knoppen, verander je de hele lay-out van je gekozen pagina en maak je nieuwe ontwerpen.<\/p>\n\n\n\n
<\/span>Kolom blok instellingen<\/span><\/h3>\n\n\n\n
Na het invoegen van een Kolomblok op de pagina, kies je hoeveel kolommen je wilt. Dit kunnen er 2 tot 6 zijn. Vervolgens kun je beginnen met het typen van je tekst of het toevoegen van blokken in elke kolom.<\/p>\n\n\n\n
De uitlijning van de inhoud van je kolomblok kan afzonderlijk worden ingesteld voor het hele blok en voor afzonderlijke kolommen. Je kunt zelfs de verhouding van de kolombreedte kiezen. Zo kan de ene kolom breder zijn dan de andere.<\/p>\n\n\n\n
<\/span>Afdekblok<\/span><\/h2>\n\n\n\n
Laten we het eens hebben over de header van je website. Het is een sectie die de eerste indruk bepaalt wanneer iemand op je homepage komt. Best belangrijk, toch? En wist je dat Cover-blok kan worden gebruikt als header op al je pagina's?<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nCover is de kern van de WordPress blokken waarmee je indruk kunt maken op je webbezoekers. Vooral als het goed wordt gebruikt, of beter gezegd, als het netjes is ge\u00efntegreerd in je webdesign.<\/p>\n\n\n\n
<\/span>Waar Cover block gebruiken?<\/span><\/h3>\n\n\n\n
Zoals hierboven vermeld, kan Cover block op al je pagina's worden gebruikt. Bovendien kan het overal op de pagina worden toegevoegd, in tegenstelling tot de header van je website die vast bovenaan je website staat.<\/p>\n\n\n\n
Dekselblok kan worden gebruikt als:<\/p>\n\n\n\n
- \n
- Koptekst van elke pagina, inclusief homepage.<\/li>\n\n\n\n
- Afbeelding of video overschreven door tekst op productpagina.<\/li>\n\n\n\n
- Scheider van inhoud in blogpost.<\/li>\n<\/ul>\n\n\n\n
<\/span>Instellingen afdekblok<\/span><\/h3>\n\n\n\n
Het instellen van je Cover-blok is heel eenvoudig. Kies eerst een afbeelding of video als achtergrond. Je kunt ook een enkele kleur gebruiken. Wanneer je de achtergrond hebt ingesteld, voeg je een titel en ondertitel toe. <\/strong><\/p>\n\n\n\n
Je kunt de uitlijning van het blok kiezen en natuurlijk de uitlijning van de tekst erin.<\/p>\n\n\n\n
Cover block alignment biedt de volgende opties:<\/p>\n\n\n\n
- \n
- Links uitlijnen<\/li>\n\n\n\n
- Centrum uitlijnen<\/li>\n\n\n\n
- Rechts uitlijnen<\/li>\n\n\n\n
- Breedte<\/li>\n\n\n\n
- Volledige breedte<\/li>\n<\/ul>\n\n\n\n
Mijn persoonlijke favoriet is de kleurenoverlay die beschikbaar is in de inspector - de achtergrondafbeelding van het omslagblok kan worden aangepast aan elke kleur die je maar wilt. Samen met de aangepaste lettergrootte en -kleur kun je prachtige contrasten cre\u00ebren en het uiteindelijke uiterlijk van je omslagblok zal verbluffend zijn.<\/p>\n\n\n\n
Vanaf WordPress 5.4 kun je kiezen voor een verlopende achtergrond in plaats van een effen achtergrond.<\/strong><\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\n<\/span>Galerij blok<\/span><\/h2>\n\n\n\n
Toon afbeeldingen op je website met het Galerij blok. Dit standaard WordPress blok is ontworpen om je afbeeldingen vast te houden en ze mooi weer te geven op elke pagina van je website. Net als andere WordPress blokken kan het Galerij blok overal op de website of in het blogbericht worden geplaatst.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nJe kunt je afbeeldingen uploaden door bestanden te kiezen uit de mediabibliotheek, vanaf je computer of met de sleepfunctie.<\/p>\n\n\n\n
<\/span>Waar gebruik je Gallery block?<\/span><\/h3>\n\n\n\n
Afhankelijk van het type website wil je misschien een complexe fotogalerij of een eenvoudige afbeeldingspresentatie maken. Je kunt het blok Galerij gebruiken op:<\/p>\n\n\n\n
- \n
- Uw homepage<\/li>\n\n\n\n
- Individuele subpagina's gemaakt als albums van je fotogalerij<\/li>\n\n\n\n
- Product pagina's<\/li>\n\n\n\n
- Blogpost<\/li>\n<\/ul>\n\n\n\n
<\/span>Galerij blok instellingen<\/span><\/h3>\n\n\n\n
Naast de verschillende uitlijnopties van het Galerij-blok zelf, zijn er een paar interessante opties binnen dit blok, zoals:<\/p>\n\n\n\n
- \n
- Aantal kolommen waarin de afbeeldingen worden geplaatst.<\/li>\n\n\n\n
- Afbeelding bijsnijden tot dezelfde grootte (van de kleinste afbeelding).<\/li>\n\n\n\n
- Hyperlink om je de optie te geven om naar een andere pagina of een mediabestand te linken.<\/li>\n<\/ul>\n\n\n\n
<\/span>Beeldblok<\/span><\/h2>\n\n\n\n
Image block is niets anders dan het blok waarmee je een afbeelding op je website kunt weergeven.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nDat klopt. Als je een afbeelding wilt toevoegen aan een van je pagina's, dan moet je het Image WordPress blok gebruiken. Het lijkt misschien op andere gepresenteerde blokken, maar er zijn belangrijke verschillen die het perfect maken voor losse afbeeldingen.<\/p>\n\n\n\n
<\/span>Wanneer gebruik je beeldblok?<\/span><\/h3>\n\n\n\n
Het afbeeldingsblok moet vooral worden gebruikt als het object dat op de afbeelding wordt weergegeven bijzonder belangrijk is voor je webbezoeker:<\/p>\n\n\n\n
- \n
- Trek de aandacht van webbezoekers met een specifieke afbeelding.<\/li>\n\n\n\n
- Afbeelding met bijschrift weergeven.<\/li>\n\n\n\n
- Toon infographics die bezoekers helpen om het besproken onderwerp beter te begrijpen.<\/li>\n<\/ul>\n\n\n\n
<\/span>Instellingen afbeeldingsblok<\/span><\/h3>\n\n\n\n
Een van de grootste voordelen van het Image WordPress blok zijn de opties voor het afbeeldingsformaat. Je kunt eenvoudig het formaat van een afbeelding aanpassen door het bij de hoek te trekken, een vaste grootte in pixels kiezen of de grootte in procenten bepalen.<\/p>\n\n\n\n
Een andere belangrijke optie zijn invoervelden voor alternatieve tekst, bijschrift en link. Ik raad het gebruik van deze velden sterk aan, omdat ze een belangrijke rol spelen in on page SEO.<\/p>\n\n\n\n
<\/span>Media & tekstblok<\/span><\/h2>\n\n\n\n
Laten we overgaan naar meer geavanceerde paginalay-outs die je kunt maken met behulp van het blok Media & tekst. Met dit WordPress kernblok kun je media en tekst naast elkaar combineren, op een manier die esthetisch en contextueel is.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\n<\/span>Waar Media & tekstblok gebruiken?<\/span><\/h3>\n\n\n\n
Hoewel het blok Media & tekst het meest geschikt is voor gebruik binnen blogposts, kun je het met een beetje verbeelding ook elders gebruiken. Je kunt bijvoorbeeld een mooi product- of dienstenoverzicht maken met beeld & tekst naast elkaar.<\/p>\n\n\n\n
Vergeet niet een Button-blok toe te voegen aan de tekstsectie van het Media & tekst-blok, als dit wordt gebruikt als product-\/dienstenoverzicht. Zo kun je op elke pagina een mooie CTA-sectie ontwerpen.<\/p>\n\n\n\n
<\/span>Voordelen van media & tekstblok<\/span><\/h3>\n\n\n\n
- \n
- Beeld en tekst samenbrengen die in hun context bij elkaar passen.<\/li>\n\n\n\n
- Verkeerde plaatsing van afbeeldingen binnen de blogpost vermijden.<\/li>\n\n\n\n
- Helpen met de responsiviteit van de site (gebruik de functie \"Stapelen op mobiel\").<\/li>\n<\/ul>\n\n\n\n
<\/span>Instellingen voor media en tekstblokken<\/span><\/h3>\n\n\n\n
Als je kijkt naar de instellingen van het blok Media & tekst, zie je dat er heel wat uitlijnopties zijn, waarvan sommige uniek zijn in vergelijking met de meeste andere blokken.<\/p>\n\n\n\n
Interessante en nuttige instelling van dit blok is achtergrondkleur. Door het gebied rond de afbeelding en tekst die bij elkaar passen in te kleuren, kun je hun verbinding visueel benadrukken.<\/p>\n\n\n
![\"\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/Snimka-obrazovky-2020-03-24-o-17.57.10-1024x514.png\")
<\/a><\/figure>\n<\/div>\n\n\n![\"Tabel](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Table.jpg\")
<\/a><\/figure>\n<\/div>\n\n\n