Hvis du opbygger WordPress-websteder med page builders, har du sandsynligvis stødt på OceanWP. Sammen med GeneratePress og Astra danner det “Big 3” af populære temaer for at parre med WordPress-page builders. Hvis du ikke er bekendt med WordPress-page builder-verdenen, er OceanWP et gratis multifunktionelt WordPress-tema, der giver dig masser af kontrol for at tilpasse dit websteds design via real-time WordPress Customizer. Ikke nok med det, det er også flammende hurtigt!

Det centrale OceanWP tema er gratis og noteret på WordPress.org. Udover det indeholder den også en række gratis og premium-udvidelser, der kan tackle yderligere funktionalitet.

I vores OceanWP-gennemgang deler vi mere om, hvad der gør dette tema så unikt og populært.

Hvorfor er OceanWP så populær?

I stedet for at udpege en enkelt mening, troede vi, det ville være mere nyttigt at dele et par tanker fra brugere i Facebook Elementor-fællesskabet. Du bør se en fælles tråd gennem dem alle:

To kommentarer i Elementor Community Facebook gruppen
To kommentarer i Elementor Community Facebook gruppen
En anden kommentar i Elementor Community Facebook gruppen
En anden kommentar i Elementor Community Facebook gruppen

Grundlæggende er OceanWPs hovedtegning, det at den giver dig mulighed for at tilpasse dit tema på en meget brugervenlig og intuitiv måde via WordPress Customizer, herunder dyb støtte til WooCommerce. OceanWP websteder findes i alle former og størrelser, så hvis du undrer dig over, om et websted bruger OceanWP temaet, kan du tjekke vores WordPress temadetektor-værktøj.

Gennem denne tilpasning kan du enten skabe rammerne for indhold, du designer med en sidebygger, eller du kan tage mere kontrol over dit tema generelt.

Ud over disse kontroller indeholder OceanWP også en række gratis og premium demo sites, der giver dig mulighed for hurtigt at importere et prælevede design, herunder WordPress Customizer indstillinger og en Elementor skabelon til destinationssiden.

Gennem disse demoer kan du hurtigt få OceanWP til at se sådan her ud:

OceanWP sports coach demo
OceanWP sports coach demo

Eller sådan her:

OceanWP eCommerce butik demo
OceanWP eCommerce butik demo

Eller som en af de andre demoer:

Alle OceanWP demoer
Alle OceanWP demoer

For mere magt har OceanWP også gratis og premium-udvidelser til ting som:

  • Popup Login
  • Instagram
  • Hvid mærkning
  • Portefølje
  • WooCommerce Popup
  • Sticky Footer
  • Modal vindue
  • Indlæg Slider
  • Ocean kroge
  • Demo Import
  • Brugerdefineret sidebjælke
  • Elementor Widgets
  • Responsive Side Panel (med widgets inden i)
  • Sticky Header
  • Footer Callout
  • WooCommerce produktdeling
  • Social deling

Og alt dette kommer i en pakke, der er ret let sammenlignet med de fleste WordPress-temaer. Hvilket betyder, at det er godt med hensyn til ydeevne.

Sådan importeres et demo-websted med OceanWP

Det er nemmere at vise dig, hvordan Customizer fungerer med et allerede bygget websted, så lad os starte med et hurtigt kig på, hvor nemt OceanWP gør det, til at importere et demo-websted.

Når du har installeret de gratis Ocean Demo Import og Ocean Extras-tilføjelser fra WordPress.org, kan du importere demo indhold lige fra dit WordPress dashboard:

Sådan importeres en OceanWP demo
Sådan importeres en OceanWP demo

Når du er færdig med demo-processen, skal dit websted se præcis ud som demoen.

For at tilpasse hjemmesidens design af demoen kan du bruge Elementor:

OceanWP bruger Elementor til destinationssiderne i sine demoer
OceanWP bruger Elementor til destinationssiderne i sine demoer

Og for at tilpasse resten af dit tema bruger du WordPress Customizer.

Apropos…

OceanWP WordPress Customizer Indstillinger

WordPress Customizer er, hvor OceanWP virkelig skinner. Selv med meget få af de installerede udvidelser er her det lange sæt af muligheder, du har:

Fuld liste over indstillinger for Customizer
Fuld liste over indstillinger for Customizer

Dybden af disse muligheder går langt ud over, hvad de mest almindelige WordPress-temaer tilbyder.

Lad os se på nogle få eksempler:

Styring af dit overskrift

Et af de områder, som de fleste sidebyggere stadig ikke kan røre ved, er din overskrift… Derfor er det praktisk, at OceanWP giver dig en hel masse muligheder for at kontrollere din overskrift (og “Top Bar” over din overskrift – hvilket er hvad der indeholder kontaktoplysninger og sociale profiler i denne demo):

Indstillinger for header Customizer
Indstillinger for header Customizer

Du kan ikke kun vælge mellem præ-lavede stilarter, du har også masser af nitty-gritty indstillinger til at kontrollere, hvordan det ser ud… ned til den faktiske padding, du tilføjer til din overskrift til forskellige enheder.

Overskriftstil og padding
Overskriftstil og padding

Styring af din blog

Vi kan ikke dække hver enkelt indstilling, men lad os se på to mere…

I Blog-området kan du styre alt fra det generelle layout…

Blog layout muligheder
Blog layout muligheder

…ned til den specifikke bestilling / synlighed af forskellige elementer og meta informationer:

Blog detaljer Customizer indstillinger
Blog detaljer Customizer indstillinger

Kontrol af dit websites typografi

Vil du ændre skrifttyper og skrifttype-farver på dit websted? Intet problem, bare gå til afsnittet Typografi, hvor du vil blive mødt af en anden lang liste over muligheder:

Typografi indstillinger
Typografi indstillinger

Du får lignende dybde i andre områder

Målet med dette afsnit er ikke rigtig at vise dig hver enkelt indstilling (der er meget mere!). I stedet er det at give dig en forståelse af dybden af kontrol, som du kan forvente af WordPress Customizer og OceanWP.

Selvom det helt sikkert tager dig tid til at gennemgå alle indstillingerne, har du beføjelsen til at kontrollere stort set alle vigtige aspekter af dit websted uden at skulle røre nogen kode / CSS direkte.

5 Andre hjælpsomme OceanWP funktioner til at gøre dit liv lettere

Udover demos- og WordPress Customizer-funktionaliteten er her nogle andre standout-funktioner i OceanWP, der vil gøre dit liv nemmere og give dig mere fleksibilitet, når du arbejder på dit websted.

1. Individuelle postkontroller

Med den gratis OceanWP Extras add-on får du adgang til en detaljeret ny meta-boks på individuelle indholdstyper:

Meta box på individuelle indlæg
Meta box på individuelle indlæg

Gennem disse mange muligheder kan du (delvis) kontrollere følgende indstillinger per post eller per page:

  • Skift indholds layout eller sidebar layout
  • Deaktiver header eller topbar
  • Skift logo eller menufarver
  • Deaktiver post / side titel
  • Deaktiver footer
  • Andre mindre funktioner

Selvom disse kontroller kan være nyttige i en række niche-situationer, er de specielt gode, hvis du bruger OceanWP med en page builder, fordi du kan deaktivere elementer, der ellers ville komme i vejen for din page builder.

2. Mulighed for at aktivere / deaktivere specifikke scripts / CSS

Hvis du er bekymret for, hvor hurtigt dit website indlæser, vil du elske at OceanWP lader dig aktivere eller deaktivere individuelle JavaScript-scripts og CSS-uddrag:

Sådan deaktiveres specifikke scripts i OceanWP
Sådan deaktiveres specifikke scripts i OceanWP

Dybest set så kan dette område lade dig deaktivere de ting, du ikke rent faktisk bruger til at fremskynde dit websted.

3. Et stort antal hooks + kondensatorer

Hooks gør det nemt at indsætte indhold i forskellige områder af dit websted uden at skulle redigere temaetss kode direkte. Du kan f.eks. Bruge kooks til at indsprøjte en annonce under din posttitel, eller blot tilføje generelle indhold andre steder.

Når du får styr på hooks, er de super hjælpsomme.

Og når det kommer til hooks skuffer premium-OceanWP Hooks-tilbehøret ikke.

Det giver dig en hel masse hooks. Og det rigtig seje er, at alle disse hooks også giver dig:

  • Kun aktiver hooks’ indhold på specifikt indhold (som bare din hjemmeside)
  • Aktivér kun hooks-indholdet til bestemte brugerroller
OceanWP hooks muligheder
OceanWP hooks muligheder

Selvom hooks selv ikke er unikke i temaer, der retter sig mod denne niche, er den betingede logik og brugerrolle målretning.

4. Dyb WooCommerce integration

En anden af OceanWPs salgspunkter er dens dybe integration med WooCommerce. Hvis du har WooCommerce installeret på dit websted, får du et nyt WooCommerce-område i WordPress Customizer:

OceanWP WooCommerce indstillinger
OceanWP WooCommerce indstillinger

Dette er heller ikke kun et par token-indstillinger. Det bliver temmelig dybt – for eksempel kan du endda tilpasse antallet af upsells og cross-sells på din cart-side, samt aktivere distraktionsfri cart / checkout:

Detaljerede indkøbsvogn / checkout indstillinger
Detaljerede indkøbsvogn / checkout indstillinger

5. Masser af andre udvidelser

Indtil videre har vi ikke engang rørt mange af de andre gratis og premium-udvidelser. Men husk – OceanWP også lader dig tilføje tonsvis af andre nyttige funktionaliteter.

Tjek den fulde liste over udvidelser her.

Hvis du undrer dig over, hvorfor der er så mange udvidelser, er det faktisk en god tilgang, fordi det holder tingene modulære.

I stedet for at tvinge alt til et enkelt tema, hvor du måske eller måske ikke vil have alt det, gør OceanWP det muligt at pege på og vælge den nøjagtige funktionalitet, som du vil holde tingene lette.

OceanWP Speed ​​Tests

Vi var nysgerrige efter at se, hvordan OceanWP udførte, så vi løb et par hurtighedsprøver. Vi importerede hele sportscoach demo indhold på vores dev site (som er vært her hos Kinsta) og tweaked et par små ting. Elementor er også installeret, som anbefalet af OceanWP.

  1. Vi har deaktiveret Google Maps fra sidefoden. Dette er en velkendt performance killer og ærligt bør aldrig være på en hjemmeside nogensinde!
  2. Vi aktiverede Kinsta CDN’en, så aktiverne kunne indlæses hurtigst muligt, uanset hvor vi kørte testen.
  3. Vi har tilføjet Google Analytics til at efterligne et produktionssted tættere.

Vi kørte derefter fem hastighedsprøver og tog gennemsnittet.

OceanWP hastighedstest
OceanWP hastighedstest (kilde: Pingdom)

Wow, 😲 744 ms? Det er ret godt for bogstaveligt et enkelt klik at importere demoindholdet og lave tre små ændringer. Husk, at man med Scripts and Styles Panel nemt kunne gennemgå og optimere dette lidt mere. Men det er dejligt at vide, at med OceanWP, kan du forvente god præstation, lige med det samme!

Hvor meget koster OceanWP?

Det centrale OceanWP tema er 100% gratis. Og der er også 7 gratis udvidelser, som du kan finde på WordPress.org.

Hvis du vil have premium-udvidelserne, kan du enten købe dem individuelt fra og med 9,99 USD hver for brug på et enkelt websted.

Eller hvis du vil have adgang til alle 11 præmiumudvidelser samt alle pro demoerne, kan du købe Core Extensions-pakken, der begynder på 39 USD for et enkelt webstedslicens.

Hvis du vil læse mere om, hvorfor Nicolas, temaets udvikler, besluttede at gå med denne betalingsmodel, tjekke hans indlæg hos Freemius for nogle backstories.

Giv OceanWP et forsøg – det er gratis

Fordi det meste af den centrale OceanWP-funktionalitet er gratis, kan du downloade OceanWP fra WordPress.org og lege med det uden risiko for din tegnebog.

Selvom premium-udvidelser helt sikkert tilføjer nyttige funktionalitet, bør du være i stand til at få en god forståelse af temaet fra bare den gratis version. Så, hvis du kan lide det, kan du altid tilføje disse premiumudvidelser senere.

Nu over til dig – har du nogensinde brugt OceanWP? Hvordan tror du det stabler op til andre multifunktionelle WordPress-temaer?

Brian Jackson

Brian har en stor lidenskab for WordPress, har brugt det i over et årti og udvikler endda et par premium plugins. Brian kan lide blogging, film og vandreture. Opret forbindelse med Brian på Twitter.