Kadence blocks review
Kadence blocks review
Een Gutenberg Block-pagina-builder. Compatibel met alle blokthema’s. Kadence Blocks is een echte pagina-builder, speciaal ontworpen voor de standaard Gutenberg-builder. Ik gebruikt het woord “echte builder”. Dat betekent dat het op dezelfde manier en functioneel werkt als je verwacht van een builder zoals Elementor, Beaver Builder of Divi. Officieel is het een uitbreiding van Gutenberg. Maar in werkelijkheid is Kadence Blocks veel meer dan dat. Het voegt niet alleen veel functionaliteit toe aan Gutenberg, maar het verbetert Gutenberg (WordPress) ook echt. Bovendien hebben de meeste gebruikers geen andere plugin-extensies meer nodig na de aanschaf van Kadence Blocks.
Kadence Blocks is ook de trend richting ‘pure Wordpress’. De trend is er echt. Een deel van de WordPress-builder- en design community is het zat met builders die op Gutenberg/WordPress werken, met compatibiliteitsproblemen en extreem trage websites. Ze kiezen ervoor om websites te ontwikkelen op basis van pure, authentieke WordPress, aka Gutenberg. Waarom? De redenen die ik net noemde. Een groot en terugkerend probleem is de compatibiliteit tussen Gutenberg/WordPress met andere plugins die proberen de WordPress-functionaliteit te overrulen of uit te breiden met niet-WordPress-technologie. Voorbeelden zijn Elementor, Divi en eerlijk gezegd de meeste pagina-bouwers. Dan hebben we een compatibiliteitsprobleem tussen die pagina-bouwers en andere plugins. Omdat die ‘old-school’ pagina builders veel niet-WordPress-technologie gebruiken, levert het installeren van andere plugins veel problemen op. Probeer Elementor, Divi, Breakdance of Oxygen met een belangrijke plugin zoals Geodirectory: problemen.
Ten tweede: snelheid. Ik moest onze eigen websites opnieuw bouwen om het echt te geloven. Zelfs zonder cache zijn de websites die met Kadence-blokken zijn gebouwd heel-heel snel.
Dat is ook een van de redenen waarom veel WordPress-professionals tegenwoordig voor Kadence-blocks kiezen.
Hebben we Kadence blokken getest? Oh zeker, en hoe. We bouwen alle websites opnieuw op van Elementor tot Kadence-blokken. Het punt is dat Kadence-blokken niet alleen goed en stabiel zijn, maar dat ik er ook weer plezier in krijg om websites te maken; het is leuk! Alleen al de mogelijkheid om de Kadence-blokken samen met de standaard Gutenberg-blokken te gebruiken is geweldig. En nee, je hoeft niets speciaals te ‘doen’ om dat te bereiken. Je bouwt en beslist gewoon welke blokken je wilt gebruiken.
Belangrijk: Kadence block builder kun je gebruiken met elk WordPress block thema. Of dat nu van Kadence zelf is, Astra, Greenshift, GeneratePress, of bijvoorbeeld Blocksy.
Marktaandeel
Kadence Blocks is nu een paar jaar oud. In deze tijd is het aantal gebruikers van deze Gutenberg-builder gegroeid tot meer dan 400.000 gebruikers. Dat is veel, vooral als je bedenkt dat de builder weliswaar in het begin veelbelovend was, maar nog steeds erg basic qua functies. We zien dat Kadence Blocks zijn plek in de WordPress-community al heeft verdiend. Het zou ons niet verbazen als het in de loop van de tijd een van de meest gebruikte pagina builders wordt.
Eerste indruk
De installatie verliep soepel. Zoek gewoon naar de Kadence Blocks plugin op WordPress.org, installeer deze en activeer de plugin.
Bedrijf
Kadence blocks is, net als het Kadence thema, deel van StellarWP.
StellarWP is ook het moederbedrijf van bekende WordPress plugins zoals Learndash, SolidWP, The Events Calendar en Restrict Content Pro.
Verdienmodel
De Kadence block builder begint goedkoop; ze hebben een gratis versie. Deze gratis versie is zo uitgebreid, dat velen er al volledig mee uit de voeten kunnen. Ik kocht weliswaar al dezelfde dag de Pro versie; dat is echter omdat ik veel werk met dynamische velden.
De Pro versie kost € 79,- per jaar. Het aantal websites dat je ermee mag bouwen is onbeperkt.
Hoe koop je de Kadence Blocks Pro-versie?
Je kunt de Pro-versie kopen op de website van de ontwikkelaar. Binnen een paar minuten
heb je daar je eigen account en kun je de API-code ophalen die nodig is voor de Pro-versie. De Pro-versie is ook een plugin. Log gewoon in op je nieuwe Kadence WP-account, download de Pro-plugin en installeer deze op je website. Je moet de gratis versie geactiveerd houden. Vervolgens activeer je de PRO-plugin met de API-code die je binnen je Kadence WP-account hebt gekregen.
Functies
Rij lay-out
- Je kunt kiezen tussen het gebruik van de rij-indeling (Row en kolommen) of het plaatsen van een blok ergens in de pagina, zonder een rij te gebruiken.
- Het voordeel is dat je heel eenvoudig kunt bepalen hoeveel kolommen je wilt gebruiken,
en je kunt dit later eenvoudig aanpassen. - Je kan de rij-indeling ook aanpassen met een achtergrond; je hebt
opties zoals kleur, verloop, afbeelding en zelfs video. Met video kun je opties bepalen zoals dempen, herhalen en of je pauze-/afspeelknoppen wilt weergeven. Je kunt ook een overlay en een rand toevoegen.
Een rij-indeling kan een vaste of minimale breedte hebben, en kan natuurlijk de padding en marge instellen. - De kolommen binnen de rij-indeling (die automatisch worden toegevoegd) kunnen worden aangepast met dezelfde opties als de rij-indeling zelf. Het configureren van de hoogte van de kolommen om hetzelfde te zijn, is gewoon een kwestie van een optie aanvinken. Voor de kolommen in de rij-indeling kan jede weergave volgorde op een tablet of mobiel apparaat instellen en of de kolommen verticaal worden gestapeld in plaats van naast elkaar.
Zichtbaarheid
- Bijna elk blok heeft zichtbaarheidsopties; je kunt deze per apparaat in- of uitschakelen, en verbergen of tonen voor ingelogde of uitgelogde gebruikers.
Voorwaardelijk tonen
- Voorwaardelijke rendering is ook beschikbaar voor bijna elk blok. Je kunt bepalen of het wordt weergegeven op basis van aangepaste velden, titels, URL’s, ID’s, gegevens, berichttype, taxonomie, status, auteur, en meer.
Scroll animatie:
- Dit is aanwezig in bijna elk Kadence-blok.
- De meeste effecten zijn beschaafd genoeg om echt te gebruiken.
- Let op: dit is onderdeel van de pro-versie.
Spacing
- Kadence Blocks biedt veel opties voor spacing. Of het nu gaat om tekst, de ruimte tussen blokken, ruimte tussen kolommen, marge of opvulling, alles is aanpasbaar, tot op de pixel.
Flexbox
- In 2021 introduceerde WordPress voor Gutenberg een feature die nog niet door iedereen wordt gebruikt: de flexbox.
- Dit is in feite een ‘box’ waarin je achteraf alles kunt aanpassen. In tegenstelling tot bepaalde grid builders waarbij je vooraf een vooraf gedefinieerde indeling van vakken of kolommen kiest.
- Flex betekent dat je (zelfs achteraf) kunt bepalen of objecten horizontaal of verticaal worden weergegeven, hoeveel kolommen er zijn of slechts één, uitlijning, kortom, alles.
Geavanceerde tekst
- Geschikt voor elk type tekst, van H1 tot hoofdtekst.
Iconenlijst
- Voor het maken van een lijst, net als Gutenberg maar met iconen naar wens.
Geavanceerde afbeelding
- Om een afbeelding te plaatsen, maar met veel opties.
Rest opties
- Accordeon (uitvouwbaar veld met veel opties zoals standaard open of gesloten, icoon naar wens, wanneer de ene opent, sluit de andere, achtergronden, lettertypen, kleuren)
- Tabbladen (met veel opties zoals standaard open of gesloten, horizontaal, verticaal, frame of niet, icoon naar wens, achtergronden, lettertypen, kleuren).
- Geavanceerde knoppen (veel opties, gebruikt de kleuren van het thema en kan naar wens worden aangepast).
- Video-pop-up * (toont een afbeelding en wanneer erop wordt geklikt, opent de video op een breedte naar keuze. Werkt met de bibliotheek, YouTube en eigen URL-hosting)
- Geavanceerde schuifregelaar *
- Gesplitste inhoud * (om eenvoudig een tekstkolom en een afbeeldingskolom naast elkaar te plaatsen,
terwijl ze op andere schermformaten, zoals een tablet of smartphone, netjes aan elkaar gekoppeld blijven)
Geavanceerde galerij - Pro-galerij-add-ons *
- Lottie-animaties
- Infobox
- Formulier (voor het maken van eenvoudige formulieren)
- Geavanceerd formulier (geavanceerde formulieren maken)
- Aftellen
- Optellen
- Google Maps
- Berichten raster
- Meer weergeven… (waar u letterlijk elk blok kunt gebruiken, van tekst tot video)
- Inhoudsopgave
- Portfolio raster/carrousel *
- Berichten raster/carrousel *
- Productcarrousel voor WooCommerce *
- Afbeelding overlay *
- Dynamisch HTML-blok (om HTML-inhoud te plaatsen of weer te geven)
- Dynamische lijst (geeft lijsten weer met categorieën, tags en aangepaste berichtmeta)
- Modal * (elk object kan een trigger zijn voor bijvoorbeeld een video pop-up)
- Gebruikersinfo *Belangrijk: * is onderdeel van de Pro-versie.
Support
Kadence support is goed. Ondanks de snelle groei die ze doormaken, hebben ze een actief support-team die ook weten wat ze doen. Ook is er een heel actieve Facebook groep waar je veel kunt leren, en op jouw beurt weer kunt delen met anderen.
Positief
Het is de eerste pagebuilder ooit die geen problemen gaf met andere (grote, belangrijke) plugins. Zoals LearnDash en Geodirectory. Het is snel tijdens het bouwen en geeft me zeer (zeer) mooie snelheden dicht bij de 100%.
Negatief
Na lang nadenken hebben we een aantal negatieve punten kunnen vinden. Er ontbreken nog een paar simpele Gutenberg-blokken. Zoals OpenStreetMap, Star review rating, Process (tijdlijn), Hotspots (ideaal voor cursussen als Learndash…), Banner, Flipbox en een simpele pop-up. Ook een formulier integratie voor de populaire Newsletter Plugin zou fijn zijn.
Conclusie
Kadence Blocks lijkt de perfecte Gutenberg WordPress-builder. We zijn er zo blij mee dat we al onze Divi- en Elementor-websites helemaal opnieuw hebben gebouwd… met Kadence Blocks en het Kadence-thema. Dat leverde meteen een groot voordeel op: we konden bijna alle CSS-code en de meeste PHP-codefragmenten verwijderen. Waarom? Omdat alle conflicten tussen de builder, het thema en andere plugins volledig verdwenen waren.
Conflicten tussen de builder en Geodirectory en altijd op zoek naar oplossingen? Weg.
Conflicten tussen de builder en Learndash en constant CSS en PHP aanpassen? Weg.
Extra CSS voor WooCommerce? Dat is niet langer nodig.
Op zoek naar oplossingen voor problemen die er in de eerste plaats niet hadden mogen zijn? Onnodig;
we hebben nu tijd voor andere dingen. De extra PHP-code om het Divi-video-element dynamisch te maken? Weg. De enige keren dat we CSS nu echt “nodig” hebben, is om functionaliteit toe te voegen, niet om problemen op te lossen die er niet hadden mogen zijn.
Zijn er geen andere goede builders? Zeker. Als ik bijvoorbeeld naar Breakdance, Bricks en Greenshift kijk, zie ik prachtige projecten. We hebben ze ook uitgebreid getest en er een aantal proef websites mee gemaakt. Waarom hebben we voor Kadence gekozen? Omdat Breakdance en Bricks allebei niet goed overweg kunnen met plugins als Learndash, LifterLMS, Geodirectory en vele anderen. Omdat Greenshift er ‘bijna’ is, maar nog niet helemaal. Omdat alleen Gutenberg dat niveau van compatibiliteit kan bieden en Kadence dat niveau van volwassenheid heeft bereikt. Kadence Blocks is een echte aanrader. Wij raden eigenlijk de Pro-versie aan. Als het je niet bevalt; ze hebben een 30 dagen geen vragen -geld terug garantie.
