Als je WordPress-sites bouwt met page-builders, ben je waarschijnlijk OceanWP tegengekomen. Samen met GeneratePress en Astra vormt het de “Big 3” van populaire thema’s om te combineren met WordPress page-builders. Indien je niet bekend bent met de wereld van de WordPress page-builders: OceanWP is een gratis, multifunctioneel WordPress-thema dat je veel controle biedt voor het aanpassen van het design van jouw site via de realtime WordPress Customizer. En niet alleen dat, het is ook nog eens razendsnel!

De kern van het OceanWP thema is gratis en wordt vermeld op WordPress.org. Daarnaast bevat het ook een aantal gratis en premium extensies die extra functionaliteit bieden.

In onze OceanWP review zullen we meer vertellen over wat dit thema zo uniek en populair maakt.

Waarom is OceanWP zo Populair?

In plaats van een enkele mening te laten zien, dachten we dat het nuttiger zou zijn om een aantal opmerkingen van gebruikers in de Facebook Elementor community te delen. Je zou een rode draad in deze opmerkingen moeten ontdekken:

Twee reacties in de Elementor Community Facebook Groep

Twee reacties in de Elementor Community Facebook Groep

Een andere reactie in de Elementor Community Facebook Groep

Een andere reactie in de Elementor Community Facebook Groep

Kort gezegd, de belangrijkste strekking van OceanWP is dat het je de mogelijkheid geeft om op een zeer gebruiksvriendelijke, intuïtieve manier het thema kunt aanpassen via de WordPress Customizer, inclusief uitgebreide ondersteuning voor WooCommerce.

Via deze customizer kan je een kader voor de content maken dat je vervolgens met een page-builder ontwerpt, of je kunt gewoon meer controle krijgen over jouw thema in het algemeen.

Naast deze besturingselementen bevat OceanWP ook een verscheidenheid aan gratis en premium demo-sites waarmee je snel een ontwerp, waaronder WordPress Customizer-instellingen en een Elementor-template voor een landingspage, kunt importeren.

Met deze demo’s kun je OceanWP snel er zo uit laten zien:

OceanWP Sport Coach Demo

OceanWP Sport Coach Demo

Of zoals dit:

OceanWP eCommerce Demo

OceanWP eCommerce Demo

Of meer zoals de andere demo’s:

Alle OceanWP Demos

Alle OceanWP Demos

Voor nog meer kracht heeft OceanWP ook gratis en premium extensies voor dingen zoals:

  • Popup login
  • Instagram
  • White labeling
  • Portfolio
  • WooCommerce Popup
  • Sticky Footer
  • Modal Window
  • Berichten Slider
  • Ocean Hooks
  • Demo Import
  • Custom Sidebar
  • Elementor Widgets
  • Responsive Side Panel (Met widgets)
  • Sticky Header
  • Footer Callout
  • WooCommerce Product Delen
  • Social Sharing

En dit alles komt in een pakket dat relatief lichtgewicht is in vergelijking met de meeste WordPress-thema’s. Wat betekent dat het geweldig is in termen van prestaties.

Hoe Importeer je een Demo Site met OceanWP

Het is eenvoudiger om je te laten zien hoe de Customizer werkt met een al gebouwde site, dus laten we beginnen met het kijken naar hoe gemakkelijk OceanWP het maakt om een demo-site te importeren.

Zodra je de gratis plugin Ocean Demo Import en Ocean Extras van WordPress.org hebt geïnstalleerd, kan je demo-content rechtstreeks vanuit jouw WordPress-dashboard importeren:

Hoe importeer je een OceanWP demo

Hoe importeer je een OceanWP demo

Nadat je het demo-proces hebt voltooid, moet jouw site er precies zo uitzien als de demo.

Om het ontwerp van de homepagina van de demo aan te passen, kan je Elementor gebruiken:

OceanWP maakt in de demo gebruik van Elementor voor de landingspagina’s

OceanWP maakt in de demo gebruik van Elementor voor de landingspagina’s

En om de rest van het thema aan te passen maak je gebruik van de WordPress Customizer.

Daarover gesproken…

OceanWP WordPress Customizer Instellingen

De WordPress Customizer is waar OceanWP echt uitblinkt. Zelfs wanneer je weinig extensies hebt geïnstalleerd vind je hier een lange lijst met opties:

Complete lijst met instellingen van de Customizer

Complete lijst met instellingen van de Customizer

Deze opties zijn vele malen uitgebreider dan wat de meeste reguliere WordPress thema’s bieden.

Laten we naar een aantal voorbeelden kijken:

Jouw Header Beheren

Een van de gebieden die de meeste page-builders nog steeds niet kunnen beheersen, is jouw header… daarom is het handig dat OceanWP je een hele reeks opties biedt voor het bewerken van de header (en de “Top Bar” boven jouw header – wat content zoals contactinformatie en sociale profielen in deze demo bevat):

Header instellingen

Header instellingen

Je kunt niet alleen kiezen uit vooraf gemaakte stijlen, maar je hebt ook veel subtiele instellingen om te bepalen hoe het eruit ziet… tot aan de daadwerkelijke opvulling die je aan je header toevoegt voor verschillende apparaten:

Header styling en padding

Header styling en padding

Je Blog Beheren

We kunnen niet elke instelling hier beschrijven, maar laten we nog naar twee andere kijken…

In het Blog gedeelte kan je alles beheren, van de algemene layout…

Blog layout opties

Blog layout opties

…tot aan de specifieke volgorde/zichtbaarheid van de verschillende elementen en meta informatie:

Blog Details Customizer instellingen

Blog Details Customizer instellingen

De Typografie van Jouw Site Beheren

Wil je de lettertypen en kleuren op jouw site wijzigen? Geen probleem, ga gewoon naar het gedeelte over typografie, waar je wordt begroet door een lange lijst met opties:

Typografie instellingen

Typografie instellingen

Je hebt die Zelfde Uitgebreide Opties ook in Andere Secties

Het doel van deze sectie is niet echt om je elke instelling te laten zien (er zijn er nog veel meer!). In plaats daarvan geeft het je inzicht in de mate van controle die je kunt verwachten van de WordPress Customizer en OceanWP.

Hoewel het je zeker enige tijd zal kosten om alle instellingen te doorlopen, heb je de macht om vrijwel elk belangrijk aspect van de site te beheren zonder dat je code of CSS rechtstreeks hoeft aan te passen.

5 Andere Nuttige OceanWP Features om jouw Leven Gemakkelijker te Maken

Naast de demo’s en de functionaliteit van WordPress Customizer zijn hier nog enkele andere opvallende kenmerken van OceanWP die jouw leven gemakkelijker zullen maken en je veel meer flexibiliteit zullen geven bij het werken op de site.

1. Controle over Individuele Posts

Met de gratis OceanWP Extras add-on krijg je toegang tot een gedetailleerde nieuwe meta-box voor afzonderlijke stukjes content:

Meta-box voor individuele posts

Meta-box voor individuele posts

Via deze opties kan je (gedeeltelijk) de volgende instellingen per bericht of per pagina beheren:

  • Wijzig de lay-out van de inhoud of de lay-out van de zijbalk
  • Schakel header of topbar uit
  • Verander logo of menu kleuren
  • Post / pagina titel uitschakelen
  • Schakel de footer uit
  • Andere kleinere functies

Hoewel deze instellingen nuttig kunnen zijn in verschillende niche situaties, zijn ze vooral handig als je OceanWP gebruikt in combinatie met een page-builder omdat je elementen kunt uitschakelen die jouw page-builder anders in de weg zouden kunnen zitten.

2. Mogelijkheid om Specifieke Scripts/CSS in of uit te schakelen

Als jij je zorgen maakt over hoe snel de website wordt geladen, zal je ervan houden dat je met OceanWP individuele JavaScript- en CSS-fragmenten kunt in- of uitschakelen:

Zo schakel je specifieke scripts uit in OceanWP

Zo schakel je specifieke scripts uit in OceanWP

Simpel gezegd, deze sectie maakt het mogelijk om dingen die je niet gebruikt uit te schakelen om je website sneller te maken.

3. Een enorme hoeveelheid aan Hooks + Voorwaarden

Met hooks kan je eenvoudig content invoegen in verschillende delen van de site zonder dat je de code van het thema hoeft te bewerken. Zo kun je bijvoorbeeld hooks gebruiken om een advertentie onder jouw bericht titel te plaatsen, of algemene content ergens anders toe te voegen.

Downtime en WordPress problemen? Kinsta is de hosting oplossing speciaal ontworpen om jou tijd te besparen! Bekijk onze kenmerken

Als je eenmaal door hebt hoe hooks werken, zijn ze extreem nuttig.

En als het op hooks aankomt, stelt de premium OceanWP Hooks add-on niet teleur.

Het geeft je een hele hoop hooks. En het leuke is dat al deze hooks je ook de mogelijkheid bieden om:

  • De hook content op specifieke plekken in te schakelen (bijvoorbeeld op je homepage)
  • De hook in te schakelen voor specifieke gebruikersrollen.
OceanWP hooks opties

OceanWP hooks opties

Hoewel hooks zelf niet uniek zijn in thema’s, de voorwaardelijke logica en targeting op gebruikersrollen is dat wel.

4. Uitgebreide WooCommerce Integratie

Another one of OceanWP’s selling points is its deep integration with WooCommerce. If you have WooCommerce installed on your site, you’ll get a new WooCommerce area in the WordPress Customizer:

OceanWP WooCommerce instellingen

OceanWP WooCommerce instellingen

Dit zijn niet maar een paar token-instellingen. Het is behoorlijk uitgebreid – je kunt bijvoorbeeld zelfs het aantal up-sells en cross-sells op je winkelwagen pagina aanpassen, en ook afleiding-vrije winkelwagen / kassa inschakelen:

Gedetailleerde winkelwaken/kassa instellingen

Gedetailleerde winkelwaken/kassa instellingen

5. Veelheid aan Andere Extensies

Tot nu toe hebben we nog niet eens de andere gratis en premium extensies benoemd. Maar onthoud – met OceanWP kun je ook heel veel andere nuttige functionaliteiten toevoegen.

Bekijk hier de volledige lijst met extensies.

In het geval dat je je afvraagt waarom er zoveel extensies zijn, dit is eigenlijk een goede aanpak omdat het de dingen modulair houdt.

In plaats van alles in een enkel thema te forceren waar je al die functionaliteit wel of niet wilt, kun je met OceanWP uitzoeken en kiezen voor de exacte functionaliteit waarmee je de website licht houd.

OceanWP Snelheidstesten

Wij waren benieuwd hoe OceanWP presteerde, dus we hebben een paar snelheidstesten uitgevoerd. We hebben de volledige Sports Coach-demo content geïmporteerd op onze dev-site (die bij Kinsta wordt gehost) en een paar kleine dingen aangepast. Elementor is ook geïnstalleerd, zoals aanbevolen door OceanWP.

  1. We hebben Google Maps in de voettekst uitgeschakeld. Dit is een bekende prestatie moordenaar en, eerlijk gezegd, zou nooit op een homepage moeten staan!
  2. We hebben de Kinsta CDN ingeschakeld, zodat de items zo snel mogelijk konden worden geladen, ongeacht waar we de testen hebben uitgevoerd.
  3. We hebben Google Analytics toegevoegd om een productiesite beter na te bootsen.

We hebben daarna vijf snelheidstesten uitgevoerd en daarvan het gemiddelde genomen.

OceanWP snelheidstest

OceanWP snelheidstest (Bron: Pingdom)

Wow, 😲 744ms? Dat is best goed voor een letterlijke one-click demo en drie kleine wijzigingen. Vergeet niet dat je met het Scripts and Styles Paneel makkelijk verder kunt gaan en dit wat meer kunt optimaliseren. Maar het is geweldig om te weten dat je bij OceanWP vrijwel meteen kunt genieten van geweldige prestaties!

Hoeveel Kost OceanWP?

Het kern thema OceanWP is 100% gratis. En er zijn ook 7 gratis extensies die te vinden zijn op WordPress.org.

Als je de premium-extensies wilt, kan je deze afzonderlijk aanschaffen vanaf $9,99 per stuk voor gebruik op een enkele site.

Of, wanneer je toegang wilt tot alle 11 premium extensies, evenals alle Pro Demo’s, kan je de Core Extensions bundel kopen vanaf $39 voor een enkele site licentie.

Als je meer wilt weten waarom Nicolas, de ontwikkelaar van het thema, besloot om te kiezen voor dit betaalmodel, lees dan zijn bericht op Freemius voor wat achtergrond informatie.

Probeer OceanWP eens — Het is Gratis

Omdat de meeste en belangrijkste OceanWP functies gratis zijn, kun je OceanWP van WordPress.org downloaden en ermee spelen zonder enig risico voor je portemonnee.

Hoewel de premium extensies zeker nuttige functionaliteit toevoegen, zou je in staat moeten zijn om een goed idee te krijgen van het thema door alleen de gratis versie. Als het thema je bevalt, kun je die premium extensies later altijd nog toevoegen.

Nu is het aan jou – heb je ooit OceanWP gebruikt? Hoe denk je dat het in verhouding tot andere multifunctionele WordPress-thema’s staat?


Als je dit artikel leuk vond, dan zul je gek zijn op Kinsta’s WordPress hosting platform. Of het nu gaat om het versnellen van jouw website of het krijgen van 24/7 support van ons ervaren WordPress-team. Onze door Google Cloud aangedreven infrastructuur is gericht op automatische schaalbaarheid, prestaties en beveiliging. Laat ons jou het Kinsta verschil tonen! Bekijk onze pakketten