IN DEZE HANDLEIDING:
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 Gutenberg 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 page builder 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 Elementor of Beaver Builder.
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 Pro | Kadence Blocks Pro | Essential Bundle | Full Bundle | Membership Lifetime | |
---|---|---|---|---|---|
Updates and Support | 1 Jaar | 1 Jaar | 1 Jaar | 1 Jaar | unlimited |
Websites | unlimited | unlimited | unlimited | unlimited | unlimited |
Kadence Theme Pro | yes | no | yes | yes | yes |
Kadence Blocks Pro | no | yes | yes | yes | yes |
Starter Templates Pro | no | no | yes | yes | yes |
Kadence Cloud | no | no | no | yes | yes |
Kadence Woo Extras | no | no | no | yes | yes |
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.
- Typografie 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, kleur en zelfs de lijndikte aanpassen.
- Kleur en achtergrond 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 lettertype. Upload gewoon je eigen lettertype of gebruik Adobe 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 tracking 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 afbeeldingen.
- Geavanceerde Koptekst: Als je een speciale koptekst nodig hebt.
- Geavanceerde Galerij: 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 raster 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 marketing 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 contactformulier 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.