Webstick.club logo Wordpress, Design, SEO, Speed blogg

Nettsted ved hjelp av Wordpress og Divi Theme [2021]

Opprett et nettsted ved hjelp av Wordpress og Divi Theme

Velg et CMS (Wordpress)

Vi antar at du allerede har et domene og hosting, ellers les denne artikkelen først: Velg hosting og domene. OK, vi vil opprette et nettsted nå og trenger et CMS. Det er mange innholdsstyringssystemer (CMS), men vi behandler bare Wordpress her. De aller fleste nettsteder på nettet er i dag opprettet, og det er selvfølgelig en god grunn til det. Det er veldig mange gode forskjellige temaer å finne og integrering av plugin-moduler er enkelt, og det er utallige av dem. Wordpress er også egnet for å bygge raske nettsteder, bra for SEO.

Velg et godt tema (Divi Theme)

Du har nå bestemt deg for å jobbe med Wordpress (ellers les ikke videre), og vi må nå ta det neste valget ved å velge et godt tema. Det er logisk at, akkurat som med CMS, velger den best tilgjengelige, i dette tilfellet den verdensomspennende populære Divi Theme. Å lage et nettsted med Wordpress og Divi Theme kommer til å være. Vi antar at du vet hvordan du installerer Wordpress, hvis ikke les denne artikkelen først.

Gå til. I nettleseren din nettstedet til Elegant Themes og klikk på "Prøv det gratis" for å prøve Divi først eller se Touren (video). Divi Theme kommer med en måneders pengene-tilbake-garanti, så hvis du til slutt er misfornøyd, har du en måned til å gjenvinne pengene dine. Å lage et nettsted med Divi Theme er risikofritt.


Divi


Hvis du er trygg på det vi anbefaler her, kan du også registrer deg umiddelbart og last ned temaet. I fremtiden kan du alltid gå hit for å laste ned den nyeste versjonen av temaet eller for å laste ned et av de 86 andre premium-temaene du får gratis med ditt medlemskap. Å lage et nettsted med Divi Theme har mange fordeler som du ser. Dette er et absolutt toppprodukt og rundt 600 000 mennesker gikk foran deg som kjøpte dette temaet.

Last opp Divi Theme via Wordpress-back-enden

Logg inn på www.yourdomainname.com/wp-admin og gå til "View" >> "Themes". I det nye skjermbildet klikker du på knappen øverst "Legg til nytt". Et nytt skjermbilde: Klikk på knappen øverst i "Last opp tema". Klikk på "Bla gjennom" og finn temafilen på din PC. Du må sannsynligvis først pakke ut den nedlastede filen siden du også har mottatt PSD-filer og så videre. Navnet er divi.zip og filen har uansett omtrent 8,5 MB.


Divi

Klikk "Install Now" og i neste skjermbilde (kan ta en stund) klikk "Activate".

Installer Divi child tema?

Det er to forskjellige typer barnetemaer du kan bruke. Det første er et standard underordnet tema som sørger for at eventuelle endringer i koden til nettstedet fortsatt er der etter en oppdatering av temaet. Den andre typen er et kjøpt design som er spesielt designet for Divi-temaene. Her innser folk hvor populært dette temaet er, det er praktisk talt ingen andre temaer som designere lager barnetemaer for.

De aller beste barnetemaene selges på Divicake, det er også spesielle oppsett og plugin-moduler som ble laget for Divi.


Installere Divi child theme


I denne artikkelen forklarer vi ikke lenger barnetemaer. Du kan fortsett å lese på denne siden om hvordan du lager et barnetema fra Divicake.

Arbeider med Divi-temaet

Vi kan faktisk komme i gang og lage et nettsted. Det er best at du ser på videoen nedenfor som en nederlandsk gutt laget på engelsk. Et veldig tydelig utstillingsvindu for hva som er mulig og hvordan du gjør det.



Videoen er veldig omfattende og tar 3 og en halv time og dekker virkelig alt fra Divi Theme. Nedenfor finner du en andre mye kortere video som viser en rask oversikt. Bra for de med kortere tid som bare vil vite hva som er mulig. Hvis du foretrekker å lese, er det bare å fortsette å lese, så forteller vi deg alt om Divi-temaet.


Divi Dra og slipp visuell sidebygger

Den spesielle egenskapen til Divi Theme er Divi Builder, et dra og slipp-verktøy for å lage sider og innlegg designet for å hjelpe brukerne med å lage sine egne tilpassede sideoppsett uten forsinkelse.


Divi visual editor


Først var Divi Builder en back-end sidebygger. Likevel, etter en løpende oppdatering, har denne sideutvikleren for øyeblikket en front-end WYSIWYG visuell veileder, noe som betyr at du får en live gjennomgang av siden din mens du går løs på den. Du kan uten mye strekk knipse på en ting å brikke bort, inkludert endre innhold.


Divi text editor


For å få utformingen av sidene dine perfekt, kan du flytte komponenter på plass, og raskt endre størrelse på områdene med musen. Ved å bytte til det nye wireframe-oppsettet, kan du uten mye strekk se hvilke komponenter som er på siden din og hvordan designet er organisert.

Utvidelsen av den ubegrensede historikkfiksingen og prøvingen på nytt, akkurat som kapasiteten til å omorganisere sidekomponenter, viser seg også å være nyttig. Generelt har denne overhalingen uendelig forbedret Divi Builder og formidlet et naturlig møte for å endre innhold.


Divi geschiedenis editor


Med Divi Builder kan du lage tilpassede formater for de to innleggene og sidene, ved å bruke det første backend-grensesnittet eller den mer oppdaterte visuelle lederen på forsiden. Designene dine kan inneholde forskjellige rader, og hver rad kan inneholde mange segmenter. Disse designene vil da kunne lastes opp med en av de 46 innholdsmodulene.


Lag et nettsted med Wordpress og Divi Theme module


I tillegg til ganske standard innholdsmoduler, som bilder, tekst, knapper og gallerier, finner du et kraftig utvalg av funksjoner, som du vanligvis trenger å installere ekstra plugin-moduler for å bruke. Slike moduler inkluderer glidebrytere, pristabeller, attester, porteføljeoppsett og mer.


Divi prices


Videre kan alle Divi Builder-modulene tilpasses ved hjelp av WordPress Customizer-grensesnittet, slik at du kan garantere at hver komponent på nettstedet ditt fungerer med din generelle utforming. Du har i tillegg lov til å legge til din egen tilpassede CSS for å tilpasse designene dine og komponentene de inneholder.

I tillegg kan du raskt observere hvilken innvirkning dine progresjoner har på disse modulene på grunn av kapasiteten til live gjennomgang av Customizer. Det er viktig at Divi Builder for øyeblikket også er tilgjengelig som en uavhengig WordPress-modul som kan brukes med ethvert tema.

Forhåndsopprettede oppsett og maler

I komponiseringssesongen hadde Divi Builder +800 design inkludert +100 nettstedspakker, og nye formater er rutinemessig inkludert. På grunn av dette kan du bruke en av de ferdigproduserte nettstedspakkene eller blande og matche de individuelle sideformatene for å lage ditt helt eget tweaked nettsted. Å lage din helt spesielle webarkitektur kan selvsagt også tenkes å starte fra det tidligste stadiet.


Lag et nettsted med Wordpress og Divi Theme design


Hver av disse ferdige designene kan endres ved hjelp av den tidligere nevnte Divi Builder, noe som gir deg tilstrekkelig makt over hvordan nettstedet ditt ser ut. Etter at du har gjort endringene dine, kan du spare dine egne design for nyvasket / fremtidig bruk.

Ferdige hjemmesidesett

 Divi Ready-made homepage layouts


Uansett landingssideformatene, inneholder Divi i tillegg forskjellige porteføljedesigner for distribusjon av arbeidet ditt på nettet.


Lag et nettsted med Wordpress og Divi Theme porteføljeoppsett


Du vil like å finne et anstendig utvalg av interiørdesign som passer for å lage både private og forretningssider.


Divi internal page layouts


Nye Divi-designbunter slippes vanligvis ut av Elegant Themes-gruppen og rapporteres på Elegant Themes-bloggsiden. Videre inneholder dette voksende biblioteket med sideformater og nettsteddemoer, i stedet for ikke-eksklusive arkivfotografier og bilder, unike fotografier og avgrensninger laget av webdesignerne på Elegant Themes. Du står fritt til å bruke disse åpen kildekodebildene, illustrasjonene og annet innhold på nettstedene du oppretter ved hjelp av Divi, inkludert kommersielle prosjekter, uten noen lisensbegrensninger.


Divi agent demo


En legitim analyse av Divi tidligere var at, ikke i det hele tatt som Avada og noen andre kjente WordPress-temaer, Divi ikke inneholdt fullstendige nettsteddemoer, men bare individuelle sideoppsett. Elegant Themes-gruppen har fullstendig hatt en tendens til dette problemet, og Divi-klienter nærmer seg for tiden sannsynligvis de beste nettsteddemoene som nå er tilgjengelige, og flere blir inkludert.

Divi leads split testing tool

En annen komponent som ble inkludert versjon 2.7 var Divi leads split testverktøy. Denne utrolige fremdriftsenheten gjør det ekstremt enkelt å lage mange varianter av sidekomponentene dine, for eksempel knapper, bilder eller oppfordringsaktiviteter, og deretter vise dem til forskjellige fragmenter av gruppen av tilskuere. Årsaken til dette er å oppdage hvilken versjon som gir de beste resultatene.


Divi optimization tool


Delt testing er grunnleggende for hvert nettsted som arbeider med tanke på et bestemt mål. På grunn av Divi Leads er hele prosedyren for å forbedre nettstedet ditt for høyere objektive konverteringsandeler for tiden ekstremt grunnleggende. A / B-testing nytten av Divi Leads planlegger å utvise spekulasjoner fra nettstedoptimalisering.


Divi Leads Rsultater


I tilfelle du klikker på en komponent i Divi Builder-formatet, kan du lage minst en variant av komponenten. Du kan karakterisere målet ditt, på det tidspunktet lene deg tilbake og stole på at resultatet kommer inn.

Temaalternativer

Gjennom Divi-temaalternativpanelet kan du gjøre et enormt antall endringer på nettstedet ditt. Dette inkluderer sammenføyning av sosiale medier, antall nåværende innlegg som skal vises hele tiden (og hvordan du viser dem), navigasjons- og menyinnstillinger og annonsering.


Divi Temaalternativer


I alle fall, med hensyn til tilpasning av nettstedet ditt, vil du finne de viktigste temaalternativene gjennom det instinktive WordPress Customizer-verktøyet. Gjennom dette grensesnittet kan du endre designinnstillinger, typografiske beslutninger, topptekstegenskaper, bunntekstkomponenter, knappestiler, fargevariasjoner og vesentlig mer. Sikkerhetskopiering av WordPress Customizer gir deg mye mer autoritet over tilstedeværelsen av nettstedet ditt når du bruker Divi.


Divi customizer


Siden dette blir gjort helt gjennom Customizer, får du en direkte forhåndsvisning av endringene dine når du gjør dem.

Overførbarhet mellom nettsteder

En annen region hvor Divi glitrer er overførbarheten, for eksempel enkelheten du kan flytte arbeidet ditt med, innstillinger, formater og forskjellige ressurser mellom Divi-drevne nettsteder. Hvis du er en nettspesialist som lager lokaliteter for klienter, eller hvis du har forskjellige egne WordPress-nettsteder, er dette antagelig et enormt trekk som muligens sparer imponerende mengder tid og anstrengelse siden du raskt kan importere og billettinnhold mellom nettsteder.

Nettsted SEO

Prosjektet vårt, å lage et nettsted med Wordpress og Divi Theme, er nå over, men å ha et raskt lastet nettsted som er funnet er ikke nok. Les videre og installer SEO plugin Yoast for å hjelpe deg med tekstene dine, nøkkelord og nettstedskart (gratis versjon er god nok). Installer en god cache-plugin og sett nettstedet ditt på en godt CDN-nettverk for fantastisk sidelastningshastighet.

Les om nødvendig vår komplette håndbok for å installere hurtigbuffer-plugin og CDN: Raskeste CDN-konfigurasjon, Stackpath + Cloudflare + WP raskeste cache



Divi


Kinsta



Bla opp