Blocksy thema<\/a> maken gebruik van Stackable blocks.<\/p>\nKadence Blocks<\/h2>\n
Kadence Blocks is met ruim 300.000 actieve installaties op het moment van schrijven veruit de meest populaire Gutenberg Blocks plugin.<\/p>\n
Qua features is Kadence echter middelmatig; er zijn niet enorm veel blokken beschikbaar en enkele geavanceerde functies zoals filters, CSS transformaties en conditionele weergave ontbreken.<\/p>\n
De premium versie van Kadence biedt wel een nieuwsbrief inschrijf module, een berichten carrousel, en – als enige – een popup blok. Ook dynamische content ontbreekt hier niet.<\/p>\n
Verder biedt de gratis versie van Kadence handige workflow features zoals het kopi\u00ebren en plakken van stijlen en het instellen van een standaard stijl voor elk blok.\u00a0<\/p>\n
Net als Stackable beschikt ook Kadence over een design library met een behoorlijk aantal standaard designs, maar waar Stackable alleen designs voor individuele blokken biedt heeft Kadence ook een aantal complete website designs bestaande uit meerdere pagina’s.<\/p>\n
Greenshift<\/h2>\n
Greenshift is een vrij jonge Gutenberg blocks addon, met op dit moment zo’n 10.000 actieve installaties, maar ik zie langzaam maar zeker een soort van hype rondom deze plugin ontstaan, o.a. in de Facebook groepen waar ik lid van ben.<\/p>\n
Greenshift heeft een sterke focus op performance, bijvoorbeeld door zoveel mogelijk gebruik te maken van standaard Gutenberg functies; om die reden heeft Greenshift bijvoorbeeld geen eigen gallery blok, MAAR je kunt het standaard Gutenberg gallery blok wel eenvoudig omvormen tot een slider. Ook wordt alleen de code geladen van de blokken die daadwerkelijk op een pagina gebruikt worden.<\/p>\n
Naast performance ligt de focus ook zeker op responsive design, met 4 aanpasbare breakpoints, CSS grid en flexbox layouts, fluid typography en de mogelijkheid blokken op mobiel naast elkaar in een carrousel weer te geven in plaats van onder elkaar.<\/p>\n
Hoewel er een vinkje bij “Font Awesome Integratie” staat heeft Greenshift dit niet geintegreerd. Je kunt echter wel iedere gewenste SVG code gebruiken,
en de SVG code van Font Awesome icoontjes is eenvoudig te kopieren op hun site.<\/p>\n
De premium functionaliteiten van Greenshift zijn onderverdeeld in diverse pakketten. Zo is er de animation addon, waarmee je naast de entrance animations in de gratis versie ook scroll animations krijgt, en zeer gevanceerde animaties kunt maken met de GSAP animatie bibliotheek die de populaire motion.page plugin ook gebruikt.\u00a0<\/p>\n
De tweede addon is de SEO en Marketing addon, waarmee je een aantal blokken krijgt die met name handig zijn voor affiliate sites.<\/p>\n
Persoonlijk vind ik de Query Dynamic Addon een stuk interessanter, aangezien je daarmee dynamische content kunt toevoegen aan je blokken zoals de post title en uitgelichte afbeelding, maar ook WooCommerce velden en custom fields die met plugins als ACF en Toolset zijn gemaakt. Daarnaast bevat deze addon een advanced query builder waarmee je bijvoorbeeld een custom overzicht van je posts of producten kunt maken, en een visibility conditions blok, een container blok waarmee je de blokken daarbinnen kunt verbergen of weergeven op basis van bepaalde condities (wel of niet ingelogd, bepaalde gebruikersrol, alleen bij bepaalde post, op een bepaalde datum enzovoorts).<\/p>\n
De hierboven genoemde prijzen zijn overigens voor het all-in pakket waarmee je toegang krijgt tot alle addons.<\/p>\n
GenerateBlocks<\/h2>\n
Als je op zoek bent naar een Gutenberg Blocks plugin met veel blokken en styling opties is GenerateBlocks niet de juiste keuze. Deze plugin voegt slechts 6 blokken toe: een container, een raster blok om kolommen in te voegen, een blok om headings en paragrafen op te maken, een image blok, een blok om knoppen toe te voegen en een query loop blok voor het weergeven van posts.<\/p>\n
Ook qua design opties is GenerateBlocks vrij beperkt. De plugin is er echt op gericht om zo weinig mogelijk “bloat”\u00a0 toe te voegen aan WordPress zelf en echt alleen die dingen te bieden die noodzakelijk zijn om met Gutenberg een volwaardige website te bouwen.\u00a0<\/p>\n
Hoewel het zeker mogelijk is om met GenerateBlocks een mooie pagina te maken gaat mijn voorkeur uit naar een plugin die wat meer mogelijkheden biedt.<\/p>\n
Toolset Blocks<\/h2>\n
Toolset Blocks zul je niet snel tegenkomen in een Gutenberg Blocks plugins vergelijking – behalve in deze dan. Dat komt omdat Toolset Blocks niet verkrijgbaar is als losse blocks plugin; Toolset is namelijk een custom post types plugin en Toolset Blocks is alleen ontwikkeld om layouts te kunnen bouwen voor die custom post types.<\/p>\n
Net als GenerateBlocks biedt ook Toolset Blocks niet heel veel blokken, en ook niet heel veel styling opties. Geen animaties, geen scroll effecten, geen shape dividers…
en desondanks is Toolset Blocks toch de blocks plugin die ik het vaakst gebruik.<\/p>\n
Hoewel Toolset in bovenstaande vergelijking niet zo heel krachtig lijkt te zijn is dat in de praktijk wel het geval. Met het container blok en CSS grid blok bouw je eenvoudig een responsive layout, maar Toolset blinkt vooral uit op het gebied van dynamische content.\u00a0<\/p>\n
Zo heeft Toolset bijvoorbeeld geen testimonials blok, maar een testimonials blok is in principe alleen een afbeelding met daaronder een paar tekst blokken.
Dat kun je ook met GenerateBlocks of Toolset Blocks maken natuurlijk. Maar met Toolset kun je ook een custom post type “Testimonials” maken met een aantal custom fields zoals een veld “naam”, “functie”, “afbeelding” enzovoorts. Vervolgens heb je een extra kopje “testimonials” in de admin, bijvoorbeeld onder pagina’s en berichten, waar je al je testimonials kunt toevoegen.<\/p>\n
Daarna kun je 1 of meerdere layouts maken om die testimonials te tonen, precies zoals je ze wilt hebben; meerdere naast elkaar, in een masonry layout, als slider enzovoorts,
en met conditionele weergave en filters kun je precies bepalen welke testimonials waar getoond worden.<\/p>\n
Dat geldt niet alleen voor custom post types; ook voor pagina’s, berichten en WooCommerce producten kun je volledig custom layouts maken, waarbij je precies kunt bepalen welke velden je wel en niet wilt weergeven. Wil je een berichtenoverzicht met een custom lees meer knop, waarbij de categorie\u00ebn boven de uitgelichte afbeelding zijn weergegeven? Dat kan.
Wil je op je shop pagina de maten van je producten weergeven? Kan. Wil je zelf velden toevoegen aan een WooCommerce product en deze weergeven op de product pagina? Kan ook.<\/p>\n
Als je een WooCommerce webshop hebt is Toolset sowieso een logische keuze, aangezien deze op dit moment als enige de mogelijkheid biedt om je shop en categorie pagina’s helemaal naar wens vorm te geven met losse WooCommerce blokken voor elementen als de prijs, add to cart button, reviews enzovoorts.<\/p>\n
Toolset is wel bedoeld voor wat geavanceerdere gebruikers, maar biedt hen dan ook ongekende mogelijkheden in Gutenberg.<\/p>\n
Qubely<\/h2>\n
Voorheen was ook Qubely in deze vergelijking opgenomen, maar de ontwikkelaars van Qubely hebben op 19 oktober 2023 laten weten dat deze builder niet verder ontwikkeld zal worden. Ze hebben wel toegezegd gedurende 3 jaar te zullen zorgen dat Qubely blijft werken met de nieuwste WordPress versies, maar buiten enkele bugfixes en veiligheid updates hoeven we verder niets meer te verwachten van deze eens veelbelovende Gutenberg addon.<\/p>\n
Het bedrijf achter Qubely (Themeum) heeft inmiddels een nieuwe (niet Gutenberg) builder gelanceerd, genaamd Droip, maar gezien de geschiedenis met Themeum (dit is al de tweede pagebuilder die ze laten vallen) raad ik je ten zeerste aan Droip niet te gebruiken.<\/p>\n
Qubely is met slechts 10.000 installaties naar mijn mening behoorlijk ondergewaardeerd. Deze plugin biedt veruit de meeste blokken van allemaal,
die er ook nog eens allemaal fantastisch uit zien.<\/p>\n
Net als Kadence heeft ook Qubely een uitgebreide bibliotheek met standaard designs, zowel voor individuele blokken als complete starter sites die bestaan uit meerdere volledig opgemaakte pagina’s.\u00a0Ook qua styling opties doet Qubely niet onder voor de rest, maar dynamische content wordt helaas nog niet ondersteund.<\/p>\n
Dat komt waarschijnlijk omdat de ontwikkeling van Qubely een hele tijd stil heeft gelegen; de ontwikkelaars achter Qubely hebben meerdere producten en hebben de afgelopen tijd vooral de focus gelegd op Tutor LMS waardoor Qubely een beetje verwaarloosd is.<\/p>\n
Eind 2021 is er echter weer een update uitgebracht met een aantal bugfixes, en de developers hebben beloofd Qubely weer actiever te gaan ontwikkelen.
Ik heb<\/span> had dan ook goede hoop voor de toekomst van deze mooie plugin (maar het mocht helaas niet zo zijn dus).<\/p>\nHulp nodig met je website?<\/h2>\n
Dit artikel is geschreven door Bob de webbouwer, een allround website expert die regelmatig blogt<\/a> over allerlei onderwerpen die je helpen bij (het bouwen van) jouw website. Heb je hulp nodig? Huur Bob de webbouwer dan in om een website voor je te bouwen<\/a>, jouw website te verbeteren<\/a> of een training<\/a> over dit onderwerp te verzorgen.<\/p>\nVraag direct een vrijblijvende offerte aan<\/a><\/p>\nDit artikel bevat affiliate links. Dat wil zeggen dat ik een vergoeding krijg als je een betaalde page builder koopt via een link op deze pagina. Dat kost jou verder niets extra’s, maar zorgt er wel voor dat ik jou kan blijven helpen met dit soort gratis artikelen. Dus als je zelf een page builder wilt aanschaffen stel ik het zeer op prijs als je dat via deze pagina doet \ud83d\ude09<\/p>\n
Ga je voor Gutenberg of de gratis versie van Elementor of Brizy? Dan kun je eventueel ook een kleine eenmalige donatie doen via de button hiernaast \ud83d\ude42<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Gutenberg is de standaard WordPress editor sinds eind 2018. Daarvoor was er alleen een eenvoudige tekst editor beschikbaar; het uiterlijk van je site werd toen volledig bepaald door het gekozen thema, dat gemaakt was door een ervaren developer die verstand moest hebben van PHP, HTML en CSS. Pas toen rond 2012\/2013 de eerste thema’s met […]<\/p>\n","protected":false},"author":2,"featured_media":15226,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,24,12,11,4],"tags":[],"class_list":["post-18022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-greenshift","category-gutenberg","category-page-builder-en-theme-builder","category-review","category-wordpress"],"_links":{"self":[{"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/posts\/18022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/comments?post=18022"}],"version-history":[{"count":1,"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/posts\/18022\/revisions"}],"predecessor-version":[{"id":18827,"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/posts\/18022\/revisions\/18827"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/media\/15226"}],"wp:attachment":[{"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/media?parent=18022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/categories?post=18022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clean.bobbouwt.nl\/index.php\/wp-json\/wp\/v2\/tags?post=18022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"WP](\"\/wp-content\/uploads\/stackable-logo.png\"){kind=logo}
<\/td>\n![\"Kadence](\"\/wp-content\/uploads\/kadencewp-logo.png\"){kind=logo}
<\/td>\n![\"Greenshift](\"\/wp-content\/uploads\/greenshift-logo.webp\"){kind=logo}
<\/td>\n![\"GenerateBlocks](\"\/wp-content\/uploads\/generateblocks.png\")
<\/td>\n![\"Toolset](\"\/wp-content\/uploads\/Toolset-logo-small.png\"){kind=logo}
<\/td>\n![\"Qubely](\"\/wp-content\/uploads\/qubely-logo.png\"){kind=logo}
<\/td>\n