Divi: Det beste WordPress-temaet hele tiden!

mer 901.000 nedlastinger, Divi er det mest populære WordPress-temaet i verden. Den er komplett, enkel å bruke og leveres med mer enn 62 gratis maler.

Elementor tilbyr regelmessig temaer som hjelper deg å bygge et komplett nettsted ut av disse. Hver måned slipper vi nye temaer som er bygget opp rundt en bestemt nisje, men likevel fleksible nok til at du endelig kan tilpasse dem til dine egne behov.

Kombinert med Elementor Pro hjelper disse temaene deg raskt i gang med alle deler av nettstedet ditt, inkludert:

pstatiske aldre, som hjemmesiden,

  • toppteksten
  • bunnteksten
  • side 404
  • arkivdelen 
  • bloggen
  • Pop-ups og andre

Så i denne opplæringen skal vi vise deg hvordan du bygger et komplett nettsted ved hjelp av Elementor-visuelle sidebygger.

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Hvordan bygge et komplett nettsted med elementære temaer

I denne opplæringen lærer du hvordan du bruker et tema som grunnlag for alle viktige deler av nettstedet ditt, og deretter setter du det sammen for å lage et sammenhengende nettsted.

Mer presist, temaet Digital Agency.

Nettstedet ditt vil ha en rekke grunnleggende sider, for eksempel sider:

  • Velkommen
  • À propos
  • Tjenester
  • klienter
  • Blogg
  • Kontakt Oss

Og det tilbyr også seksjoner dedikert også til dynamisk innhold. For eksempel samsvarer blogginnleggsarkivene og postmalene dine frittstående sider automatisk. Du kan også endre topptekst, bunntekst og sider 404.

Hvordan lage et komplett nettstedelement eller blogpascher 1

Så hvordan lager du et nettsted med Elementor-tema:

1. Installer og aktiver Elementor Hello-temaet 

Fordi du skal bruke Elementor og en temamal for å bygge hele nettstedet ditt, trenger du ikke søke etter andre elementer.

I stedet trenger du bare et lett, ytelsesoptimalisert nettsted, som Elementor Hello-temaet gir.

For å komme i gang, gå til Utseende → Temaer → Legg til og søk " Hallo Elementor". Deretter installerer og aktiverer du temaet. 

2. Konfigurer de grunnleggende statiske sidene på nettstedet ditt

Gå deretter til menyen Sider → Legg til å lage grunnleggende sider på nettstedet ditt.

Lag først en side som heter " Velkommen "Og klikk på knappen Rediger med Elementor for å starte Elementor.

Klikk på innstillinger for å åpne sideinnstillinger og endre layouten slik at den er lik Elementor Fullwidth.

Åpne deretter Elementor-malbiblioteket og søk etter "Digital Agency" under sider :

Du bør se en liste over sidemaler for dette temaet. Sett inn mal Hjemmeside fra listen over modeller.

Nå skal du se en full hjemmeside. Overskriften ser litt kjedelig ut for nå - men ikke bekymre deg, vi fikser det snart.

Deretter legger du til en annen side som skal brukes for " À propos".

Opprett enkelt nettstedet ditt med Elementor

Elementor lar deg lage Enkelt og gratis ethvert nettsted eller bloggdesign med et profesjonelt utseende. Slutt å betale mye for et nettsted du kan gjøre selv.

Som før, opprett en side og endre layout til Elementor Fullwidth. Åpne deretter malbiblioteket og sett inn malen Om av Digital Agency-temaet.

Nå er det bare å gjenta den samme prosessen for å lage alle de andre sidene, inkludert: tjenester, Kunder, og Kontakt.

Ikke bekymre deg for Bloggsiden ennå. Denne siden er ikke statisk som de andre. Av denne grunn oppretter du det der via en annen metode (som vi vil dekke senere i denne opplæringen).

For å fullføre konfigureringen av de statiske sidene dine, må du be WordPress-installasjonen din om å bruke en statisk startside. Å gjøre dette…

  • Fortsett Innstillinger → Avspilling
  • velge  En statisk side (velg nedenfor) under hjemmesideinnstillingene 
  • Velg siden som inneholder temas hjemmeside mal

3. Lag de andre delene av nettstedet ditt

Nå er du klar til å bygge de andre delene av nettstedet ditt ved hjelp av Elementor. Elementor lar deg gå lenger enn å lage statiske sider (som du gjorde ovenfor).

Med Elementor kan du også designe seksjoner som: en-hode; bunnteksten osv.

Og takket være Elementor-temaet vil du kunne importere maler for alle seksjonene som allerede er på de statiske sidene du opprettet i forrige trinn.

For å få tilgang til Elementors visuelle byggmester, gå til Maler→ Temabygger. Du må installere Elementor Pro for å kunne få tilgang til den.

Nå er det på tide å lage seksjonene dine

header

Gå til fanen for å komme i gang Header av grensesnittet til visuell byggherre, og klikk deretter Legg til ny. På neste skjermbilde vil du se et utvalg maler i Elementor-biblioteket. Akkurat som du gjorde med statiske sider, søk etter "Digital Agency", og sett inn:

Elementor - sett inn overskriftsmal

Nå skal du se en visuell forhåndsvisning av overskriften din, samt en navigasjonsmeny fra malen du satte inn.

Hvis du vil endre det

  • Fortsett  Utseende → Menyer i WordPress-oversikten
  • Lag en ny meny

Når du har opprettet en meny, kan du legge til sidene du opprettet i trinn 2 i navigasjonsmenyen.

Les også: 10 automatiseringsverktøy for markedsføring av små bedrifter

Når du er ferdig med å legge til menyelementer, lagrer du menyen og går tilbake til overskriftsmalen i Elementor-grensesnittet.

deretter publisere overskriften din og bruk visningsbetingelser for å vise overskriftsmalen på hele nettstedet. Hvis du vil, kan du også bruke visningsbetingelser for å lage forskjellige overskrifter for forskjellige typer innhold:

Trykk deretter Lagre og lukk

bunntekst

Nå er det på tide å opprette nettstedets bunntekst:

  • Gå tilbake til det visuelle sidebyggergrensesnittet
  • Klikk på fanen Bunntekst 
  • Klikk på knappen for å Legg til ny bunntekst
  • Gi et navn til bunnteksten i popup-vinduet og klikk på Lag mal

Nå skal du se en liste over bunntekstmaler akkurat som du gjorde med overskriften. Søk etter "Digital Agency" og sett inn bunntekstmalen.

Ønsker du å selge produktene dine på internett?

Last ned WooCommerce gratis, de beste e-handelspluginene for å selge dine fysiske og digitale produkter på WordPress og enkelt lage din nettbutikk. Perfekt for nybegynnere.

Når du har satt inn bunntekstmalen, bør du se en forhåndsvisning av bunnteksten:

deretter publisere bunntekstmalen din og bruk visningsbetingelsene til å vise den på hele nettstedet.

Bloggside

I motsetning til de statiske sidene du opprettet i trinn 2, er nettstedets bloggside en " arkiv~~POS=TRUNC ". I utgangspunktet betyr dette at den dynamisk viser det nyeste innholdet fra nettstedet ditt.

Hvis en bruker klikker på et spesifikt element på bloggsiden, vil de bli ført til en side som viser innholdet til det elementet. Dette kalles "single"-siden. Ditt unike design sikrer at alt innholdet ditt vil se likt ut – det eneste som endres er det faktiske innholdet (som posttittel, brødtekst, fremhevet bilde osv.).

Discover Hvordan legge til innholdsfortegnelse i WordPress med Elementor

Hvis du vil opprette arkivsider og unike sidemaler, må du bruke Visual Visual Builder - ikke soner side ou Artikkel WordPress standard.

Å begynne…

  • Åpne Theme Builder-grensesnittet
  • Gå til arkfanen
  • Klikk Legg til ny
  • Gi det et navn og klikk på Opprett mal

Som med topptekst og bunntekst, vil du se en liste over arkivmaler. Se etter "Digital Agency" -malen og sett den inn.

Nå bør du se den grunnleggende utformingen av artikkelsiden din.

Det skal bemerkes at hvis du bare ser én artikkel er det normalt, fordi WordPress bare kommer med et standardeksempel som er "Hello World! ".

Foreløpig er alt du trenger å gjøre publisere arkivsiden din og sett den til å vises på alle arkiver.

Les vår guide på Hvordan manuelt migrere et WordPress-nettsted

Deretter kan du gå til innleggsmenyen i dashbordet ditt og lage nye blogginnlegg. Tilordne hvert element til en kategori kalt "Nyheter".

Nå, når du går til bloggsiden din, bør du automatisk se alle disse nye innleggene:

Oppretting av siden for blogginnleggsmalen

På dette tidspunktet har bloggsiden din et ganske brukervennlig utseende. Men hvis du klikker på et bestemt blogginnlegg, vil ikke oppsettet samsvare med resten av nettstedet ditt.

For å løse dette problemet, må du lage en "unik" mal med Elementor:

  • Åpen Elementor visuell byggherre
  • Gå til fanen enslig Post
  • Klikk på Legg til ny

I popup-vinduet Ny mal :

  • Gi ham et navn
  • Velg Post i rullegardinlisten Velg Innleggstype. Dette forteller Elementor at du vil bruke denne malen for blogginnleggene dine (i motsetning til Pages eller noen annen tilpasset innleggstype du kan bruke)

Nok en gang vil du se Elementor-malbiblioteket. Finn den unike artikkelmalen til "Digital Agency" -malen og sett den inn.

Les også Vedlikeholdsmodus på WordPress: Forklaring og konfigurasjon

Hvis du vil, kan du bruke de mange dynamiske publiseringsdata-widgetene til å kontrollere utseendet på siden din.

Hvis du for eksempel modifiser widgeten  Innlegginfo, vil du være i stand til å kontrollere metadataelementene som vises, som på publikasjonen ...

  • Forfatter
  • Publiseringsdato
  • kommentarer
  • Etc.

Når du er fornøyd med varemodellen din, klikker du publisere. Deretter kan du bruke visningsalternativene slik at denne unike malen bare gjelder innlegg i kategorien "Utover nyheter":

  • Velg fra kategori
  • Velg kategori Nyheter

Trykk deretter Lagre og lukk.

Nå skal alle blogginnleggene dine ha et design som samsvarer med resten av nettstedet ditt.

For å fullføre ting, gå til Utseende → Menyer og legg til bloggsiden din i navigasjonsmenyen. For å gjøre dette kan du legge til en lenke til kategorien "Nyheter" i seksjonen Kategorier.

Page 404

Til slutt må du opprette 404-siden på nettstedet ditt. 404-siden på nettstedet ditt er det besøkende vil se om de følger en ødelagt lenke eller prøver å besøke en side som ikke eksisterer.

Oppdag også vår 5 WordPress plugins for å bedre håndtere feil 404

For å lage 404-siden din, bruk Elementor visuelle byggmester for å legge til en annen unik mal.

  • Åpen Elementor visuell byggherre
  • Gå til fanen error 404
  • Klikk på Legg til ny
  • Sett inn Digital Agency-mal fra 404 side
404 side - lag en komplett nettside

Deretter publiserer du malen din for å fullføre nettstedet ditt.

Få Elementor Pro nå!

konklusjonen

Her er ! Det er det for denne guiden som viser deg trinn for trinn hvordan du bygger et komplett nettsted med Elementor. Hvis du har det kommentarer eller forslag, ikke nøl med å gi oss beskjed i den reserverte delen.

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine

...

0 aksjer
del
tweet
Enregistrer