Kadence Blocks Gutenberg blokken WordPress plugin

Logo cursus traing wordpress

Kadence Blocks Gutenberg blokken WordPress plugin

Kadence Blocks WordPress plugin review

De nieuwste Kadence Blocks review van Blogger Pilot! Ik laat je zien wat de WordPress plugin kan en waarom je hem zeker moet gebruiken – het beste in combinatie met het Kadence thema van dezelfde ontwikkelaar.

Kadence Blocks is een uitbreiding voor de standaard editor. De WordPress plugin voegt aangepaste blokken en opties toe om de bewerkingsmogelijkheden van de blokkeneditor uit te breiden, zodat je moeiteloos verbluffende websites kunt maken.

Voor mijn eigen projecten heb ik vaak een gebruikt. Als webdesigner heb ik daarnaast mijn eigen klassen gemaakt en die gebruikt om mijn WordPress ontwerpen te maken.

Ik vond het echter erg fijn om Gutenberg te gebruiken, omdat je met de Gutenberg-blokken nog steeds erg slanke code krijgt. In principe kan ik heel goed overweg met de standaard blokken, maar vooral voor landing pages komen de extended cadence blokken goed van pas. Vooral het “Row Layout” blok is al erg krachtig. Vanuit mijn oogpunt is er geen reden meer voor opgeblazen page builders zoals of .

Omdat ik zo enthousiast ben over het Kadence Thema en de Kadence Blocks, wil ik je hier graag nader kennis laten maken met de WordPress Plugin.

Kadence Blokken Prijzen


De Kadence Blocks zijn gratis beschikbaar in de WordPress plugin directory, met de Pro versie kunt u nog meer blokken en functies gebruiken. Je beste gok is om te gaan met de bundels of lidmaatschap. De prijs ligt rond de 90 euro per jaar.

Kadence heeft regelmatig promoties. Het kan dus zijn dat mijn prijzen in de screenshot of in de prijstabel niet helemaal up to date zijn.

Kadence Theme ProKadence Blocks ProEssential BundleFull Bundle Lifetime
Updates and Support1 Jaar1 Jaar1 Jaar1 Jaarunlimited
Websitesunlimitedunlimitedunlimitedunlimitedunlimited
Kadence Theme Proyesnoyesyesyes
Kadence Blocks Pronoyesyesyesyes
Starter Templates Prononoyesyesyes
Kadence Cloudnononoyesyes
Kadence Woo Extrasnononoyesyes
Prijs$ 79,00$ 89,00$ 149,00$ 219,00$ 599,00

Kadence Blokken functies

Kadence voegt belangrijke functies toe aan de reguliere Gutenberg editor. Sinds ik de Kadence Blocks gebruik, wil ik ze niet meer missen. Vooral het Row-Layout-Block en de mogelijkheid om de binnen- en buitenruimten van alle blokken aan te passen zijn erg handig.
Hierna wil ik u graag kennis laten maken met de functies van de blokkencollectie.

Gratis functies

Al deze features zijn ook beschikbaar in de gratis plugin:

  • Spacing Settings: Stel de spatiëring en marges in voor je blokken in elke gewenste eenheid. Pas ze responsief aan om precieze spatiëring en ontwerpen te krijgen.
  • Intelligent Laden: Kadence Blocks laadt CSS of Javascript alleen wanneer het echt nodig is.
  • Responsief: Pas uw ontwerp aan voor elke schermgrootte. Bewerk instellingen voor tablets en mobiele apparaten terwijl u een voorbeeld bekijkt in de WordPress editor.
  • Lay-out instellingen: Maak elke lay-out die u kunt bedenken en controleer deze voor elke grootte met behulp van het blokRow Layout.
  • controle: kies meer dan 900 Google fonts en ontwerp uw website met volledige controle over de fonts.
  • Meer dan 1500 SVG-pictogrammen: U kunt de grootte, en zelfs de lijndikte aanpassen.
  • Kleur en controle: gradients, overlays, fades, parallax achtergronden en randen. U kunt alle ontwerpinstellingen regelen!
  • Configureerbare standaardinstellingen: Maakt ontwerpen een fluitje van een cent. Zodra de standaardinstellingen zijn ingesteld, worden deze instellingen automatisch toegepast telkens wanneer u een blok toevoegt.
  • Weergave-instellingen: Verberg blokinstellingen voor specifieke gebruikersgroepen zodat gebruikers zich kunnen concentreren op de inhoud.
  • Aangepaste kleurenpaletten: Met deze plugin kunt u uw eigen kleurenpaletten direct in de blokeditor maken. Met een klik kunt u de kleuren die door de theme customizer worden geleverd deactiveren.

Pro functies

Eigenlijk zijn er met de Pro versie niet zo veel functies toegevoegd. Maar voor mij persoonlijk zijn de “Custom Icons” en de “Dynamic Content” belangrijk.

  • Scroll Animatie: Creëer een mooie ervaring voor je bezoekers met on-scroll animaties om je content op een boeiende manier te presenteren.
  • Gebruik aangepaste pictogrammen: Met aangepaste pictogrammen kunt u uw eigen pictogram of een hele set uploaden om altijd het perfecte pictogram te hebben.
  • Dynamische inhoud: Gebruik aangepaste velden en de inhoud dynamisch in je blokken. Erg handig voor gehaakte elementen.
  • Aangepaste lettertypen: Maak het perfecte ontwerp met het perfecte . Upload gewoon je eigen lettertype of gebruik Fonts.
  • Gebruik premium ontwerpen uit de bibliotheek: versnel je ontwikkeling met toegang tot alle premium ontwerpbibliotheken en startpagina's.
  • Pagina-specifieke scripts: Als je een aangepast script wilt toevoegen aan een enkele pagina of post, kun je dit nu direct doen in de editor tools. Super handig!
  • Dat waren de functies die beschikbaar zijn voor alle Kadence Blocks.

We zullen een kijkje nemen op de individuele Gutenberg blokken.

Alle Kadence Blokken

De Kadence Blocks zijn ook niet vertaald in de Duitstalige WordPress Admin. Ik denk dat dit een goede zaak is. Een Duitse vertaling zou alleen maar verwarring veroorzaken. Maak je geen zorgen, zelfs als je geen Engels kent, zul je heel snel aan de termen gewend zijn.

Gratis Blokken

  • Rij indeling: Verreweg mijn favoriete blok!
  • Sectie Blok: Maak gebruik van Flex.
  • Geavanceerd Beeld: Veel meer mogelijkheden met .
  • Geavanceerde Koptekst: Als je een speciale koptekst nodig hebt.
  • Geavanceerde : Presenteer je afbeeldingen op een indrukwekkende manier met de geavanceerde galerij.
  • Tabbladen: Ik gebruik de tabs graag voor reviews of landingspagina's.
  • Accordeons: Maak prachtige accordeons! Met FAQ schema!
  • Aftellen: Verhoog je conversies door een gevoel van urgentie aan je aanbod toe te voegen. Met Pro kunt u ook Evergren campagnes maken.
  • Inhoudsopgave: De inhoudsopgave voor alle langere content.
  • Testimonials: Voeg uw klant testimonials toe.
  • Info Box: Superhandig voor boxen met icoontjes.
  • Berichten: Toon een duidelijk van posts overal op je site, zoals op je homepage waar je je blog wil promoten.
  • Iconenlijst: Voeg mooie iconen toe aan je lijsten om ze aantrekkelijker te maken en de aandacht van kijkers te trekken.
  • Pictogrammen: Kies uit meer dan 1500+ SVG iconen om aan je pagina toe te voegen.
  • Vorm: Hierdoor kon ik mijn aparte Fluent Forms plugin op sommige blogs verwijderen.
  • Geavanceerde knop: Interessant als je ooit een knop nodig hebt die afwijkt van je standaard stijl.
  • Tussenruimte/Verdeler: Maak eenvoudig een divider en definieer de ruimte eromheen of creëer gewoon wat ruimte in je content.
  • Toon meer blok: Een toggle met verborgen inhoud.
  • Google Maps: Superhandig om overal kaarten weer te geven.
  • Lottie Animatie: Lean animaties makkelijk gemaakt.
  • Tel op: Nieuwe teller.

Kadence Blokken Pro

  • Post Rooster/Carrousel: De Post Grid/Carousel geeft je alle flexibiliteit die je nodig hebt om je blogberichten prachtig weer te geven.
  • Portfolio Rooster/Carrousel: Een grid met meer weergave mogelijkheden.
  • Afbeelding Overlay: Een mooie manier om een afbeeldingslink te maken met een gesuperponeerde titel en ondertitel.
  • Modal: Maak eenvoudig een call-to-action knop die een pop-up opent. Voeg elk type inhoud toe aan uw modal. Pas overlay, animatie, grootte en plaatsing aan.
  • Gesplitste inhoud: Gutenberg biedt dit ook, maar niet met zulke geweldige ontwerpopties.
  • Video Pop-up: Toon een thumbnail met overlay en hover effecten die leidt tot een video pop-up wanneer erop geklikt wordt. Werkt met lokale of externe video's!
  • Gebruikers Info: Toon informatie over de momenteel ingelogde gebruiker. Toon gravatar, naam en registratie datum.
  • Geavanceerde Slider: Vervang je slide plugin door deze en maak je website tegelijkertijd sneller.
  • Pro Galerij Add-ons: Krijg toegang tot premium lay-outs zoals de thumbnail slider om je galerijen te laten opvallen!
  • Pro Countdown Add-ons: creëer altijdgroene countdowns die gebruikers matchen op IP adres of cookie. De ultieme manier om een gevoel van urgentie te creëren.
  • Pro Formulier Add-ons: Voeg je abonnees automatisch toe aan Mailchimp of andere diensten, stuur een auto-reply en log elke formulier indiening.
  • Dynamisch lijstblok: Maak een lijst van categorieën, tags of aangepaste post types.
  • MetaBox Ondersteuning: Gebruik dynamische inhoud direct in de blokken.

Premium sjabloonbibliotheek

Voor nieuwe websites gebruik ik graag de Design Library. Hiermee download je kant-en-klare ontwerpsjablonen of blokken en versnel je de ontwikkeling van WordPress enorm.

Geheel nieuw zijn de Wireframe Templates. Opzettelijk eenvoudige sjablonen die u gemakkelijk kunt aanpassen aan uw ontwerp na het invoegen.

Aangepaste CSS en JS

Dit is een geweldige functie! Vooral als je aan affiliate doet, zul je zeker af en toe een specifieke pixel nodig hebben, die alleen in deze post moet vuren. Voor JavaScript heb je de optie om het op te nemen. Maar ook als je visueel wilt helpen door middel van CSS, kun je dat hier doen. Je vindt het in de editor in de Kadence Blocks Controls.

Formulieren

Het formulier blok is ook echt goed! Wat ik leuk vind is dat ik niet langer een plugin hoef te installeren als ik alleen maar een eenvoudig nodig heb. Maar Kadence Forms kan eigenlijk heel veel en biedt een breed scala aan velden.

Als je geen e-maildienst zoals Sendinblue wilt gebruiken, kun je je abonnees ook lokaal opslaan. Anders zijn de volgende integraties momenteel beschikbaar:

  • Mailerlite
  • FluentCRM
  • SendInBlue
  • MailChimp

En met de webhooks, kunt u verbinding maken met vrijwel elke andere dienst. Functies zoals reCAPTACHA, kennisgevingse-mails en bevestigingsberichten zijn ook inbegrepen.

TIP: Als u uw eigen blokken wilt maken, kijk dan op Kadence Cloud.

Kadence Ondersteuning

Als je vragen hebt of hulp nodig hebt, vind je verschillende manieren om contact op te nemen in je klantengebied. Ik gebruik meestal het forum, omdat dit altijd tot interessante discussies leidt. Echter, je kunt sneller hulp krijgen via het ticket systeem. De ondersteuning is alleen beschikbaar in het Engels.

Kadence Blocks alternatieven

  • Ultimate Add-ons voor Gutenberg: Als u het Astra-thema gebruikt, is de UAG, van dezelfde ontwikkelaar misschien de juiste oplossing voor u.
  • Stackable: Heb deze zelf nog niet geprobeerd. Maar het is populair.
  • Genesis Blokken: Als je een Genesis thema gebruikt, of op WP Engine zit, is deze blokken collectie voor jou gemaakt.
  • CoBlocks: De zeer populaire Gutenberg extensie is overgenomen door GoDaddy en is in actieve ontwikkeling.
  • Met WP Grid Builder kun je nog veel meer waarde toevoegen aan blog grids.

Conclusie

Samengevat, de blok editor is de toekomst van WordPress website creatie, en Kadence Blocks is een van de beste extensies op de markt. Dat is precies waarom mijn keuze voor sommige website op Kadence Blocks is gevallen.


Wil je meer details over Kadence Blocks Gutenberg blokken WordPress pluginof info?

Wil je meer weten? Veel bezoekers met interesse in Kadence Blocks Gutenberg blokken WordPress plugin bekeken ook de onderstaande handleidingen:


Training of cursus ontwerp en vormgeving

WordPress design en vormgeving

Leer hoe je je WordPress website beter en kan ontwerpen en vormgeven in de speciale designcursus:
Design en ontwerpcursus voor WordPress

WordPress Bootcamp

Leer hoe je je website mooier kan maken en vormgeven in de WordPress Bootcamp spoedopleiding:
Design en ontwerp in WordPress Bootcamp

Info over Kadence Blocks Gutenberg blokken WordPress plugin

Neem vrijblijvend contact op met Arthur als je nog vragen hebt over ontwerp, Kadence Blocks Gutenberg blokken WordPress plugin en WordPress webdesign.

WordPress designer

Arthur Wentzel, web-designer

06 20 83 05 83

Scroll naar boven