Vil du bruke Elementor til å bygge nettsider?
I disse tider med økonomisk usikkerhet og sosial distansering ønsker bedrifter å utvide sin online tilstedeværelse mer enn noen gang.
Hvis du ønsker å starte virksomheten din på nettet, eller hvis du er en frilansskribent som lager nettsteder for virksomheten, kan Elementor effektivt hjelpe deg med å bygge et nettsted som er rimelig og enkelt å vedlikeholde.
Elementor er en visuell WordPress-sidebygger, som betyr at du kan lage fantastiske design uten å måtte skrive en eneste linje med kode. Hvis du vil vite litt mer om dette WordPress Plugin, kan du se artikkelen vår på presentasjonen av Elementor-grensesnittet
I denne artikkelen skal vi fortelle deg litt mer om hvorfor Elementor er det beste verktøyet for å lage nettsider. Deretter skal vi vise deg hvordan du bruker Elementor til opprette et nettsted.
Men før det, hvis du aldri har installert WordPress, la oss finne ut av det 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.
Hvis du vil ha mer informasjon om hvordan du bruker Elementor til å bygge nettsteder, HubSpot Academy og Elementor har gått sammen for å tilby et gratis online kurs som dekker alt fra å konfigurere webhotell til å bygge og lansere WordPress-nettstedet.
Hvorfor bruke Elementor til å bygge nettsteder
Å bruke Elementor til å lage nettsteder kan:
- Spar tid og hjelp deg med å bygge nettsteder raskere.
- Reduser kompleksiteten på nettstedene dine, fjern feil og opprett en enklere vedlikeholdsprosess når det gjelder oppdateringer og testing.
- Spar penger og forenkle kostnadene slik at du bedre kan prise et prosjekt.
La oss se på fordelene.
Spar tid og unngå koden
Enten du er designer, utvikler eller bare en vanlig WordPress-bruker, kan Elementor øke hastigheten på arbeidsflyten din med det visuelle grensesnittet, som støtter dra og slipp-funksjonalitet.
Gjennom opplevelsen trenger du aldri å samhandle direkte med koden med mindre du vil. Hvis du vil ha litt mer kontroll, kan du enkelt bruke den din egen tilpassede CSS om nødvendig.
Discover Hvordan legge til innholdsfortegnelse i WordPress med Elementor
Til slutt, hvis du virkelig vil spare tid, kommer Elementor med hundrevis av maler du kan importere. Alt du trenger å gjøre er å importere malen du liker, redigere innholdet for å matche merkevaren din, og du er ferdig.
Reduser kompleksiteten og eliminere feil
Med et typisk WordPress-nettsted er sluttproduktet vanligvis et lappeteppe med plugins fra forskjellige utviklere.
Det er ingenting som holder disse separate verktøyene sammen bortsett fra tiden og kreftene du bruker på å bruke dem til opprette et nettsted sammenhengende.
Dette er bra en stund, men det kan også føre til potensielle problemer, fordi hver utvikler uavhengig vil endre og oppdatere pluginet sitt.
For eksempel utvikleren av din WordPress glidebryter plugin kan gjøre en endring som forårsaker problemer hjemmesiden(som du opprettet med et annet plugin).
Med Elementor har du tilgang til alle viktige verktøy under ett tak.
Discover listen over de beste WordPress Elementor-pluginene for å lage hendelseskalendere
For eksempel med Elementor et Elementor Pro, får du verktøy som hjelper deg med å lage:
- glidere
- skjemaer
- blygenereringsskjemaer
- gallerier
- popup-vinduer
- porteføljer
- pristabeller
- og mye mer…
Alle disse verktøyene er tilgjengelige i samme plugin fra samme utvikler, så du kan være trygg på at en endring av leadgenereringsskjemaene aldri vil forårsake et problem med popup-en du viser skjemaet i.
I tillegg gjør det livet ditt mye lettere når det gjelder tid til å oppdatere nettstedene dine. I stedet for å trenge å bruke et testnettsted for å teste en rekke forskjellige plugins til forskjellige tider, er alt du trenger å gjøre å teste og oppdatere et enkelt verktøy.
I utgangspunktet kan du bruke Elementor som basen på nettstedet ditt for å forenkle alt og deretter kjempe for å oppnå spesifikke forretningsmål som å bruke Gratis HubSpot WordPress-plugin for å generere potensielle kunder via skjema, live chat og popup-vinduer som alle mates inn i gratis HubSpot CRM.
Spar penger og forenkle kostnadene
Endelig kan Elementor hjelpe deg med å spare penger på store prosjekter.
Akkurat som å ha tilgang til viktige verktøy i et plugin reduserer kompleksiteten på nettstedet ditt, det senker også prisen du må betale.
Oppdag guiden vår om Hvordan tilpasse WordPress for å øke konverteringene
Elementor har en gratis versjon for Basic Builder. Deretter, for å få tilgang til tilleggsfunksjoner som skjemaer, skyveknapper, popup-vinduer og mer, du trenger bare å betale et fast gebyr.
Det er ingen påfyll for forskjellige funksjoner eller behov for å kjøpe forskjellige plugins, noe som holder kostnadene lave.
Les også veiledningen vår på Hvordan legge inn PDF-filer i WordPress
Det hjelper også til å redusere kostnadene og legge til rette for prisen på kundeprosjekter. I stedet for å trenge å fikse en rekke forskjellige verktøy i forslaget ditt, kan du holde det mye enklere og fokusere på det du tar betalt for din tid og kompetanse, ikke verktøyene dine.
Hvordan bruke Elementor til å bygge nettsteder
Nå som du vet noen av grunnene til at Elementor er et flott verktøy for å bygge nettsteder, la oss se nærmere på hvordan du bruker Elementor til å opprette et nettsted Rått.
1. Velg ditt WordPress-tema
Elementor er et plugin, så du må alltid velge et tema for å koble sammen med Elementor.
Fordi du skal bruke Elementor til å kontrollere utformingen av hele / det meste av nettstedet ditt, bør du fokusere på å finne et WordPress-tema som tilbyr funksjonene du trenger, samt full støtte for funksjonaliteten til. Elementor. Hvis du for eksempel vil kunne legge til ansatte, attester og en portefølje, bør du velge et tema med disse innleggstypene - som WordPress Pearl tema.
Den andre letteste mulige basen er Hei Elementor-tema. Hei er i utgangspunktet 100% tomt lerret for designene dine.
Fordi WordPress Hello-temaet ikke legger til noen av sine egne stiler eller funksjoner, vil det holde nettstedet ditt lett, med jevn sideinnlasting.
Hvis du vil ha et WordPress-tema som har sine egne stiler, kanskje for å kontrollere nettstedets overskrift eller kasseopplevelse for en WooCommerce nettbutikk, må du sjekke ut denne samlingen av beste Elementor WordPress-temaer.
2. Velg din versjon av Elementor
Elementor er tilgjengelig både i en gratis versjon på WordPress.org, samt en premiumversjon som legger til mange flere funksjoner, kalt Elementor Pro.
Med den gratis versjonen av Elementor kan du bygge nettsteder side for side. Du kan for eksempel lage et oppsett for hjemmesiden din, en annen for din " Side om », Lag deretter separate sider for hvert element i porteføljen.
For å gå utover det, må du imidlertid vurdere Elementor Pro.
Elementor Pro gir deg ikke bare flere designverktøy som glidebrytere og skjemaer, men det gir deg også en helt ny måte å bygge nettsteder med en Theme Builder.
Med Elementor Theme Builder kan du opprette maler og bruke dem på hele eller deler av nettstedet ditt. For eksempel kan du designe deler av nettstedet ditt, for eksempel:
- toppteksten
- side arkiver (siden som viser alle blogginnleggene dine)
- enkeltsider (et individuelt blogginnlegg)
- bunntekst
- WooCommerce produkter
Du kan også inkludere dynamisk innhold i designene dine, som innhold du har lagt til med egendefinerte felt.
Fordi du kan lage en unik mal som gjelder hele eller deler av innholdet ditt, er Elementor Pro et flott alternativ for dynamiske nettsteder.
Det er også nyttig for andre typer nettsteder takket være de nye innholdsmodulene som:
- skjemaene
- skyvekontrollene
- galleriene
- porteføljer
- prislistene
- og mye mer…
Igjen, dette både forenkler nettstedet ditt og senker kostnadene. (fordi Elementor Pro inkluderer alle funksjoner til samme pris).
3. Begynn å lage med Elementor
Når du har valgt riktig WordPress-tema og Elementor-versjon, er du klar til å begynne å bygge det.
For å designe innholdet ditt kan du enten starte fra en tom side eller importere en av Elementors maler.
For å raskt lage et sammenhengende nettsted, kan du til og med bruke et Elementor malsett, som er et sett med maler for hver side på nettstedet, opp til side 404.
Enten du begynner med et tomt skifer eller en mal, finner du deg selv i Elementors visuelle og rullende grensesnitt.
Du vil se en forhåndsvisning i sanntid av designet ditt til høyre - du vil se nøyaktig hva besøkende på nettstedet ditt vil se.
Deretter kan du bruke sidefeltet til venstre for å legge til og konfigurere innhold og layoutelementer.
Hvis du for eksempel vil legge til en knapp i designet ditt, er alt du gjør å dra den fra sidefeltet. Deretter kan du tilpasse innstillingene ved å bruke samme sidefelt.
For å lære mer om hvordan Elementor-grensesnittet fungerer, kan du sjekke ut videoen nedenfor:
Bygg nettsteder med Elementor i dag
Fordi du skal bruke Elementor til å kontrollere utformingen av hele / det meste av nettstedet ditt, bør du fokusere på å finne et WordPress-tema som tilbyr funksjonene du trenger, samt full støtte for funksjonaliteten til. Elementor. Hvis du for eksempel vil kunne legge til ansatte, attester og en portefølje, bør du velge et tema med disse innleggstypene - som WordPress Pearl tema.
Den andre letteste mulige basen er Hei Elementor-tema. Hei er i utgangspunktet 100% tomt lerret for designene dine.
Fordi WordPress Hello-temaet ikke legger til noen av sine egne stiler eller funksjoner, vil det holde nettstedet ditt lett, med jevn sideinnlasting.
Hvis du vil ha et WordPress-tema som har sine egne stiler, kanskje for å kontrollere nettstedets overskrift eller kasseopplevelse for en WooCommerce nettbutikk, må du sjekke ut denne samlingen av beste Elementor WordPress-temaer.
2. Velg din versjon av Elementor
Elementor er tilgjengelig både i en gratis versjon på WordPress.org, samt en premiumversjon som legger til mange flere funksjoner, kalt Elementor Pro.
Med den gratis versjonen av Elementor kan du bygge nettsteder side for side. Du kan for eksempel lage et oppsett for hjemmesiden din, en annen for din " Side om », Lag deretter separate sider for hvert element i porteføljen.
For å gå utover det, må du imidlertid vurdere Elementor Pro.
Elementor Pro gir deg ikke bare flere designverktøy som glidebrytere og skjemaer, men det gir deg også en helt ny måte å bygge nettsteder med en Theme Builder.
Med Elementor Theme Builder kan du opprette maler og bruke dem på hele eller deler av nettstedet ditt. For eksempel kan du designe deler av nettstedet ditt, for eksempel:
- toppteksten
- side arkiver (siden som viser alle blogginnleggene dine)
- enkeltsider (et individuelt blogginnlegg)
- bunntekst
- WooCommerce produkter
Du kan også inkludere dynamisk innhold i designene dine, som innhold du har lagt til med egendefinerte felt.
Fordi du kan lage en unik mal som gjelder hele eller deler av innholdet ditt, er Elementor Pro et flott alternativ for dynamiske nettsteder.
Det er også nyttig for andre typer nettsteder takket være de nye innholdsmodulene som:
- skjemaene
- skyvekontrollene
- galleriene
- porteføljer
- prislistene
- og mye mer…
Igjen, dette både forenkler nettstedet ditt og senker kostnadene. (fordi Elementor Pro inkluderer alle funksjoner til samme pris).
3. Begynn å lage med Elementor
Når du har valgt riktig WordPress-tema og riktig versjon av Elementor, er du klar til å begynne å bygge.
For å designe innholdet ditt kan du enten starte fra en tom side eller importere en av Elementors maler.
For å raskt lage et sammenhengende nettsted, kan du til og med bruke et Elementor malsett, som er et sett med maler for hver side på nettstedet, opp til side 404.
Enten du begynner med et tomt skifer eller en mal, finner du deg selv i Elementors visuelle og rullende grensesnitt.
Du vil se en forhåndsvisning i sanntid av designet ditt til høyre - du vil se nøyaktig hva besøkende på nettstedet ditt vil se.
Deretter kan du bruke sidefeltet til venstre for å legge til og konfigurere innhold og layoutelementer.
Hvis du for eksempel vil legge til en knapp i designet ditt, er alt du gjør å dra den fra sidefeltet. Deretter kan du tilpasse innstillingene ved å bruke samme sidefelt.
For å lære mer om hvordan Elementor-grensesnittet fungerer, kan du sjekke ut videoen nedenfor:
Bygg nettsteder med Elementor i dag
I dag ønsker bedrifter mer enn noensinne å utvikle en online tilstedeværelse.
Enten du ønsker å starte din egen online tilstedeværelse eller hjelpe kundene dine med å koble til, lærer du hvordan du bruker Elementor til å bygge nettsteder, vil ikke bare la deg bygge vakre og effektive nettsteder, men også:
- Spar tid og eliminere behovet for å jobbe direkte med kode.
- Fjern kompatibilitetsproblemer og forenkle vedlikehold ved å gi deg alle de viktigste verktøyene på ett sted.
- Spar penger og forenkle kostnadene dine ved å eliminere behovet for å kjøpe mange separate plugins for viktige funksjoner.
For å se om Elementor er riktig for deg, kan du installere den gratis versjonen fra WordPress.org og begynn å bygge ditt første nettsted.
Oppdag også noen premium WordPress-plugins
Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.
Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.
1. Autopilot SEO for WooCommerce
Optimalisering av blogginnholdet for forskjellige søkemotorer (SEO) er en svært viktig del av ethvert e-handelsnettsted. Naturligvis støtter ikke WooCommerce SEO, dette WordPress Plugin legger automatisk denne funksjonaliteten til WooCommerce slik at den kan kommunisere bedre med de ulike søkemotorene.
Som funksjoner tilbyr den blant annet: automatisering og søkeordoptimalisering, sletting av annonser, spam eller annen lignende distraksjon, ubegrenset personalisering av metadata på alle sider; sikkerhetskopien, gjenopprette og tilbakestille er tilgjengelige, samsvar med GDPR, tilgjengelig kundesupport og mer.
2. laget Showcase
Team Showcase er det perfekte tillegget, designet for å vise teammedlemmene dine i et vakkert rutenett eller responsiv karusell. Du vil kunne administrere medlemmene dine ved å gruppere dem i separate team. For å gjøre dette, velg bare alternativene du vil vise, velg et WordPress-tema og bruk en forhåndsdefinert farge på det.
Det kreves derfor ingen kode med denne handlingen. Funksjonene er blant annet: 10 spesielle temaer, 10 fargesett, 10 visningsalternativer, CSS3 animasjonseffekter, muligheten for å bli satt inn på en side, et fullt responsivt design, etc ...
3. Composium
Dette er en utvidelse av Visual Composer som legger til dette siste, mer enn 90 nye elementene til standardinnholdet i denne plugin-en. Den kommer også med en lysboks, en fontbehandler, tilpassede innleggstyper og mye mer.
De andre funksjonene er: 16 ikonfonter og mer enn 4 ikoner, støtte for ikonfonter, støtte for Google Font Manager, mer enn 70 CSS3-animasjonseffekter, en generator av widgets, intelligent styring av filer osv ...
Anbefalte ressurser
Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.
- Hvordan lage et avrundet bilde i Elementor
- Hvordan legge til et prisnett i Elementor
- Hvordan lage en flytende knapp med Z Index i Elementor
- Hvordan legge til telefonnummerkobling i Elementor i Elementor
- Hvordan lage tittel i to farger i Elementor i Elementor
konklusjonen
Så! Det var alt for denne opplæringen, vi håper den vil gjøre det enkelt for deg å bruke Elementor til å bygge nettsteder. Har du fortsatt spørsmål eller forslag? Gi oss beskjed innen commentaires.
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 WordPress blog oppretting.
Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk.
...
