Elementor tilbyr regelmessig temaer som hjelper deg opprette et nettsted komplett fra 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, disse temaene hjelper deg å komme raskt i gang med alle deler av nettstedet ditt, inkludert:
pstatiske aldre, som hjemmesiden,
- toppteksten
- bunnteksten
- side 404
- arkivdelen
- bloggen
- Pop-ups og andre
I denne opplæringen vil vi vise deg hvordan lage en nettside fullfør ved å bruke den visuelle sidebyggeren Elementor.
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 setter deretter alt sammen for opprette et nettsted sammenhengende.
Mer presist, temaet Digital Agency.
Nettstedet ditt vil ha en rekke grunnleggende sider, for eksempel sider:
- Velkommen
- À propos
- Tjenester
- Klenter
- Blogg
- Kontakt
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.
så her hvordan lage en nettside med et 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".
Som før, opprett en side og endre layout til Elementor Fullwidth. Åpne deretter malbiblioteket og sett inn malen Om oss 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:
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.
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
Deretter publiserer du malen din for å fullføre nettstedet ditt.
Få Elementor Pro nå!
konklusjonen
Så! Det er alt for denne guiden som viser deg trinn for trinn hvordan lage en nettside komplett 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.
...
