Om du bygger WordPress-webbplatser med sidbyggare, har du förmodligen stött på OceanWP. Tillsammans med GeneratePress och Astra, bildar den ”Big 3” när det gäller populära teman att para med WordPress sidbyggare. Om du inte är bekant med WordPress sidbyggarvärld, är OceanWP ett gratis flersyftestema för WordPress som ger dig massor av kontroll för att anpassa din webbplatsdesign via WordPress Customizer i realtid. Inte bara det, det är också blixtsnabbt!

OceanWPs kärntema är gratis och listat på WordPress.org. Utöver det innehåller den också en mängd gratis- och premiumtillägg som kan tackla ytterligare funktioner.

I vår OceanWP-recension delar vi mer om vad som gör detta tema så unikt och populärt.

Varför är OceanWP så populärt?

I stället för att ge en enda åsikt tänkte vi att det skulle vara mer användbart att dela ett par tankar från användare i Facebook Elementor-communityt. Du kommer märka en gemensam tråd genom dem alla:

Två kommentarer i Elementor Community Facebook-gruppen

Två kommentarer i Elementor Community Facebook-gruppen

En annan kommentar i Elementor Community Facebook-gruppen

En annan kommentar i Elementor Community Facebook-gruppen

I grund och botten är OceanWP:s huvudattraktion att det ger dig möjlighet att anpassa ditt tema på ett mycket användarvänligt och intuitivt sätt via WordPress Customizer, inklusive djupgående stöd för WooCommerce.

Genom denna anpassning kan du antingen skapa ramen för innehåll som du designar med en sidbyggare, eller så kan du ta mer kontroll över ditt tema i allmänhet.

Utöver dessa kontroller innehåller OceanWP också en mängd gratis och premium demowebbplatser som tillåter dig att snabbt importera en förgjord design, inklusive WordPress Customizer-inställningar och en Elementor-mall för landningssidan.

Genom dessa demos kan du snabbt få OceanWP att se ut så här:

OceanWP sportscoach demo

OceanWP sportscoach demo

Eller så här:

OceanWP e-handelsbutik demo

OceanWP e-handelsbutik demo

Eller som någon av de andra demos:

Alla OceanWP demos

Alla OceanWP demos

För mer kraft har OceanWP också gratis och premium-tillägg för saker som:

Och allt detta kommer i ett paket som är ganska lättviktigt jämfört med de flesta WordPress-teman. Vilket betyder att det är bra när det gäller prestanda.

Så importerar du en demo-webbplats med OceanWP

Det är lättare att visa dig hur Customizer fungerar med en redan byggd webbplats, så låt oss börja med en snabb titt på hur lätt OceanWP låter dig importera en demo-webbplats.

När du har installerat de kostnadsfria Ocean Demo Import och Ocean Extras-tilläggen från WordPress.org, kan du importera demoinnehåll direkt från din WordPress-panel:

Så importerar du en OceanWP demo

Så importerar du en OceanWP demo

När du är klar med demoprocessen, bör din webbplats se ut precis som demon.

För att anpassa startsidedesignen hos demon kan du använda Elementor:

OceanWP använder Elementor för landningssidorna i sina demos

OceanWP använder Elementor för landningssidorna i sina demos

Och för att anpassa resten av ditt tema, använder du WordPress Customizer.

På tal om…

OceanWP WordPress Customizer Inställningar

WordPress Customizer är där OceanWP verkligen skiner. Även med väldigt få av tilläggen installerade, här är den långa uppsättningen alternativ som du har tillgängliga:

Fullständig lista över Customizer-inställningar

Fullständig lista över Customizer-inställningar

Djupet av dessa alternativ går långt utöver vad de flesta vanliga WordPress-teman erbjuder.

Låt oss titta på några exempel:

Kontrollera ditt sidhuvud

Ett av de områden som de flesta sidbyggare fortfarande inte kan röra är ditt sidhuvud… vilket gör det bekvämt att OceanWP ger dig en hel hög med alternativ för att styra ditt sidhuvud (och ”Toppfältet” ovanför ditt sidhuvud – vilket är vad som innehåller kontaktuppgifter och sociala profiler i den här demon):

Sidhuvud Customizer-inställningar

Sidhuvud Customizer-inställningar

Inte bara kan du välja mellan förgjorda stilar, du får också massor av smarta och detaljerade inställningar för att styra hur det ser ut… ner till den faktiska stoppning som du lägger till i ditt sidhuvud för olika enheter:

Sidhuvudets stil och stoppning

Sidhuvudets stil och stoppning

Kontrollera Din Blogg

Vi kan inte täcka varje enskild inställning, men låt oss titta på två till…

I Bloggområdet kan du styra allt från den allmänna layouten…

Blogglayoutalternativ

Blogglayoutalternativ

… ner till specifik ordning/ synlighet av olika element och metainformation:

Bloggdetaljer Customizer-inställningar

Bloggdetaljer Customizer-inställningar

Kontrollera din webbplats typografi

Vill du ändra typsnitt och teckensnittsfärger på din webbplats? Inga problem, bara gå till avsnittet Typografi, där du kommer att mötas av en annan lång lista med alternativ:

Typografiinställningar

Typografiinställningar

Du får liknande djup i andra områden också

Målet med det här avsnittet är inte riktigt att visa dig varje enskild inställning (det finns många mer!). Istället är det att ge dig en förståelse för djupet av kontroll som du kan förvänta dig från WordPress Customizer och OceanWP.

Även om det säkert kommer att ta dig lite tid att gå igenom alla inställningar, har du befogenhet att styra i princip varje viktig aspekt av din webbplats utan att behöva röra någon kod/CSS direkt.

5 Andra Användbara OceanWP Funktioner för att Göra Ditt Liv Enklare

Utöver demos och funktionaliteten hos WordPress Customizer, här är några andra enastående funktioner i OceanWP som kommer att göra ditt liv enklare och ge dig mycket mer flexibilitet när du arbetar på din webbplats.

1. Individuella Inläggskontroller

Med gratistillägget OceanWP Extras får du tillgång till en detaljerad ny metabox på enskilda bitar av innehåll:

Metabox på enskilda inlägg

Metabox på enskilda inlägg

Genom dessa många alternativ, kan du kontrollera (delvis) följande inställningar på en per-inlägg eller per-sida-basis:

Även om dessa kontroller kan vara till hjälp i en mängd olika nischsituationer, är de särskilt bra om du använder OceanWP med en sidbyggare eftersom du kan inaktivera element som annars skulle komma i vägen för din sidbyggare.

2. Möjlighet att aktivera/inaktivera specifika skript/CSS

Om du är orolig över hur snabbt din webbplats laddas, kommer du att älska att OceanWP låter dig aktivera eller inaktivera enskilda JavaScript och CSS-stycken:

Inaktivera specifika skript i OceanWP

Inaktivera specifika skript i OceanWP

I grund och botten kan du med detta område inaktivera de saker som du inte faktiskt använder för att snabba upp din webbplats.

3. Ett Stort Antal Hooks + Villkor

Hooks gör det enkelt att infoga innehåll i olika delar av din webbplats utan att behöva redigera temats kod direkt. Du kan till exempel använda hooks för att infoga en annons under din inläggstitel, eller bara lägga till allmänt innehåll någon annanstans.

Kämpar du med driftstopp och WordPress-problem? Kinsta är hosting-lösningen som är utformad för att spara tid! Kolla in våra funktioner

När du får kläm på hooks, är de superhjälpsamma.

Och när det gäller hooks, gör premiumtillägget OceanWP Hooks ingen besviken.

Det ger dig en hel massa hooks att leka med. Och det riktigt coola är att alla dessa hooks också låter dig:

OceanWP hook-alternativ

OceanWP hook-alternativ

Medan hooks själva inte är unika i teman som riktar sig till denna nisch, är den villkorliga logiken och användarrollsinriktningen mycket unik.

4. Djup WooCommerce-integration

En annan av OceanWP stora fördelar är dess djupa integration med WooCommerce. Om du har WooCommerce installerat på din webbplats får du ett nytt WooCommerce-område i WordPress Customizer:

OceanWP WooCommerce-inställningar

OceanWP WooCommerce-inställningar

Det här är inte bara några få inställningar heller. Det går ganska djupt – till exempel kan du till och med anpassa antalet merförsäljning och korsförsäljningar på din kundvagnssida, samt aktivera distraktionsfri vagn/kassa:

Detaljerade vagn/ kassa-inställningar

Detaljerade vagn/ kassa-inställningar

5. Massor Av Andra Tillägg

Hittills har vi fortfarande inte ens berört många av de andra kostnadsfria och premium-tilläggen. Men kom ihåg – med OceanWP kan du också lägga till massor av andra användbara funktioner.

Kolla in hela listan med tillägg här.

Om du undrar varför det finns så många tillägg, är det faktiskt ett bra tillvägagångssätt eftersom det gör temat modulärt.

I stället för att tvinga allt till ett enda tema där du kanske eller kanske inte vill ha all den funktionaliteten, låter OceanWP dig välja och vraka för att få den exakta funktionaliteten som du vill ha för att hålla temat lättviktigt.

OceanWP Hastighetstest

Vi var nyfiken på hur OceanWP presterade, så vi körde några hastighetstester. Vi importerade det fullständiga Sports Coach demoinnehållet till vår utvecklingswebbplats (som är hostad här på Kinsta) och fixade några småsaker. Elementor installeras också, vilket rekommenderas av OceanWP.

  1. Vi inaktiverade Google Maps från sidfoten. Detta är en välkänd prestandadödare och ärligt bör aldrig vara på en hemsida någonsin!
  2. Vi aktiverade Kinsta CDN så att tillgångarna skulle ladda så fort som möjligt från var vi körde testen.
  3. Vi lade till Google Analytics för att närmare efterlikna en produktionsplats.

Vi körde sedan fem hastighetstester och tog genomsnittet.

OceanWP hastighetstest

OceanWP hastighetstest (källa: Pingdom)

Wow, 😲 744 ms?  Det är ganska bra för bokstavligen importerat demoinnehåll med ett klick och sedan göra tre små förändringar. Kom ihåg att med Scripts and Styles-panelen kan du enkelt gå igenom och optimera detta mer. Men det är bra att veta att OceanWP kan ge dig fantastisk prestanda i princip direkt vid installation!

Hur Mycket Kostar OceanWP?

OceanWPs kärntema är 100% gratis. Och det finns också 7 gratistillägg som du kan hitta på WordPress.org.

Om du vill ha premiumtilläggen kan du antingen köpa dem individuellt med början på $9.99 vardera för användning på en enda webbplats.

Eller, om du vill ha tillgång till alla 11 premiumtillägg, liksom alla Pro Demos, kan du köpa Core Extensions-paketet med börjar på $39 för en enda webbplatslicens.

Om du vill läsa mer om varför Nicolas, temats utvecklare, bestämde sig för att välja denna betalningsmodell, kolla in hans inlägg på Freemius för lite bakgrundshistoria.

Testa OceanWP – Det är Gratis

Eftersom de mesta av OceanWPs kärnfunktionalitet är gratis, kan du ladda ner OceanWP från WordPress.org och leka med det utan att riskera budgeten.

Medan premiumtilläggen definitivt lägger till användbara funktioner, bör du kunna få ett bra grepp om temat från den kostnadsfria versionen. Om du gillar det, kan du alltid lägga till dessa premiumtillägg senare.

Nu är det din tur – har du någonsin använt OceanWP? Hur tror du att det håller måttet mot andra flersyftesteman för WordPress?


Om du tyckte om den här artikeln, då kommer du att älska Kinsta´s hosting-plattform. Effektivisera din hemsida och få support dygnet runt från vårt rutinerade team på WordPress. Vår Google Cloud-drivna infrastruktur fokuserar på auto-skalning, prestanda och säkerhet. Lås oss visa dig skillnaden med Kinsta! Kolla in våra paket