Het OceanWP thema biedt veel kant-en-klare functies. Maar de functies kunnen ook worden uitgebreid met een groot aantal gratis of betaalde extensies. Het is dan ook niet verwonderlijk dat het OceanWP thema zeer populair is geworden, met meer dan 700.000 actieve installaties. Het heeft een waardering van 4.9/5 op de WordPress.org website, met meer dan 5000 beoordelingen.
Met het OceanWP thema, kunt u zeker een professioneel ogende website bouwen. Maar daarvoor zult u het betaalde pakket moeten gebruiken (genaamd Core Extension Bundle van OceanWP) om alle sjablonen en plugins te hebben. Het is ook mogelijk om de extensies per stuk te kopen, maar dat lijkt niet erg interessant vanwege het kleine prijsverschil met het hele pakket.
Er zijn in totaal 225 sjablonen (waarvan er 15 gratis zijn) en 20 extensies (waarvan er 7 gratis zijn).
De meeste zijn ontworpen voor een specifiek doel, zoals een online winkel of een website voor kleine bedrijven. Dit gezegd hebbende, alle sjablonen kunnen worden gebruikt voor alle soorten websites: met OceanWP kunt u niet alleen de kleuren en lettertypen veranderen, maar ook de algehele structuur van uw website.
De sjablonen (door OceanWP demo’s genoemd) zijn onderverdeeld in verschillende categorieën: Schoonheid, Blog, Fotografie, Tech, Bars, Gezondheid, Restaurants, Mediation, Coaching, Religie, Portfolio, Business, E-commerce, Diensten, Mode, Sport, Kunst & Design, Meditatie…
De WooCommerce integratie is uitstekend, met veel aanpassingen die direct in uw WordPress site zijn ingebouwd via een pop-up venster en een zwevende winkelwagenbalk. Er is ook een snelle weergavemodus waarmee de klant een product kan bekijken zonder de huidige pagina te hoeven verlaten.
Nog steeds op het onderwerp van compatibiliteit, het OceanWP thema werkt perfect met de menu’s en functies van WPML, de plugin die u toelaat om uw WordPress site meertalig te maken (66 talen).
Het voordeel van het Premium Pakket ten opzichte van het Gratis Pakket is dat het u toegang geeft tot 12 maanden ondersteuning en updates, inclusief nieuwe modellen en uitbreidingen die worden uitgebracht in de OceanWP catalogus.
Als u enkele voorbeelden van OceanWP modellen wilt zien, kunt u die hier bekijken zonder ze te hoeven installeren.
Wat de beschikbare plannen betreft, zijn er drie licentieplannen. Deze geven u toegang tot dezelfde inhoud, het verschil is het aantal sites dat u kunt maken: een site voor het Personal plan, 3 sites voor het Business plan, 25 sites voor het Agency plan. Elk plan kan jaarlijks of levenslang zijn.
Installatie van een model en de uitbreidingen ervan
Het OceanWP thema kan worden gedownload van WordPress.org of rechtstreeks van de thema pagina in de WordPress uiterlijk sectie.
Zodra je OceanWP hebt geactiveerd, krijg je een melding te zien die je aanbeveelt om drie WordPress extensies te installeren: Ocean Extra, Elementor en WP Forms. In feite is Ocean extra inspensable, anders zullen de essentiële functies van het thema, zoals het OceanWP controle paneel, niet worden weergegeven als Ocean Extra niet is geactiveerd.
Zodra Ocean Extra is geactiveerd, zal het themapaneel menu voor OceanWP worden weergegeven in uw administratie menu.
OceanWP adviseert de gebruiker vervolgens de installatie wizard uit te voeren en vervolgens de benodigde extensies voor het gekozen model te installeren.
Op de volgende pagina kunt u de essentiële parameters van uw website aanpassen, zoals het logo, de titel van de site en de slogan. Op deze pagina kunt u ook de standaardkleuren voor uw websiteontwerp en links kiezen.
Het is ook mogelijk om uw demo’s te importeren in een klik dankzij OceanWP’s partnerschap met Cloudways.
OceanWP aanpassen
Op de hoofdpagina van het Thema paneel kunt u secties van de OceanWP Thema Aanpassings Tool in- en uitschakelen.
Hieronder vindt u links naar de belangrijke instellingen van de customiser, zoals het uploaden van uw logo en het wijzigen van uw header of footer.
De configuratie wizard kan ook vanaf deze pagina opnieuw worden gestart.
De nieuwe tabbladen en opties
In het hoofdmenu van WordPress kunnen we zien dat er vier tabbladen zijn verschenen: het Posts Slider-tabblad, hetElementor-tabblad, als u deze uitbreiding nog niet had, het Apparence-tabblad, (die de meeste opties zal hebben) en tenslotte het Theme Panel-tabblad.
Alle thema-instellingen kunnen worden geëxporteerd naar een “.dat” bestand, wat handig is als u uw instellingen wilt bewaren, wat handig kan zijn vlak voor het installeren van een ander thema of extensie.
U kunt bepaalde delen van uw website uitschakelen, zoals de header, de footer en de sidebars. U kunt ook de stijl van de koptekst wijzigen.
Shortcodes kunnen worden toegevoegd voor en na belangrijke delen van uw pagina’s, en u kunt het gebruikte logo en navigatiemenu wijzigen.
De titels kunnen volledig veranderd worden. U kunt de titel, de ondertitel en de stijl van de titel wijzigen. U kunt ze ook volledig uitschakelen.
Op de scripts en stijlen pagina, kunt u tientallen Javascript en CSS elementen aan- en uitzetten. Het uitschakelen van de elementen die je niet gebruikt zal helpen om de totale grootte van je pagina’s te verminderen, wat de laadtijd van je pagina’s zal versnellen.
Belangrijke opmerking: alle wijzigingen in het menu Uiterlijk kunnen in real time worden bekeken, wat het configureren van pagina’s veel aangenamer maakt dan het sluiten van menu’s voordat u het resultaat ziet.
Maar waar je echt beseft dat de aanpassingsmogelijkheden van dit OceanWP thema bijna eindeloos zijn, is wanneer je ziet dat de pagina’s ook onafhankelijk kunnen worden aangepast voor desktops, tablets en smartphones! Het gaat hier niet om een eenvoudige raadpleging of controle van het uiterlijk van de website volgens de grootte van de schermen. De mogelijkheid om onafhankelijke instellingen te maken op verschillende soorten apparaten maakt OceanWP zeer krachtig, en stelt u in staat om te profiteren van een uitstekende ranking in de ogen van Google.
In dit Uiterlijk menu, bevat de Algemene Opties sectie 9 sub-menu’s en het is hier dat u de meeste basisinstellingen zult vinden voor het aanpassen van het uiterlijk van uw WordPress site.
U kunt gemakkelijk wijzigen :
- de ontwerpstijl van uw site (stijl en kleuren van de header, achtergrondkleur of -afbeelding, linkkleur),
- de opmaakstijl (Algemene instellingen tabblad), met specifieke opties voor de zoekpagina,
- opties met betrekking tot de titel van pagina’s (zichtbaarheid, tag, stijl, interne marge, tekst- en achtergrondkleuren) en het broodkruimelspoor (scheidingsteken, taxonomie, enz.),
- de opties voor het omhoog scrollen (stijl, positie, kleuren),
- pagineeropties (uitlijning, lettertype, rand, kleuren) ,
- formulierinstellingen (randstijlen, kleuren, lettertypes, enz.),
- knoppenstijlen (marge, rand, kleuren, enz.),
- een 404-foutpagina sjabloon of lay-out definiëren,
- iconen (keuze tussen “Simple Line Icons” en “Font Awesome Icons”),
- enkele SEO gerelateerde instellingen (afbeeldingen),
- CSS-gerelateerde instellingen om de weergave van uw pagina’s te versnellen.
De Typografie sectie kan worden aangepast voor elk element van uw website, inclusief blog titels onafhankelijk.
Er is ook een rubriek Koptekst : kleuren, grootte, marges en andere opties voor uw koptekst kunnen gemakkelijk worden gewijzigd. Grote afbeeldingen en videobanners kunnen worden geüpload om in de header te verschijnen.
Tenslotte kunt u in de Footer sectie uw eigen copyright boodschap instellen, naast andere opties.
De door OceanWP aangeboden uitbreidingen
De gratis extensies zijn : Stick Anything, Modal Window, Posts Slider, Demo import, Custom Sidebar, Product Sharing, Social Sharing, et la plus importante, Ocean Extra. Al deze extensies kunnen worden gedownload van de wordpress.org website of direct van uw WordPress admin gedeelte.
De Premium extensies zijn : Volledig scherm, Cookie Notice, Popup Login, White Label, Portfolio, Woo Popup, Sticky Footer, Ocean Hooks, Elementor Widgets, Side Panel, Sticky Header et Footer Callout.
De gratis OceanWP extensies
- Stick Anything is een eenvoudige plugin waarmee je een bepaald CSS element op je pagina kunt plakken. Het kan worden gebruikt voor logo’s, formulieren, enz.
- Modal Window kan gebruikt worden om inhoud aan een modaal venster toe te voegen, en de knop weer te geven waar je maar wilt.
- Posts Slider laat je toe om je blogberichten als prachtige dia’s weer te geven. U hebt volledige controle over de grootte van de gebruikte miniaturen, het aantal dia’s en hun snelheid. U kunt de dia’s ook beperken tot items in een enkele categorie, of kiezen voor de optie “willekeurig”.
- Demo Import staat één-kliks import toe van demo’s, widgets en door de gebruiker gedefinieerde instellingen. Nogal praktisch om tijd te besparen.
- Een onbeperkt aantal zijbalken kan worden gemaakt en volledig aangepast met behulp van de Custom Sidebar extensie.
- De Product Sharing plugin stelt WooCommerce gebruikers in staat om social media sharing knoppen onder producten te tonen.
- Als u deelknoppen onder blogberichten wilt toevoegen, moet u de extensie Social Sharing gebruiken. De plugin ondersteunt verschillende social media diensten, waaronder Twitter, Facebook, LinkedIn, Pinterest, maar ook Telegram en Vkontakte.
- En tenslotte Ocean Extra, dat we al gezien hebben: deze extensie is nodig voor het themapaneel, scripts en stijlen, en nog veelmeer.
OceanWP Premium Uitbreidingen
- Met de extensie Full Screen kunt u een website maken die volledig schermt. U kunt de scrollsnelheid aanpassen, een zijbalk toevoegen en de navigatiekleur aanpassen, zodat u de gewenste inhoud kunt weergeven. U moet Elementor activeren om deze extensie te kunnen gebruiken.
- Met de uitbreiding Cookie Notice kunnen bezoekers een waarschuwing krijgen dat de website cookies gebruikt, om te voldoen aande EU-cookiewetgeving en de GDPR. Zowel de inhoud als de knop zijn volledig aanpasbaar, en er is keuze uit twee berichtstijlen.
- Met de Popup Login extensie kunt u een formulier maken voor het aanmaken van een account en het aanmelden van gebruikers van de site, evenals het resetten van wachtwoorden. U kunt de achtergrondafbeelding, inhoud, titels, beschrijving en stijl van uw formulier configureren.
- Met de White Label extensie kunt u het OceanWP merk vervangen door uw eigen merk, een handige optie voor freelance ontwikkelaars en web bureaus. Het is ook mogelijk om uw eigen beschrijving, afbeelding, en de naam en URL van de auteur toe te voegen.
- De Portfolio uitbreiding zal bijzonder welkom zijn voor diegenen die de weergave van foto’s op hun presentatiesite tot het uiterste willen aanpassen. Het is ook mogelijk om de marges, opvulling, kleuren en typografie te configureren.
- De Woo Popup extensie zal een bericht tonen aan shoppers wanneer zij klikken om een item te kopen en hen informeren dat het product is toegevoegd aan hun winkelwagen. U kunt uw eigen teksten configureren, evenals de afmetingen, vulling en randen van uw bericht.
- Met de Sticky Footer extensie kunt u het menu, de tekst en de kleuren van uw voettekst weergeven en configureren. U kunt er ook voor kiezen deze voettekst alleen weer te geven op desktopcomputers en niet op tablet- of smartphoneschermen.
- De Ocean Hooks extensie zal u toelaten om aangepaste inhoud weer te geven in de verschillende gebieden van een site zonder gebruik te maken van een child theme, dankzij eenvoudige shortcodes en PHP codes. Zo kunt u uw inhoud differentiëren naargelang de bezoekers al dan niet verbonden zijn met uw site. Deze codes kunnen worden toegevoegd aan een pagina, een blogbericht of een taxonomie.
- Met de Elementor Widgets extensie kunt u de lay-out van de site configureren, naast de bekende Elementor extensie. U krijgt toegang tot een indrukwekkende lijst van nuttige widgets: knoppen, WooCommerce, wachtwoordbeheer, Google Maps, animaties, titels, links, formulieren, navigatiebalken, enz.
- De uitbreiding Side Panel zal een zijpaneel toevoegen. Dit paneel is responsive: het wordt niet weergegeven op tablets of smartphones, afhankelijk van de instellingen die u hebt gedefinieerd. Het paneel is volledig aanpasbaar: het is mogelijk om de widgets te definiëren die er deel van zullen uitmaken, de kant waar het zal worden weergegeven, de breedte, de kleuren, …
- De Sticky Header extensie wordt gebruikt om de header bovenaan de pagina vast te zetten, zodat u de headerhoogte en specifieke configuraties voor tablets en smartphones kunt bepalen. Het is nog steeds mogelijk om een element toe te voegen tussen de bovenkant van de pagina en de vaste koptekst.
- De nieuwste toevoeging aan de OceanWP catalogus, Footer Callout, wordt gebruikt om een specifieke balk boven de voettekst weer te geven, die aan of uit kan worden gezet, afhankelijk van de pagina.
Samenvattend, OceanWP is een zeer interessant thema vanwege het aantal beschikbare demo’s, de aanpassingsmogelijkheden, de betrouwbaarheid en de snelheid van weergave. Dit is het model dat ik voor mijn eigen website heb gebruikt, in de categorie Blog: het Tech-model.
U kunt dit artikel over de nieuwste demo’s bekijken, evenals de samenwerking met Cloudways om uw demo’s in 1 klik te installeren.
