{"id":210897,"date":"2024-10-11T07:35:53","date_gmt":"2024-10-11T07:35:53","guid":{"rendered":"https:\/\/www.bluehost.com\/blog\/hoe-je-blokken-verkleint-en-halve-kaarten-maakt-in-wordpress\/"},"modified":"2025-06-02T05:20:46","modified_gmt":"2025-06-02T05:20:46","slug":"hoe-je-blokken-verkleint-en-halve-kaarten-maakt-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/nl\/hoe-je-blokken-verkleint-en-halve-kaarten-maakt-in-wordpress\/","title":{"rendered":"Hoe je blokken verkleint en halve kaarten maakt in WordPress"},"content":{"rendered":"\n

Het aanpassen van de lay-out van je WordPress website is de sleutel tot het cre\u00ebren van een aantrekkelijke en gebruiksvriendelijke ervaring. Of je nu blokken wilt vergroten of verkleinen voor een betere visuele stroom of halfhoge kaarten wilt maken voor het weergeven van inhoud, WordPress biedt de tools om je te helpen een professionele look te bereiken. <\/p>\n\n

Door gebruik te maken van de flexibiliteit van de WordPress blokbewerker kunnen zelfs gebruikers met minimale ontwerpervaring hun website omtoveren tot een visueel aantrekkelijke en functionele ruimte. <\/p>\n\n

Wil je je WordPress site laten opvallen met aangepaste lay-outs en aangepaste blokken? Hoewel de standaardinstellingen van WordPress blokken goed werken voor de meeste websites, kun je door verder te kijken dan deze instellingen meer gepersonaliseerde ontwerpen maken die je inhoud echt laten opvallen. <\/p>\n\n

In deze handleiding leiden we je door het proces van het wijzigen van het formaat van blokken en het maken van kaarten van halve grootte in WordPress. Met stapsgewijze instructies en handige tips kun je een website ontwerpen die naadloos werkt op alle apparaten. Laten we eens kijken hoe je deze functies kunt gebruiken om je WordPress site te verbeteren! <\/p>\n\n

Waarom blokken verkleinen en halve kaarten maken in WordPress? <\/h2>\n\n

Door blokken te verkleinen en halve kaarten te maken in WordPress, krijg je meer controle over hoe je website eruit ziet en functioneert. Hier zijn enkele belangrijke redenen waarom deze wijzigingen kunnen helpen: <\/p>\n\n

Betere visuele aantrekkingskracht<\/strong> <\/h3>\n\n

Door blokgroottes aan te passen kun je unieke lay-outs ontwerpen die er gepolijst uitzien. Met kaarten van half formaat kun je eenvoudig inhoud naast elkaar weergeven, waardoor je site er netjes en georganiseerd uitziet. Deze aanpak is perfect voor blogs, portfolio \u201cs of productpagina\u201d s waar je meerdere items op een nette manier wilt weergeven. <\/p>\n\n

Verbeterde gebruikerservaring<\/strong> <\/h3>\n\n

Met kleinere blokken en kaarten naast elkaar kunnen gebruikers inhoud snel vinden en lezen. Dit maakt je website gebruiksvriendelijker en helpt bezoekers betrokken te blijven, vooral op mobiele apparaten waar de ruimte beperkt is. <\/p>\n\n

Responsief ontwerp<\/strong> <\/h3>\n\n

WordPress blokken passen zich automatisch aan verschillende schermformaten aan. Door het formaat van blokken aan te passen en kaarten van halve grootte te gebruiken, zorg je ervoor dat je website er goed uitziet en goed functioneert op desktops, tablets en smartphones. <\/p>\n\n

Markeer belangrijke inhoud<\/strong> <\/h3>\n\n

Als je weet hoe je blokken in WordPress van grootte kunt veranderen, kun je de aandacht vestigen op specifieke inhoud of oproepen tot actie. Je kunt bijvoorbeeld grotere blokken gebruiken om belangrijke informatie te laten zien, terwijl kleinere kaarten van halve grootte ondersteunende inhoud kunnen weergeven, zoals blogposts of producten. <\/p>\n\n

Creatieve flexibiliteit<\/strong> <\/h3>\n\n

WordPress biedt veel creatieve vrijheid. Het aanpassen van de grootte van blokken is een gemakkelijke manier om te experimenteren met lay-outs en ontwerp zonder dat je codeervaardigheden nodig hebt. Je kunt een website maken die jouw unieke stijl of merk weerspiegelt. <\/p>\n\n

Gerelateerd<\/strong>: Bekijk de beste WordPress plugins<\/a>! <\/p>\n\n

Aan de slag: Toegang tot de blok-editor in WordPress <\/h2>\n\n

Toegang tot de WordPress Block Editor, ook bekend als Gutenberg, is eenvoudig en helpt je om meer dynamische, flexibele inhoudsindelingen voor je website te maken. Hier lees je hoe je aan de slag gaat: <\/p>\n\n

Aanmelden bij WordPress <\/h3>\n\n

Log eerst in op je WordPress dashboard met je gebruikersnaam en wachtwoord. Zodra je bent ingelogd, heb je toegang tot alle administratieve tools. <\/p>\n\n

Een bericht\/pagina maken of bewerken <\/h3>\n\n

Navigeer vanaf je dashboard naar Berichten of Pagina’s in het linkermenu. Klik op Nieuw toevoegen om een nieuwe post of pagina te maken of klik op Bewerken op een bestaande. <\/p>\n\n

Open de blokbewerker <\/h3>\n\n

Wanneer je een nieuwe post of pagina start of een bestaande post of pagina bewerkt, brengt WordPress je automatisch naar de Blokjeseditor. Als je site nog steeds de Classic Editor gebruikt, moet je mogelijk de Block Editor inschakelen door naar Plugins te gaan en de Classic Editor plugin uit te schakelen. <\/p>\n\n

Blokken toevoegen <\/h3>\n\n

Met de Blok-editor kunt u blokken toevoegen voor elk inhoudselement, zoals tekst, afbeeldingen, video’s en knoppen. Om een blok toe te voegen, klikt u op de knop +<\/strong> in de linkerbovenhoek of in de editor zelf. Van hieruit kunt u het type blok selecteren dat u wilt invoegen. <\/p>\n\n

\"Blokken<\/figure>\n\n

Uw blokken aanpassen <\/h3>\n\n

Nadat je een blok hebt toegevoegd, kun je de instellingen aanpassen met de werkbalk boven het blok of de instellingen op de rechterzijbalk. Hier kun je tekst- of afbeeldingsformaat, uitlijning, grootte, enz. aanpassen, afhankelijk van het type blok. <\/p>\n\n

\"Blokken<\/figure>\n\n

Door de Block Editor te openen, ontgrendel je het volledige potentieel van de dynamische en modulaire ontwerpmogelijkheden van WordPress. Deze editor geeft je de flexibiliteit om aangepaste lay-outs te bouwen die gemakkelijk kunnen worden aangepast aan je ontwerpbehoeften. <\/p>\n\n

Soorten blokken en hoe je een responsief ontwerp onderhoudt <\/h2>\n\n

De blok-editor van WordPress (Gutenberg) biedt verschillende bloktypes die in grootte kunnen worden aangepast, waardoor er meer flexibiliteit in het ontwerp ontstaat. Hier volgt een overzicht van de verschillende soorten aanpasbare blokken en tips om ervoor te zorgen dat je lay-out responsief blijft op verschillende schermformaten. <\/p>\n\n

Afbeeldingsblokken <\/h3>\n\n

Afbeeldingsblokken kunnen in grootte worden aangepast door de handgrepen te verslepen die op de hoeken van het afbeeldingsbestand staan of door handmatig aangepaste afmetingen in te voeren in het instellingenpaneel. Hierdoor kunnen gebruikers de hoogte en breedte van de afbeelding aanpassen aan de ontwerpbehoeften van een specifieke sectie. <\/p>\n\n

\"Beeldblokken\"<\/figure>\n\n

Het aanpassen van de grootte van afbeeldingen is vooral handig wanneer je ze in kolommen, galerijen of hoofdstukken plaatst om een evenwichtige lay-out te behouden zonder de pagina visueel te overweldigen. <\/p>\n\n

Alinea blokken <\/h3>\n\n

Paragraafblokken bieden geen directe aanpassing van de grootte in termen van de fysieke grootte van het blok, maar je kunt de lettergrootte en regelhoogte aanpassen om te bepalen hoe tekst wordt weergegeven. In het gedeelte Typografie van de blokinstellingen kun je voorgedefinieerde lettergrootten kiezen of aangepaste waarden invoeren om belangrijke tekstgebieden te benadrukken. <\/p>\n\n

\"Paragraaf<\/figure>\n\n

Deze functie is handig voor het maken van verschillende tekststijlen op een pagina, zodat belangrijke berichten opvallen terwijl het ontwerp op alle apparaten schoon en leesbaar blijft.<\/p>\n\n

Knop Blokken <\/h3>\n\n

Knoppenblokken worden gebruikt om de grootte aan te passen door middel van breedteaanpassingen, opvulling en marge-instellingen. Gebruikers kunnen aangeven of de knop een vaste breedte moet hebben of dynamisch moet worden aangepast aan de inhoud die hij bevat. Door de opvulling en marges aan te passen, kun je ook de ruimte rond de knop bepalen zodat deze soepel in de lay-out van je pagina past. <\/p>\n\n

\"Knop<\/figure>\n\n

Knoppen spelen een cruciale rol in het leiden van gebruikers naar acties en het aanpassen van de grootte helpt om hun zichtbaarheid en effectiviteit te verbeteren. <\/p>\n\n

Kolommen Blokken <\/h3>\n\n

Kolomblokken bieden flexibiliteit doordat je de breedte van elke kolom kunt aanpassen, zodat je zelf kunt bepalen hoeveel ruimte elk blok inneemt. Dit is vooral handig bij het weergeven van naast elkaar geplaatste inhoud, zoals tekst en achtergrondafbeelding of meerdere productbeschrijvingen. <\/p>\n\n

\"kolomblokken\"<\/figure>\n\n

In de blokinstellingen kun je de breedte van afzonderlijke kolommen aanpassen om evenwichtige lay-outs te maken die goed werken op zowel desktop- als mobiele apparaten. Kolommen met de juiste afmetingen kunnen helpen om inhoud te stroomlijnen en de gebruikerservaring te verbeteren. <\/p>\n\n

Blokken afdekken<\/h3>\n\n

Coverblokken worden gebruikt als achtergrondafbeelding met overlappende tekst. Het formaat kan ook worden aangepast aan specifieke ontwerpdoelen. Je kunt zowel de breedte als de hoogte van het omslagblok bepalen, zodat het de volledige breedte van het scherm beslaat of binnen bepaalde afmetingen blijft. Dit is vooral handig voor het maken van indrukwekkende kopteksten of bannerachtige gebieden op een pagina. <\/p>\n\n

\"afdekblokken\"<\/figure>\n\n

Het aanpassen van de grootte van omslagblokken zorgt voor een strakke en professionele uitstraling terwijl het ontwerp responsief blijft op alle schermformaten. <\/p>\n\n

Inzicht in afbeeldingsgrootteblokken in WordPress<\/h2>\n\n

WordPress is gebouwd met verschillende standaard afbeeldingsformaten, waardoor het eenvoudiger wordt om mediabestanden te beheren voor verschillende toepassingen op je website. De vier gangbare formaten zijn miniatuur, medium, groot en volledig formaat, die WordPress automatisch genereert wanneer je afbeeldingen uploadt. Deze voorgedefinieerde afbeeldingsformaten optimaliseren de prestaties van de website<\/a> door afbeeldingen te leveren die op de juiste manier zijn verkleind voor verschillende locaties, zoals miniaturen voor galerijen of grote afbeeldingen voor achtergronden. WordPress verwerkt afbeeldingen door deze formaten aan te passen aan de behoeften van het ontwerp van je website en verbetert tegelijkertijd de laadtijden. <\/p>\n\n

Met de WordPress blok-editor (Gutenberg) kunnen gebruikers eenvoudig inhoud aanpassen. Elk blok biedt flexibiliteit voor het toevoegen van tekst, media en aangepaste elementen. Als je werkt met achtergrondafbeeldingen of andere media, kun je de afmetingen aanpassen binnen de instellingen van de blokeditor om het formaat van afbeeldingen handmatig aan te passen. Dit omvat het aanpassen van de breedte en hoogte zodat ze passen bij je inhoudsstructuur. Bovendien slaat de mediabibliotheek je bestaande afbeeldingen op, waar je afbeeldingen kunt beheren, de grootte ervan kunt aanpassen of ze kunt comprimeren om ze te optimaliseren voor webgebruik. <\/p>\n\n

Er zijn een paar manieren om afbeeldingen te comprimeren: <\/p>\n\n