Slik bruker du Elementor: Den komplette guiden

pari Passy Guy | Elementor

Har du problemer med å komme i gang med Elementor-plugin ? Her er den komplette veiledningen for hvordan du bruker Elementor

I dag skal vi vise deg hvordan du bruker Elementor til å lage sider og blokker for nettstedet ditt.

Sidebyggere har blitt en integrert del av webutvikling for de med liten eller ingen erfaring med webdesign.

En av de mest populære sidebyggerne er Elementor som er tilgjengelig gratis og med flere funksjoner i premium-modus.

Hvordan bruke Elementor

I denne artikkelen forklarer vi hvorfor vi tror Elementor er den perfekte sidebyggeren til å begynne med:

Bli kjent med Elementor

Brukerens første møte med nettstedet ditt etterlater et varig inntrykk. Enten du har gått for en retro eller minimalistisk stil eller samlet ressursene dine for å skape en visjon for hvordan nettsider vil se ut i fremtiden, uansett er det en WordPress-sidebygger som Elementor som gjør det mulig å tilpasse nettstedet ditt uten koding. .

Det er viktig at du først installerer et WordPress-tema som er kompatibelt med Elementor.

Les også: Kan du bruke Elementor uten tema? (Nei - her er hvorfor)

I gamle dager ville du designe nettstedet ditt ved hjelp av de tilgjengelige designalternativene som tilbys av temaet ditt. Men noen temaer manglet visse tilpasningsfunksjoner, andre var klumpete og ekstremt vanskelige å tilpasse for hver side.

Elementor sidebygger lar deg gjøre endringer på nettstedet ditt i sanntid uten å måtte bytte mellom frontend og backend for å sjekke hvordan de nye endringene dine er implementert.

Du kan installere Elementor ved å gå til din egen nettside og senere ved å laste opp zip-filen til WordPress eller bla gjennom depotet til WordPress plugins og søk etter "Elementor" og klikk på Installer.

Sørg for å aktivere pluginet, så er du klar til å utforske alle alternativene Elementor har å tilby.

Les også: Hvordan installere Elementor

Funksjonene Elementor har å tilby

Heldigvis er Elementor en frontendredaktør, noe som betyr at du kan se endringene trer i kraft i øyeblikket og gjøre justeringer.

En annen indirekte fordel er at det på grunn av populariteten ikke mangler ressurser tilgjengelig på YouTube eller WordPress-nettstedet for å komme i gang. Denne artikkelen er et illustrerende tilfelle av disse nettstedene.

Personalisering på Elementor handler om widgets, og når du er vant til å dra og slippe widgets på siden, vil du finne hvorfor det er mye bedre enn å håndtere WordPress-temas standard sidebygger.

Sett inn en Paypal-knapp-widget

Hver side på WordPress består av seksjoner, og dette er grunnlaget for sidebygging med Elementor.

Det er en hamburger-meny på venstre side av skjermen som lar deg gjøre endringer på hele nettstedet mens endringene gjenspeiles på høyre side.

Dra og slipp-funksjonen muliggjør en raskere websideopplevelse som minner om et designverktøy.

Den eneste grunnen til at du trenger et tema er at nettstedet ditt ikke kan fungere uten et tema, og Elementor ikke ville ha noe å endre uten et.

Lit Kan du bruke Elementor uten tema? (Nei - her er hvorfor)

Du trenger fortsatt temaet for å endre topptekst og bunntekst hvis du planlegger å holde deg til den gratis versjonen av Elementor.

Elementor Free vs. Elementor Pro

Hovedforskjellen mellom dem er i antall widgets som tilbys i Pro-versjonen.

Så sørg for å sjekke om du trenger det i designet.

Og også muligheten til å endre bunntekst og topptekst i Elementor kommer til nytte, selv om temaet ditt allerede kommer med en dedikert topp- og bunntekstbygger, kan det ikke være like nyttig.

Når det gjelder widgets, er her de grunnleggende widgets som er tilgjengelige i gratisversjonen:

  • Intern seksjon
  • Bilde
  • Tekstredigerer
  • Vidéo
  • knapp
  • separator
  • icon
  • Deler
  • Google Maps

Her er noen av widgetene som er tilgjengelige i Pro-versjonen:

  • portefølje
  • skjema
  • Vend boksen
  • Pris liste
  • Sitatblokk
  • Oppfordring til handling

All informasjon som er nyttig for å ta en informert endelig avgjørelse om du vil oppgradere til Elementor Pro, er gitt nedenfor.

Men generelt anbefaler vi at du leker med den gratis versjonen til du er sikker på at Elementor er den beste WordPress-sidebyggeren for deg.

Elementor Gratis Elementor Pro
Prix gratis $ 49 til $ 99,199 XNUMX / år
Antall widgets 25 + 50 +
Sidebygger tilgjengelig tilgjengelig
Temabygger ikke tilgjengelig tilgjengelig
Støtte ikke tilgjengelig tilgjengelig
Dynamisk innhold ikke tilgjengelig tilgjengelig
Pro-maler og blokker ikke tilgjengelig tilgjengelig
E-handel integrasjon ikke tilgjengelig tilgjengelig

Til slutt er forsikringen om at Elementor-supportteamet gir støtte i Pro-versjonen, det som får oss til å tro på Pro-versjonen.

Den kommer også med noen nisjefunksjoner som du finner i andre plugins, men hvorfor ikke gjøre alt på ett stopp.

For eksempel, popup-byggherren, dynamiske alternativer, forhold for hvilke overskrifter eller popup-vinduer som er synlige, tilpassede CSS, kortkoder og malwidgets, egendefinerte skrifttyper og rollebehandling.

Å kunne tilordne og begrense roller til brukere på WordPress, lar dem fortsette arbeidet sitt uten å gå på kompromiss med designet ditt. Kunden har bare tilgang til endring av innholdet på siden og kan ikke legge til eller fjerne elementer ved å dra og slippe; på denne måten vil designet ditt alltid være beskyttet.

Redigeringsmiljøet

Når du designer den første siden din ved hjelp av Elementor, kan du bli overveldet i begynnelsen av antall widgets og ikke har tegnet et design for å sette på et tomt lerret. det er her Elementor-sidemaler kommer inn for de som føler seg mindre inspirerte for øyeblikket.

Bare velg en forhåndsdefinert mal fra den enorme listen, og sett den inn på siden din og tilpass den etter dine behov. Den høyre siden er din lekeplass der du kan legge til elementer som danner utformingen av siden din.

Venstre side er et kreativt panel fylt med dra og slipp-moduler på siden.

Du kan legge til seksjoner og dra widgets for å passe ditt design eller velge forhåndsutformede maler.

Les også: Hvordan legge til sveveeffekt i Elementor via tilpasset CSS

I nedre panel finner du det sirkulære pilikonet som tar deg tilbake til historikken din og er delt inn i handlinger og anmeldelser; i handlinger kan du finne trinnene dine og gå tilbake til en tidligere utgave, og under gjennomgang kan du finne alle dine lagrede versjoner.

hvordan du bruker Elementor

En annen fordel ved å bruke Elementor er rask tilgang til forskjellige skjermmoduser, slik at du umiddelbart kan sjekke hvordan ditt nåværende design ser ut på forskjellige skjermer som nettbrett og mobil.

Hvis du har lyst til å designe en hjemmeside, hjelper Elementor's Blocks deg med å bygge din egen side fra bunnen av.

Les også: Hvordan legge til sveveeffekt i Elementor via tilpasset CSS

Fanealternativer Stil (farge, skrifttype, størrelse) lar deg tilpasse innholdet i blokkene etter dine behov.

Det er også det ekstremt nyttige alternativet å kopiere stilen til en eksisterende seksjon og lime derfra for å redigere alle blokkene på samme måte.

hvordan du bruker Elementor

Enkle nettsteder med statiske sider, som for porteføljen, er stort sett statiske, men de fleste nettsteder har flere sider (blogg, nettbutikk, søkeresultater).

Disse dynamiske sidene kan redigeres med Elementor Pro eller temaalternativer, for eksempel ved å designe din egen topptekst og bunntekst.

Se også: Slik aktiverer du Kommer snart-modus i Elementor

Pro-versjonen kommer også med flere blokker, maler og widgets.

På backend kan du også få tilgang til Verktøy-menyen som gir alternativer som Erstatt URL, vedlikeholdsmodus og versjonskontroll for å gå tilbake til en tidligere versjon hvis nettstedet ditt hadde et problem med den nyeste Elementor.

Kort sagt, begge versjonene lar deg lage en side, bruke redigeringsverktøy og sette inn forhåndsdefinerte maler.

Elementor Pro-pris

Ut fra tabellen ovenfor, hvis du er overbevist om at Elementor Pro er det riktige valget for deg, har Elementor-teamet 5 forskjellige planer for å komme i gang, avhengig av hvor mange lisenser du trenger.

Til slutt

Generelt sett er det å kombinere Elementor (gratis eller Pro) med et kraftig WordPress-tema som dekker sine blinde flekker, den rette veien å gå i de fleste tilfeller.

Andre ekstra premium WordPress-plugins 

Oppdag også andre WordPress plugins premium som optimaliserer ytelsen til WordPress-bloggen eller nettstedet ditt.

1. Foodify

Foodify er den raskeste og enkleste måten for kunder å bestille mat fra en butikk. Det er helt responsive og inkluderer tilleggsfunksjoner som bilde, søkealternativ, produktinformasjon. Foodlify restaurantens matmeny for woocommerce

Den legger også knapper til kurven for å forbedre brukeropplevelsen. Denne WooCommerce-utvidelsen er en rask, omfattende bestillingsløsning som kan legges til ethvert WooCommerce-nettsted.

Her for deg 5 WordPress plugins for å optimalisere kategoribeskrivelser og etiketter

Det har fordelen av å være veldig fleksibel og kompatibel med mange eksisterende plugins i WordPress-katalogen.

Last ned | dEMO | Webhotell

2. Pan Zoom Bilde

Dette pluginet lar deg enkelt legge til en panoramisk zoomfunksjon for bilder på WordPress-bloggen din via en kortkode. Du kan for eksempel integrere det i artikkelen eller siden din.

Image zoom pan wordpress plugin for zoom

Som funksjonalitet vil du blant annet ha: panoramazoomen på et enkelt bilde eller et galleri med ubegrensede bilder, posisjonen til kontrollstangen kan være topp, høyre, bunn og venstre, bunnen av beholderen kan være mørk, lys og ingenting av det; live forhåndsvisning i dashbordet, eksemplet på flere panorering på samme side, etc.

Oppdag også vår 5 kortkodes premium WordPress plugins

Last ned | dEMO | Webhotell

3. Slider Pro

Slider Pro-løsningen tilbyr deg en alt-i-ett-plattform som hjelper deg med å lage og redigere lysbilder eller glidebrytere som ikke bare appellerer til bloggere, men for de som ikke bare publiserer artikler.

Slider pro responsive Wordpress glidebryter plugin

Ce WordPress Plugin premium unngår unødvendige dikkedarer, som ofte er et hinder for brukere som leter etter informasjonen de trenger. I tillegg fokuseres det på enkelhet og ytelse, mens du tilbyr et bredt spekter av tilpasningsmuligheter.

Oppdag også Hvordan lage en lysbildefremvisning med Slider Revolution på WordPress

Hans ledelse av Urls på nettleserens søkefelt er en av funksjonene som skilte seg ut for oss på sistnevnte. Som navnet antyder, er dette den profesjonelle løsningen du trenger.

Les også vår 5 WordPress-plugins for å opprette vanlige spørsmål på en blogg

Funksjonene er: optimalisert lasting av bilder, enkel tilpasning, jevn animasjoner, flere oppsett og mer.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Her! Det er det for artikkelen vår som viser deg hvordan du bruker Elementor i WordPress. Hvis du har 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 WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

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

... 

Legg inn kommentaren

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *

Dette nettstedet bruker Akismet for å redusere uønsket. Lær mer om hvordan dine kommentarer data blir brukt.