Elementor tilbyder jævnligt temaer, der hjælper dig oprette et websted komplet fra disse. Hver måned frigiver vi nye temaer, der er bygget op omkring en bestemt niche, men alligevel fleksible nok til, at du endelig kan tilpasse dem til dine egne behov.
Kombineret med Elementor Pro, disse temaer hjælper dig med at komme hurtigt i gang med alle dele af dit websted, inklusive:
pstatiske aldre, som startsiden,
- headeren
- sidefoden
- side 404
- arkivafsnittet
- bloggen
- Pop-ups og andre
I denne tutorial viser vi dig hvordan man opretter en hjemmeside fuldfør ved hjælp af den visuelle sidebygger Elementor.
Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog
Så tilbage til, hvorfor vi er her.
Sådan bygger du et komplet websted med elementortemaer
I denne tutorial lærer du, hvordan du bruger et tema som grundlag for alle de vigtige dele af din hjemmeside og derefter sætter alt sammen for oprette et websted sammenhængende.
Mere præcist temaet Digital Agency.
Dit websted vil have et antal basissider, såsom sider:
- Hjem
- cirka
- Tjenester
- Klienter
- Blog
- Kontakt
Og det tilbyder også sektioner, der også er dedikeret til dynamisk indhold. For eksempel matcher dine blogindlægsarkiver og postskabeloner automatisk dine fristående sider. Du kan også ændre din sidehoved, sidefod og sider 404.
Så her er hvordan man opretter en hjemmeside med et Elementor-tema:
1. Installer og aktiver Elementor Hello-temaet
Fordi du bruger Elementor og en temaskabelon til at opbygge hele dit websted, behøver du ikke søge efter andre elementer.
I stedet skal du bare have et let, præstationsoptimeret websted, som Elementor Hello-temaet giver.
For at komme i gang skal du gå til Udseende → Temaer → Tilføj og søg " Hej elementor". Installer og aktiver derefter temaet.
2. Konfigurer de grundlæggende statiske sider på dit websted
Gå derefter til menuen Sider → Tilføj at oprette de grundlæggende sider på dit websted.
Opret først en side kaldet " Hjem "Og klik på knappen Rediger med Elementor for at starte Elementor.
Klik indstillinger at åbne sideindstillinger og ændre dens layout til at være lig med Elementor fuld bredde.
Åbn derefter Elementor-skabelonbiblioteket og søg efter "Digital Agency" under Sider :
Du skal se en liste med sideskabeloner til dette tema. Indsæt skabelon Home Page fra listen over modeller.
Nu skal du se en fuld startside. Overskriften ser lidt kedelig ud for nu - men rolig, vi løser det snart..
Tilføj derefter en anden side til brug for din " cirka".
Som før skal du oprette en side og ændre layoutet til Elementor fuld bredde. Åbn derefter skabelonbiblioteket, og indsæt skabelonen Om af Digital Agency-temaet.
Gentag nu den samme proces for at oprette alle de andre sider, herunder: Services, Kunder og Kontakt.
Bare rolig ikke om Blog-siden endnu. Denne side er ikke statiske som de andre. Af denne grund opretter du det der via en anden metode (som vi dækker senere i denne tutorial).
For at afslutte opsætningen af dine statiske sider skal du fortælle din WordPress-installation at bruge en statisk startside. At gøre dette…
- Fortsæt Indstillinger → Afspilning
- vælge En statisk side (vælg nedenfor) under dine startsideindstillinger
- Vælg den side, der indeholder temas hjemmesideskabelon
3. Opret de andre dele af dit websted
Nu er du klar til at bygge de andre dele af din hjemmeside ved hjælp af Elementor. Elementor lader dig gå ud over at oprette statiske sider (som du gjorde ovenfor).
Med Elementor kan du også designe sektioner som: en-hoved sidefoden osv ...
Og takket være Elementor-temaet kan du importere skabeloner til alle de sektioner, der allerede findes på de statiske sider, du oprettede i det forrige trin.
For at få adgang til Elementors visuelle builder skal du gå til Skabeloner→ Theme Builder. Du skal installere Elementor Pro for at kunne få adgang til det.
Nu er det tid til at oprette dine sektioner
Header
Gå til fanen for at komme i gang Header på den visuelle buildergrænseflade, og klik derefter på Tilføj ny. På den næste skærm vil du se et udvalg af skabeloner i Elementor-biblioteket. Ligesom du gjorde med statiske sider, søg efter "Digital Agency", og indsæt derefter:
Nu skulle du se en visuel forhåndsvisning af din header samt en navigationsmenu fra den skabelon, du indsatte.
Hvis du vil ændre det
- Fortsæt Udseende → Menuer i dit WordPress-dashboard
- Opret en ny menu
Når du har oprettet en menu, kan du tilføje de sider, du oprettede i trin 2 til din navigationsmenu.
Læs også: 10 automatiseringsværktøjer til markedsføring af små virksomheder
Når du er færdig med at tilføje menupunkter, skal du gemme din menu og vende tilbage til din overskriftsskabelon i Elementor-grænsefladen.
Ensuite, offentliggøre din header og brug visningsbetingelser til at få vist din oversigtsskabelon på hele dit websted. Hvis du vil, kan du også bruge visningsbetingelser til at oprette forskellige overskrifter til forskellige typer indhold:
Tryk derefter på Gem og luk
Sidefod
Nu er det tid til at oprette din webside sidefod:
- Vend tilbage til den visuelle sidebyggergrænseflade
- Klik på fanen Sidefod
- Klik på knappen for at Tilføj ny sidefod
- Giv din sidefod et navn i pop op-vinduet og klik på Opret skabelon
Nu skal du se en liste med sidefodsskabeloner, ligesom du gjorde med din header. Søg efter "Digital Agency", og indsæt sidefodsskabelonen.
Når du har indsat sidefodsskabelonen, skal du se en forhåndsvisning af din sidefod:
Ensuite, offentliggøre din sidefodsskabelon, og brug visningsbetingelserne til at vise den på hele dit websted.
Blog side
I modsætning til de statiske sider, du oprettede i trin 2, er dit websteds blogside en " arkiv ". Grundlæggende betyder det, at den dynamisk viser det seneste indhold fra din hjemmeside.
Hvis en bruger klikker på et bestemt element på blogsiden, vil de blive ført til en side, der viser indholdet af det pågældende element. Dette kaldes "enkelt"-siden. Dit unikke design sikrer, at alt dit indhold ser ens ud - det eneste, der ændrer sig, er det faktiske indhold (såsom posttitel, brødtekst, fremhævet billede osv.).
Oplev Sådan tilføjes indholdsfortegnelse i WordPress med Elementor
For at oprette unikke arkivsider og sideskabeloner skal du bruge Elementor-visuel builder - ikke zoner side ou artikel WordPress standard.
At begynde…
- Åbn Theme Builder-grænsefladen
- Gå til fanen Arkiver
- Klik på Tilføj ny
- Giv det et navn, og klik på Opret skabelon
Som med din sidehoved og sidefod vil du se en liste over skabeloner til arkivsider. Se efter skabelonen "Digital Agency" og indsæt den.
Nu skulle du se det grundlæggende design af din artikelside.
Det skal bemærkes, at hvis du kun ser én artikel, er det normalt, fordi WordPress kun kommer med et standardeksempel, som er “Hello World! ".
Foreløbig er alt hvad du skal gøre udgive din arkivside og indstil den til at blive vist på alle arkiver.
Læs vores vejledning om Sådan manuelt migreres et WordPress-websted
Så kan du gå til indlægsmenuen i dit dashboard og oprette nye blogindlæg. Tildel hvert element til en kategori kaldet "Nyheder".
Nu, når du går til din blogside, skulle du automatisk se alle disse nye indlæg:
Oprettelse af siden med blogindlæg
På dette tidspunkt har din blogside et ret brugervenligt udseende. Men hvis du klikker på et bestemt blogindlæg, vil layoutet ikke matche resten af din hjemmeside.
For at løse dette problem skal du oprette en "unik" skabelon med Elementor:
- Åben Elementor-visuel builder
- Gå til fanen Single Indlæg
- Klik Tilføj ny
I pop-up Ny skabelon :
- Giv ham et navn
- Vælg Indlæg i rullelisten Vælg posttype. Dette fortæller Elementor, at du vil bruge denne skabelon til dine blogindlæg (i modsætning til sider eller en anden tilpasset indlægstype, du kunne bruge)
Igen vil du se Elementor-skabelonbiblioteket. Find den unikke artikelskabelon til "Digital Agency" -skabelonen, og indsæt den.
Læs også Vedligeholdelsestilstand på WordPress: Forklaring og konfiguration
Hvis du vil, kan du bruge de mange dynamiske publiceringsdata-widgets til at kontrollere udseendet på din side.
For eksempel, hvis du ændrer widget Send information, vil du være i stand til at kontrollere de metadataelementer, der vises, såsom på publikationen ...
- Forfatter
- Udgivelsesdato
- kommentarer
- Osv
Når du er tilfreds med din varemodel, skal du klikke på offentliggøre. Derefter kan du bruge skærmindstillingerne, så denne unikke skabelon kun gælder for indlæg i kategorien "Ud over nyheder":
- Vælg fra kategori
- Vælg kategori Nyheder
Tryk derefter på Gem og luk.
Nu skal alle dine blogindlæg have et design, der matcher resten af dit websted.
Gå til for at afslutte tingene Udseende → Menuer og føj din blogside til din navigationsmenu. For at gøre dette kan du tilføje et link til kategorien "Nyheder" i sektionen Kategorier.
Side 404
Endelig skal du oprette 404-siden på dit websted. 404-siden på dit websted er, hvad besøgende vil se, hvis de følger et ødelagt link eller forsøger at besøge en side, der ikke findes.
Oplev også vores 5 WordPress plugins til bedre at styre fejl 404
For at oprette din 404-side skal du bruge Elementor visuelle builder til at tilføje endnu en unik skabelon.
- Åben Elementor-visuel builder
- Gå til fanen fejl 404
- Klik Tilføj ny
- Indsæt Digital Agency skabelon fra 404 side
Udgiv derefter din skabelon for at færdiggøre dit websted.
Hent Elementor Pro nu!
Konklusion
Så! Det er alt for denne guide, som viser dig trin for trin hvordan man opretter en hjemmeside komplet med Elementor. Hvis du har det kommentarer eller forslag, tøv ikke med at give os besked i det reserverede afsnit.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
