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:
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. OceanWP-webbplatser finns i alla former och storlekar, så om du undrar om en webbplats använder OceanWP-temat, kolla in vårt temadetektorverktyg för WordPress.
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:
Eller så här:
Eller som någon av de andra demos:
För mer kraft har OceanWP också gratis och premium-tillägg för saker som:
- Popup-Inloggning
- Vitmärkning
- Portfolio
- WooCommerce Popup
- Sticky-Sidfot
- Modalt Fönster
- Inläggsslider
- Ocean Hooks
- Demo-import
- Anpassat sidfält
- Elementor-Widgets
- Responsiv Sidopanel (med widgets inuti)
- Sticky Sidhuvud
- Sidfots-Callout
- WooCommerce Produktdelning
- Social Delning
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:
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:
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:
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):
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:
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…
… ner till specifik ordning/ synlighet av olika element och metainformation:
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:
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:
Genom dessa många alternativ, kan du kontrollera (delvis) följande inställningar på en per-inlägg eller per-sida-basis:
- Ändra innehållslayout eller sidofältslayout
- Inaktivera sidhuvud eller toppfält
- Ändra logotyp eller menyfärger
- Inaktivera inläggs/sidtitel
- Inaktivera sidfot
- Andra mindre funktioner
Ä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:
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.
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:
- Aktivera bara hook-innehållet på specifikt innehåll (som bara din startsida)
- Aktivera endast hook-innehållet för specifika användarroller
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:
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:
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.
- 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!
- Vi aktiverade Kinsta CDN så att tillgångarna skulle ladda så fort som möjligt från var vi körde testen.
- Vi lade till Google Analytics för att närmare efterlikna en produktionsplats.
Vi körde sedan fem hastighetstester och tog genomsnittet.
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?
Brian har stor passion för WordPress och har använt det i över ett årtionde, han har till och med utvecklat ett par premium-plugins. Brian gillar att blogga, kolla filmer och hiking. Ta kontakt med Brian via Twitter.
Lämna ett svar