En smuk online Juletræsbutik er enhver butiksejers drøm. Hvis du har problemer med detaljerne og designet. Bekymr dig ikke mere, du er kommet til det rette sted. I dag vil jeg vise dig, hvordan du laver en Juletræsbutik med Elementor.

Før var det en myte at oprette en hjemmeside uden forudgående kendskab til kodning. Men nu er det, der før var umuligt, blevet en trend! Elementor er det mest optimerede værktøj til opbygning af hjemmesider på verdensplan på grund af dets træk-og-slip-system.

Til opbygning af websider vil jeg bruge Element Pack add-on. Dette er et smukt værktøjssæt lavet af BD-temaer til brug med Elementor. Okay, det er tid til at starte motoren.

Introduktion til Element Pack

Element Pack er den mest optimerede tilføjelse til at skabe din premium-hjemmeside. Element Pack har en stor beholdning, der er klar til at blive implementeret på dit websted. Med 190+ plugins, 270+ sider klar til brug, over 1800 unikke blokke, Element Pack er nået frem til positionen som Top 5 på verdensplan.

Lad være med at slæbe rundt på det ene og det andet og gøre tingene mere komplicerede. Frelseren af dine problemer er her. Element Pack har også en lite-version, helt gratis. Så hvad er mere rentabelt end dette? Brug nu.

Installation af WordPress og Elementor

WordPress er et gratis og kraftfuldt indholdsstyringssystem i hele verden til oprettelse af hjemmesider. Du kan nemt downloade og installere det i løbet af et par minutter. Og du kan installere Elementor inde fra WordPress. Derfor er du nødt til at tage et par skridt for at oprette hosting til Juletræsbutik.

For mere viden, se venligst artiklen "-----". Den blog dækker hele processen med at hoste din butik.

Oprettelse af juletræswebsted med Element Pack

Efter installationen af WordPress og ElementorKlik på din butiks dashboard, og følg instruktionerne for at installere Element Pack Lite add-on.

For at gå til dit dashboard skal du blot skrive din hjemmesideadresse og tilføje /admin til sidst.

>www.yourwebsite.com/admin

Dette bør bringe din butiks WordPress-dashboard frem. Derfra kan du gå ind,

1. Gå til Dashboard> Plugin> Tilføj nyt
2. Skriv 'Element Pack' i sektionen Søgeord
3. Tryk på 'Installer nu' på den indpakkede del

Så er det gjort! Lad os nu oprette en ny side og begynde vores arbejde. Bemærk det, Element Pack Lite er en 'gratis tjeneste', der gives af Element Pack Hold. Men for at få den bedste widget på trenden, skal du købe deres Pro-pakke. Selv om den er billig og pålidelig.

Oprettelse af ny side til juletræsbutik

Når vi har sat alle widgets på plads, sætter vi tempoet op og opretter en ny side. Her vil vi oprette vores butik helt fra bunden.

Gå til Dashboard> Sider> Tilføj nyt

Efter at have klikket på 'Tilføj nyt' får du en side som denne. Den fede tekst øverst er titlen på din butik. Klik på den lille firkant i øverste højre hjørne, så kommer du til sideindstillingerne. Skift skabelon for din butik til Elementor lærred. På den måde er det nemt at tilpasse helt fra begyndelsen.

Klik nu på 'Rediger med'. Elementor' og gå videre til næste del.

Landingsside for din juletræsbutik

På dette tomme lærred vil jeg bruge Element Pack-widgets til at lave landingssiden. En landingsside er noget, der kaldes en "statisk side" eller en "destinationsside". Det er en enkelt side, der indeholder alle de oplysninger, som ejeren ønsker at vise.

Ting, du skal tilføje til din Juletræsbutik Landingsside

Før vi går videre til næste del, er her de ting, du skal vide om en side. Disse elementer er de centrale ting, der får din butik til at se fantastisk ud for andre.

Heltesektionen:

Den vigtigste del af landingssiden er heltesektionen. Det er det første, man ser, når man går ind på en hjemmeside. Derfor skal du placere de vigtigste ting som titel og abonnementsformular her.

Sektion for funktioner:

I denne del skal du beskrive din hovedvirksomhed. Du kan skrive de vigtigste funktioner eller tjenester og deres detaljer her.

Portefølje:

Du kan vise eksempler på dit arbejde til de besøgende i denne del af landingssiden. Det er vigtigt, at du vækker andres interesse for din butik med kvalitetseksempler.

Udtalelse:

Denne del indeholder gode anmeldelser fra dine tilfredse kunder.

Sidefod:

Dette er den sidste del af din landingsside. Da din besøgende allerede er nået hertil, skal du give dem endnu et tilbud. Udnyt deres behov ved at fortælle dem, hvad de skal gøre som det næste.

Oprettelse af helteafsnittet i din Juletræsbutik

Denne landingsside er oprettet med widgets lavet af Element Pack. Det er ikke så let at lave denne type fantastiske landingsside. Så det, du skal gøre nu, er at sætte dig godt til rette og følge trinnene nøje. Lad os starte med at vælge den grundlæggende struktur for landingssiden.

Trin 1:

Klik på den røde knap, og vælg 1 kolonnestruktur.

Trin 2:

Derefter skal du gå til fanen Stil og sætte baggrundsbilledet på landingssiden. Husk nu, at du skal vælge det rigtige billede, der passer godt til din Juletræsbutik tema.

Trin 3:

Gå nu til fanen Avanceret, og rediger polstringen. Sæt 900 som den nederste polstringsværdi. Dette vil gøre sektionslængden stor uden at påvirke Widget-inputområdet. På den måde kan du få dit billede til at fremstå uden besvær.

Trin 4:

Tilføj nu widgetten Inner Section fra den grundlæggende Elementor værktøjskasse. Denne widget laver en separat sektion inde i den forrige sektion. Når det er gjort, går vi videre til næste del.

Trin 5:

Klik på den markerede Søjle ikonet og vælg Duplikat for at lave et afsnit med 3 kolonner.

Avanceret overskrift Widget

Trin 6:

Træk og slip widgetten 'Advanced Heading' fra Element Pack i den første kolonne. Du kan forvandle den til en cool overskrift til din butik.

Trin 7:

Når du har trukket og sluppet widgetten, kommer du til dens Indhold tab. Den Overskrift sektionen er under Indhold fane. Skriv din overskrift der.

Trin 8:

Gå derefter til Stil faneblad>. Overskrift> Typografi og ændre udseendet af titlen i den øverste sektion. Du kan finde flere indstillinger der. Prøv dem alle, og giv din titel et unikt udseende.

Rulle-navigation Widget

Trin 9:

Herefter skal du trække og slippe widgetten Scroll Navigation til 2. kolonne og begynde at redigere den med det samme. Bemærk, at denne widget, der er lavet af Element Packviser en menulinje for din Juletræsbutik.

Trin 9:

I Indhold under fanen Scrollnav kan du se en masse repeatere, som du kan øge eller mindske antallet af. Tag en håndfuld repeatere og lav din egen menulinje.

Trin 10:

Klik igen på ikonet for 2. kolonne, og øg kolonnebredden til næsten 60. Ændringen vil give mere plads til at arrangere dine menuknapper.

Klik på Søjle Ikon> Layout> Kolonnebredde.

Trin 11:

I Stil kan du ændre baggrundsfarven, tilføje noget padding, redigere typografien og meget mere. Find dit eget design frem, og se forskellene.

Avanceret knap Widget

Trin 12:

Denne widget giver dig en klikbar knap, som du kan linke til din abonnementsside. Den er nem at bruge. Den giver også et tilfredsstillende udseende på din webshop.

Trin 13:

Du kan dog skrive en hvilken som helst tekst, der skal vises på knappen. Til det formål,

Gå til Indhold faneblad>. Knap og se mulighederne.

Trin 14:

Desuden kan du også give den forskellige udseende, som du vil, fra Stil fanen. Bemærk, at en knap, der har en tiltalende farve, med stor sandsynlighed vil blive klikket på af alle.

Trin 15:

Og til sidst skal du tilføje nogle marginværdier for at placere knappen, hvor det passer bedst.

Gå til Avanceret faneblad>. Avanceret sektion> Margin.

Avanceret overskrift Widget

Trin 16:

Lad os gå videre til Avanceret overskrift widget. Det er en ret praktisk widget sammenlignet med den gratis. Elementor giver. Når du har trukket og sluppet den under det forrige afsnit, vil du se dens Indhold tab. Her kan du navngive dine Juletræsbutik med en underoverskrift og en hovedoverskrift.

Trin 17:

Fra den Avanceret kan du tilføje nogle værdier til margenen for at flytte overskriften, som det passer dig. Du vil måske bemærke, at Stil Der mangler en fane i forklaringen. Lad os lade det være op til din smag.

Tekst Redaktør-widget

Trin 18:

Du kan tilføje en linje eller to under overskriften. Det giver mere vægt til helteafsnittet, da det gør det mere iøjnefaldende.

Trin 19:

Du kan prøve at tilføje en værdi for topmargen i negativet for at lukke det op under overskriftsområdet.

Færdiggør heltesektion til juletræsbutik

Trin 20:

Bare tilføj endnu en Avanceret knap widget (lavet af Element Pack) til sidst og se hele heltesektionen. Fantastisk, ikke? Du har måske bemærket, at overskriften ser anderledes ud. Nå, men du kan ændre det alligevel.

Gå til Avanceret overskrift> Stil faneblad>. Typografi og ændre det væk.

Disse udvalgte widgets er lavet af Element Pack blev brugt til at lave denne fantastiske heltesektion.

• Billede/Logo
• Rulle-navigation
• Bruger-login
• Avanceret overskrift
• Avanceret knap