Het thema is de basis voor het uiterlijk van elke WordPress site, en het kiezen van een theme is dan ook één van de eerste dingen die je doet als je een website gaat bouwen. Persoonlijk gebruik ik meestal Divi, maar in dit artikel vergelijk ik een aantal populaire thema’s voor de standaard WordPress editor – Gutenberg – die ook zeer geschikt zijn voor andere page builders zoals Elementor en Brizy. Al deze thema’s hebben zowel een gratis versie als een betaalde versie.
In dit artikel zet Bob zeer populaire WordPress thema’s als Astra (meer dan 1 miljoen actieve installaties) en OceanWP (zo’n 700.000 actieve installaties) letterlijk naast veelbelovende nieuwkomers Kadence en Blocksy. Ook Neve ontbreekt niet in deze uitgebreide WordPress Theme vergelijking.
Ik heb alleen gekeken welke features het thema zelf biedt, al dan niet aangevuld met een officiele “add-on plugin”. Zo heeft Blocksy voor bepaalde functionaliteiten de Blocksy Companion plugin nodig, Neve hun eigen Orbit Fox plugin en OceanWP heeft zelfs meerdere add-on plugins beschikbaar. Ook de premium features zitten bij ieder thema in een plugin.
Veel features die niet standaard beschikbaar zijn in het thema of de officiele add-on plugin kunnen natuurlijk wel worden toegevoegd met plugins van derden of custom code (bijvoorbeeld Google Analytics of custom sidebars), maar daar is in onderstaande vergelijking geen rekening mee gehouden.
| Inbegrepen in de gratis versie | |
| Inbegrepen in de premium (betaalde) versie | |
| Niet inbegrepen | |
| D | Divi |
| E | Elementor |
| B | Brizy |
| T | Thrive Architect |
| G | Gutenberg |
| Basis | Astra | OceanWP | Neve | Kadence | Blocksy |
| Maximale breedte contentgedeelte instellen | |||||
| Globale instellingen overschrijven per pagina (sidebar, header, footer enz) | |||||
| Globale kleuren | |||||
| Andere kleur bij hover | |||||
| Instellen van padding en margin | |||||
| Keuze uit meerdere eenheden zoals px, (r)em, %, vw, vh | |||||
| Social media volgknoppen | |||||
| Social media deelknoppen | |||||
| Breadcrumbs |
| Sidebars | Astra | OceanWP | Neve | Kadence | Blocksy |
| Keuze tussen sidebar links, sidebar rechts of geen sidebar | |||||
| Aparte sidebar instellingen voor blog, pagina's, berichten en woocommerce | |||||
| Positie sidebar instellen voor mobiel (boven of onder content) | |||||
| Sticky sidebar (blijft in beeld bij scrollen) | |||||
| Custom sidebars toevoegen | |||||
| Conditionele sidebars (bijv alleen tonen bij berichten in bepaalde categorie) |
| Header | Astra | OceanWP | Neve | Kadence | Blocksy |
| Header builder waarmee je zelf je header kunt ontwerpen | |||||
| Keuze uit meerdere header templates | |||||
| Sticky header (blijft staan wanneer je scrollt) | |||||
| Shrinking header (verkleint de header als gebruiker scrollt) | |||||
| Transparante header | |||||
| Mega menu | |||||
| Icons toevoegen aan menu items | |||||
| Aparte builder voor het mobiele menu (off canvas) | |||||
| Meerdere menu elementen (bijv #1 voor hoofdmenu en #2 voor utilities menu) | |||||
| Button widget | |||||
| Overlay zoekfuctie (vergrootglas icoontje ipv zoekvak) | |||||
| Live zoekresultaten tonen terwijl je typt | |||||
| Contactinfo widget (adres, telefoonnummer, e-mail) | |||||
| Off canvas menu op desktop (hamburger knop zoals op mobiel) | |||||
| Meerdere conditionele headers (bijv een andere header instellen op blog pagina's) | |||||
| Login / my account widget | |||||
| Recaptcha voor Login widget | |||||
| Custom HTML widget | |||||
| Widgetarea toevoegen (voor widgets van WordPress of plugins) |
| Footer | Astra | OceanWP | Neve | Kadence | Blocksy |
| Footer builder waarmee je zelf je footer kunt ontwerpen | |||||
| Keuze uit meerdere footer templates | |||||
| Sticky footer (blijft altijd vast onderaan staan) | |||||
| Meerdere conditionele footers (bijv een andere footer instellen op blog pagina's) | |||||
| Scroll to top widget | |||||
| Shortcuts widget (balk met nuttige links die vast onderaan staat) |
| Typografie | Astra | OceanWP | Neve | Kadence | Blocksy |
| Globale typografie instellen | |||||
| Aparte typografie instellingen voor H1 t/m H6 | |||||
| Uitgebreide typografie instellingen (regelhoogte, letterafstand, transformatie) | |||||
| Aparte instellingen voor tablet en mobiel | |||||
| Google Fonts | |||||
| Google Fonts lokaal laden (opslaan op eigen server) | |||||
| Custom fonts uploaden | |||||
| Adobe Typekit fonts | |||||
| Font Awesome icoontjes |
| Blog | Astra | OceanWP | Neve | Kadence | Blocksy |
| Keuze uit meerdere layouts voor de blog pagina | |||||
| Masonry blog layout | |||||
| Inifinite scroll (nieuwe berichten worden automatisch geladen) | |||||
| Keuze uit meerdere layouts voor single blog berichten | |||||
| Afmeting uitgelichte afbeelding aanpassen | |||||
| Specifieke meta data tonen of verbergen (auteur, datum, categorieen) | |||||
| Volgorde aanpassen van meta data | |||||
| Laatst geupdate meta data | |||||
| Custom fields gebruiken als meta data (bijv ACF, Toolset, Metabox) | |||||
| Bericht titel tonen in hero (met uitgelichte afbeelding als achtergrond) | |||||
| Gerelateerde berichten | |||||
| Volgende / vorige bericht navigatie | |||||
| Author box (widget met informatie over de auteur) | |||||
| Reading progress balk | |||||
| Leestijd indicatie |
| WooCommerce | Astra | OceanWP | Neve | Kadence | Blocksy |
| Meerdere layouts voor de shop en categorie pagina's | |||||
| Meerdere layouts voor de single product pagina | |||||
| Infinite scroll op shop en categorie pagina | |||||
| Ajax add to cart | |||||
| Winkelwagen icoontje in header | |||||
| Off canvas cart / mini cart | |||||
| Wishlist | |||||
| Quick view | |||||
| Off canvas filters (filter knop) | |||||
| Floating add to cart (blijft bovenaan staan als gebruiker scrollt) | |||||
| Productafbeeldingen tonen als carrousel (op productpagina) |
| Geavanceerde features | Astra | OceanWP | Neve | Kadence | Blocksy |
| Nieuwsbrief inschrijfformulier | |||||
| Cookie notice balk | |||||
| Facebook tijdlijn widget | |||||
| Instagram widget | |||||
| Custom 404 pagina | |||||
| Templates invoegen mbv hooks | |||||
| Templates weergeven in popup (bijv door te klikken op button) | |||||
| Automatische triggers voor popup (na x seconden, scroll %, exit intent) | |||||
| Extra Gutenberg blokken | |||||
| Extra Elementor widgets | |||||
| Google Analytics integratie (zonder plugin) | |||||
| Anonimiseren van Google Analytics data (ivm AVG) | |||||
| Custom code snippets toevoegen aan head, body en footer | |||||
| Aparte instellingen (layout ed) voor custom post types | |||||
| White label | |||||
| Instellingen exporteren / importeren |
| Demo templates / sites | Astra | OceanWP | Neve | Kadence | Blocksy |
| 1 pagina demo layouts | |||||
| Complete site layouts met meerdere pagina's | |||||
| Demo templates voor Gutenberg | |||||
| Demo templates voor Elementor | |||||
| Demo templates voor Brizy | |||||
| Demo templates voor Beaver Builder |
| Support | Astra | OceanWP | Neve | Kadence | Blocksy |
| Uitgebreide documentatie aanwezig | |||||
| Video documentatie aanwezig | |||||
| Support voor gratis gebruikers |
| Snelheid | Astra | OceanWP | Neve | Kadence | Blocksy |
| Google Pagespeed mobile score | 99 | 87 | 99 | 98 | 100 | Google Pagespeed mobile laadtijd (time to interactive) | 1.1 s | 2.7 s | 1.1 s | 1.2 s | 1.1 s |
| Google Pagespeed desktop score | 100 | 100 | 100 | 100 | 100 | Google Pagespeed desktop laadtijd | 0.3 s | 0.4 s | 0.3 s | 0.3 s | 0.3 s |
| WordPress core scripts uitschakelen (bijvoorbeeld emoji's) |
| Prijzen premium versie | Astra | OceanWP | Neve | Kadence | Blocksy |
| 1 website, per jaar | $ 59 | $ 54 | € 59 | $ 79 | $ 49 |
| 5 websites, per jaar | $ 59 | $ 109 | € 59 | $ 79 | $ 69 |
| Ongelimiteerd aantal websites, per jaar | $ 59 | $ 179 | € 59 | $ 79 | $ 99 |
| 1 website, lifetime (geen jaarlijks terugkerende kosten) | $ 249 | $ 222 | $ 699 | $ 149 | |
| 5 websites, lifetime (geen jaarlijks terugkerende kosten) | $ 249 | $ 445 | $ 699 | $ 199 | |
| Ongelimiteerd aantal websites, lifetime (geen jaarlijks terugkerende kosten) | $ 249 | $ 725 | $ 699 | $ 299 |
Snelheidstest
Voor het meten van de snelheid heb ik enkele standaard Gutenberg blokken gebruikt: een hero sectie met een heading, achtergrondafbeelding en een button, daaronder een blok met 3 kolommen, elk met een afbeelding, tekstblok en een button, en een gallery blok met 7 foto’s en 2 buttons.
Vervolgens heb ik steeds de gratis versie van een ander thema geactiveerd (met steeds diezelfde Gutenberg blokken) en een snelheidstest gedaan via Google Pagespeed Insights in een nieuw incognito venster (zodat dingen als browsercache ook geen rol kunnen spelen).
Daarbij was er geen enkele plugin actief, en ook geen caching of andere optimalisatie.
Bob’s favoriet: Blocksy theme
Blocksy is mijn persoonlijke favoriete WordPress thema. Zowel de gratis versie als de betaalde pro versie bieden enorm veel features, de interface is zeer gebruiksvriendelijk, alles ziet er top uit en de prijzen van de pro versie zijn redelijk. Daarnaast worden zeer regelmatig nieuwe features toegevoegd en is de support uitstekend.
Alleen het aantal demo sites is nog vrij beperkt, maar ook die worden regelmatig aangevuld en zijn beschikbaar voor verschillende page builders.
Astra theme
Met meer dan 1 miljoen actieve installaties is Astra één van de populairste WordPress thema’s allertijden. Desondanks blijkt uit bovenstaande vergelijking dat Astra wat minder features biedt dan sommige andere thema’s. Aan de andere kant is er wel heel veel documentatie beschikbaar over hoe je een feature die niet standaard in het thema zit kunt toevoegen, maar daarvoor moet je meestal wel een stukje code of een plugin gebruiken.
Verder heeft Astra een enorm aantal demo sites, waarmee je met 1 klik een complete website importeert die je alleen nog maar aan hoeft te passen aan je wensen. En dat ook nog voor verschillende page builders: de standaard Gutenberg editor, Elementor, Brizy en – als enige uit de lijst – Beaver Builder. Dat, in combinatie met de aantrekkelijke prijzen, verklaart waarom Astra zo populair is.
OceanWP theme
Ook OceanWP is met zo’n 700.000 actieve installaties behoorlijk populair, maar zoals je ziet bevat de kolom van OceanWP behoorlijk wat rode kruisjes.
Toch zijn veel dingen wel mogelijk, maar vereisen ze een omweg. Een aantal voorbeelden:
– OceanWP heeft geen ingebouwde header / footer builder. Maar je kunt wel een custom template maken en die instellen als header / footer. Er zijn echter (nog) geen standaard widgets in WordPress voor dingen als een navigatiemenu, dus er is een extra plugin nodig om een custom header te kunnen maken.
– OceanWP biedt een gratis mega menu optie, waarin je ook een widgetarea kunt toevoegen. OceanWP biedt een aantal custom widgets waaronder een contactgegevens widget en een login widget. Deze kunnen echter niet worden toegevoegd aan de header zelf, alleen aan een dropdown submenu waardoor ze dus niet altijd zichtbaar zijn. Vandaar de rode kruisjes in het overzicht hierboven.
– Ook kun je een aantal dingen apart aanpassen voor het mobiele menu, maar dat is minder flexibel dan in Astra en Blocksy.
In de snelheidstest viel OceanWP op vanwege de wat lagere score op mobiel. Ik heb de test meerdere keren gedaan, maar OceanWP bleef “slechts” 87 op mobiel scoren.
Dat is natuurlijk helemaal geen slechte score, maar wel beduidend lager dan de andere thema’s. Ook de laadtijd op mobiel is met 2.7 seconden een stuk hoger dan die van de andere thema’s.
Neve Theme
Ook Neve is een behoorlijk populair thema met flink wat features. Een aantal van die features (zoals de social sharing knoppen en het nieuwsbrief inschrijfformulier) werkt echter alleen met Elementor en/of de gratis Orbit Fox plugin (van dezelfde maker). Andere dingen (zoals de popup) werken weer uitsluitend in Gutenberg.
Alle licenties zijn voor een onbeperkt aantal websites, maar als je uitgebreide WooCommerce instellingen wilt betaal je € 149,00 per jaar en voor white label betaal je zelfs € 259,00.
Kadence Theme
Veel mensen in de WordPress community zijn lyrisch over het Kadence theme en de bijbehorende Gutenberg plugin Kadence blocks. En ik snap ook wel waarom; ook het Kadence thema heeft behoorlijk wat groene vinkjes, wat betekent dat het behoorlijk wat features biedt in de gratis versie van het thema. Maar… niet zoveel als Blocksy.
Ook de premium versie kan zich niet meten met Blocksy Pro naar mijn mening. Zo bevat de Kadence WooCommerce Shop Kit een aantal interessante functies, maar “basis” dingen als quickview en een wishlist functie lijken te ontbreken. Ik zeg met opzet “lijken”; ik heb geen Kadence Pro licentie en de documentatie is zo beperkt en onoverzichtelijk dat ik geen goed beeld kan vormen van welke features wel en niet zijn inbegrepen.
Hulp nodig met je website?
Dit artikel is geschreven door Bob de webbouwer, een allround website expert die regelmatig blogt 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, jouw website te verbeteren of een training over dit onderwerp te verzorgen.
Dit 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 😉
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 🙂
