OceanWP: snabbt tema och 220 mallar redo att användas för WordPress

OceanWP-tema erbjuder många färdiga funktioner. Men dess egenskaper kan också förbättras genom en mängd gratis eller betalda tillägg. Det är därför ingen överraskning att OceanWP-temat har blivit enormt populärt, med över 700 000 aktiva installationer. Den har också fått ett betyg på 4,9/5 på WordPress.org-webbplatsen, för mer än 5 000 recensioner.

Tack vare OceanWP-temat kan man utan tvekan bygga en webbplats som ser professionellt ut. Men för det måste du använda det betalda paketet (kallat Core Extension Bundle av OceanWP) för att ha alla modeller och alla plugins. Det går även att köpa förlängningarna en och en men det verkar inte särskilt intressant med tanke på den låga prisskillnaden om vi jämför med hela paketet.

Det finns totalt 225 mallar (varav 15 är gratis) och 20 tillägg (varav 7 är gratis ).

De flesta var designade för ett specifikt syfte, till exempel en webbutik eller en webbplats för småföretag. Med detta sagt kan alla mallar användas för alla typer av webbplatser: med OceanWP kan du inte bara ändra färger och teckensnitt utan även den övergripande strukturen på din webbplats.

Mallarna (kallade demos av OceanWP) är indelade i flera kategorier: Skönhet, blogg, fotografi, teknik, barer, hälsa, restauranger, medling, coaching, religion, portfölj, företag, e-handel, tjänster, mode, sport, konst och design, Meditation…

WooCommerce-integrationen är utmärkt, med många ändringar integrerade direkt i din WordPress-webbplats via en popup och flytande kundvagnsfält. Det finns också ett snabbvisningsläge som gör att kunden kan se en produkt utan att behöva lämna den aktuella sidan.

Fortfarande när det gäller kompatibilitet fungerar OceanWP-temat perfekt med menyerna och funktionerna i WPML, plugin som låter dig göra din WordPress-webbplats flerspråkig (66 språk).

Fördelen med Premium Pack jämfört med gratispaketet är att det ger dig tillgång till 12 månaders support och uppdateringar, inklusive nya mallar och nya tillägg som ska visas i OceanWP-katalogen.

Om du vill kolla in några exempel på OceanWP-mallar kan de ses här utan att behöva installera dem.

När det gäller de tillgängliga planerna finns det tre licensplaner. Dessa ger dig tillgång till samma innehåll, skillnaden är i antalet webbplatser som kan skapas: en enda webbplats för den “Personal” planen, 3 webbplatser för “Business” planen, 25 webbplatser för “Agency” planen. Varje plan kan vara årlig eller livstid.

Installera en mall och dess tillägg

OceanWP-temat kommer att vara tillgängligt att ladda ner från WordPress.org eller direkt från sidan Teman i avsnittet WordPress Utseende.

När du har aktiverat OceanWP kommer du att se ett meddelande som rekommenderar att du installerar tre WordPress-plugins: Ocean Extra, Elementor och WP Forms. Faktum är att Ocean extra är ett måste, annars kommer viktiga temafunktioner som till exempel OceanWP-kontrollpanelen inte att visas om Ocean Extra inte är aktiverat.

När Ocean Extra har aktiverats, kommer temapanelmenyn för OceanWP att visas i din adminmeny.

Därefter råder OceanWP användaren att starta installationsguiden och sedan installera de nödvändiga tilläggen för den valda modellen.

På nästa sida kan du anpassa viktiga inställningar för din webbplats, som logotyp, webbplatstitel och slagord. Den här sidan låter dig också välja standardfärger för din webbdesign och länkar.

Det är också möjligt att importera demos med ett klick tack vare OceanWP:s partnerskap med Cloudways.

Anpassa OceanWP

På huvudsidan för temapanelen kan du aktivera och inaktivera delar av OceanWP Theme Customizer.

Nedan hittar du länkar till viktiga anpassarinställningar, som att ladda upp din logotyp och ändra sidhuvud eller sidfot.

Installationsguiden kan också startas igen från denna sida.

Nya flikar och alternativ

I huvudmenyn i WordPress kan vi se att fyra flikar har dykt upp: menyn “Posts Slider “, menyn”Elementor “om du inte har det här tillägget ännu, menyn “Utseende” (som kommer att ha flest alternativ) och slutligen menyn “ThemePanel “.

Alla temainställningar kan exporteras till en “.dat”-fil, vilket är användbart om du vill säkerhetskopiera dina inställningar, vilket kan vara användbart precis innan du installerar ett annat tema eller tillägg.

Du kan inaktivera vissa delar av din webbplats som sidhuvud, sidfot och sidofält. Du kan också ändra rubrikstilen.

Kortkoder kan läggas till före och efter viktiga delar av dina sidor, och du kan ändra logotypen och navigeringsmenyn som används.

Titlar kan ändras helt. Du kan ändra titel, undertext och titelstil. Du kan också stänga av dem helt.

På sidan med skript och stilar kan du aktivera och inaktivera dussintals JavaScript- och CSS-element. Om du inaktiverar element som du inte använder kommer du att minska den totala storleken på dina sidor, vilket i sin tur snabbar upp dina sidors laddningstider.

Viktigt förtydligande: alla ändringar som görs från menyn “Apparence” (“Utseende”) kan förhandsgranskas i realtid, vilket gör det mycket trevligare att konfigurera sidor än att stänga menyer innan resultatet upptäcks.

Men där du verkligen inser att anpassningsmöjligheterna för detta OceanWP-tema är nästan oändliga, är när du ser att sidorna dessutom kan anpassas oberoende för stationära datorer, surfplattor och smartphones! Det är inte en enkel konsultation eller verifiering av webbplatsens utseende efter storleken på skärmarna. Att kunna göra oberoende inställningar på olika typer av enheter gör OceanWP mycket kraftfullt och låter dig dra nytta av utmärkt SEO i Googles ögon.

I denna “Utseende“-menyn innehåller avsnittet “Generella val” 9 undermenyer och det är här du kan hitta de flesta grundläggande parametrar för att justera utseendet på din WordPress-sajt.

Du kan enkelt ändra:

1. stilen på din webbplats design (huvudstil och färger, bakgrundsfärg eller bild, länkfärg),
2. layoutstilen (fliken Allmänna inställningar), med specifika alternativ för söksidan,
3. alternativen för sidornas titel (synlighet, tagg, stil, intern marginal, text och bakgrundsfärger) samt brödsmulans spår (separator, taxonomi, etc.),
4. rulla upp alternativ (stil, position, färger),
5. pagineringsalternativ (justering, teckensnitt, ram, färger),
6. formulärinställningar (kantstilar, färger, teckensnitt, etc.),
7. knappstilar (marginal, kant, färger …),
8. definiera en 404-felsidmall eller dess layout,
9. ikonerna (val mellan “Simple Line Icons” och “Font Awesome Icons”),
10. vissa inställningar relaterade till SEO (bilder),
11. CSS-inställningar för att snabba upp visningshastigheten för dina sidor.

Avsnittet “Typografi” kan redigeras för varje element på din webbplats, inklusive bloggtitlar oberoende.

Sektionen “rubrik” finns också: färger, storlek, marginaler och andra alternativ för din rubrik kan enkelt ändras. Stora bilder och videobanners kan laddas upp för att visas i rubriken.

Slutligen låter avsnittet “sidfot” dig, bland andra alternativ, definiera ditt eget upphovsrättsmeddelande.

Tillägg som erbjuds av OceanWP

De kostnadsfria tilläggen är: Stick Anything, Modal Window, Posts Slider, Demoimport, Custom Sidebar, Product Sharing, Social Sharing, och det viktigaste, Ocean Extra. Alla dessa tillägg kan laddas ner från wordpress.org-webbplatsen eller direkt från ditt WordPress-administrationsområde.

Premiumtillägg är: Helskärm, Cookie Notice, Popup Login, White Label, Portfolio, Woo Popup, Sticky Footer, Ocean Hooks, Elementor Widgets, Side Panel, Sticky Header och Footer Callout.

OceanWP gratis plugins

• Stick Anything är ett enkelt plugin som låter dig klistra in ett visst CSS-element på din sida. Den kan användas för logotyper, formulär…

• Modal Window kan användas för att lägga till innehåll i ett modalt fönster och visa knappen var du vill.

• Posts Slider låter dig visa dina blogginlägg som vackra bilder. Du har full kontroll över storleken på de använda miniatyrerna, antalet bilder och deras hastighet. Du kan också begränsa bilderna till artiklar från en enda kategori, eller tvärtom välja alternativet “slumpmässigt”.

• Demo Import tillåter import med ett klick av demos, widgets och anpassade användarinställningar. Ganska praktiskt för att spara tid.

• Sidofält kan skapas i obegränsat antal och helt anpassas tack vare tillägget Custom Sidebar.

• Plugin-Product Sharing låter WooCommerce-användare visa knappar för delning av sociala medier under produkter.

• Om du vill lägga till delningsknappar under blogginlägg bör du använda tillägget Social Sharing. Plugin-programmet stöder flera sociala medietjänster, inklusive Twitter, Facebook, LinkedIn, Pinterest, samt Telegram och Vkontakte, bland andra.

• Och slutligen Ocean Extra, som vi redan har sett: denna förlängning är nödvändig för temapanelen, skript och stilar och mycket mer.

OceanWP Premium Plugins

• Helskärmstillägget Full Screen låter dig skapa en helskärmsrullande webbplats. Du kan justera rullningshastigheten, lägga till sidonavigeringsfältet och justera navigeringsfärgen för att hjälpa dig att visa ditt önskade innehåll. Du måste aktivera Elementor för att använda detta tillägg.

• Tillägget Cookie Notice tillåter besökare att visa varningen om att webbplatsen använder cookies, för att följa europeisk lagstiftning om cookies och GDPR-förordningen. Innehållet såväl som knappen är helt anpassningsbara, och det finns två meddelandestilar att välja mellan.

• Tillägget Popup Login låter dig skapa ett formulär för att skapa ett konto och logga in för användare av webbplatsen, samt återställa lösenordet. Du kan konfigurera bakgrundsbild, innehåll, titlar, beskrivning och stil för ditt formulär.

• White Label-tillägget låter dig ersätta OceanWP-varumärket med ett eget varumärke, ett användbart alternativ för frilansande utvecklare och webbbyråer. Det är också möjligt att lägga till en egen beskrivning, en egen bild, samt namnet och webbadressen till författaren.

• Portfolio-tillägget kommer att vara särskilt välkommet för alla som vill anpassa visningen av foton på sin presentationssida till det yttersta. Det är också möjligt att konfigurera marginalerna, stoppningen, färgerna, typografin.

• Woo Popup-tillägget visar ett meddelande till kunder när de klickar för att köpa en vara och låter dem veta att produkten har lagts till i deras kundvagn. Du kan konfigurera dina egna texter, såväl som dimensioner, stoppning och ramar för ditt meddelande.

• Tillägget Sticky Footer låter dig visa och konfigurera sidfotens meny, text och färger. Du kan också välja att inte visa den här sidfoten bara på stationära datorer och inte på surfplattor eller smartphones.

• Ocean Hooks-tillägget låter dig visa personligt innehåll i de olika områdena på en webbplats utan att behöva använda ett barntema, tack vare enkla kortkoder och PHP-koder. Du kan alltså differentiera ditt innehåll efter om besökare är anslutna eller inte till din sida. Dessa koder kan läggas till på en sida, på ett blogginlägg eller på en taxonomi.

• Elementor Widgets-tillägget gör det möjligt att konfigurera layouten på webbplatsen, förutom den välkända Elementor-tillägget. Du kommer att ha tillgång till en imponerande lista med mycket användbara widgets: knappar, WooCommerce, lösenordshantering, Google Maps, animationer, titlar, länkar, formulär, navigeringsfält, …

• Sidopaneltillägget Side Panel kommer att lägga till en sidopanel. Den här panelen är lyhörd: den kommer inte att visas på surfplattor eller smartphones, beroende på inställningarna du har definierat. Panelen är helt anpassningsbar: det är möjligt att definiera widgetarna som kommer att ingå i den, sidan där den ska visas, dess bredd, färgerna, …

• Tillägget Sticky Header kommer att användas för att hålla rubriken fixerad överst på sidan, så att du kan bestämma rubrikens höjd och specifika konfigurationer för surfplattor och smartphones. Det är fortfarande möjligt att lägga till ett element mellan toppen av sidan och den fasta rubriken.

• Den senaste förlängningen av OceanWP-katalogen, Footer Callout, kommer att användas för att visa en specifik stapel ovanför sidfoten, som kan aktiveras eller avaktiveras beroende på önskade sidor.

Sammanfattningsvis är OceanWP ett mycket intressant tema på grund av antalet tillgängliga demos, dess anpassningsmöjligheter, dess tillförlitlighet och dess visningshastighet. Det här är också den jag använde för min egen hemsida, i bloggkategorin: Tech-modellen.

Du kan konsultera den här artikeln om de senaste demos samt partnerskapet med Cloudways för att installera dina demos med ett klick.