Hur man använder Elementor: den kompletta guiden

ens Passy Guy | Elementor

Har du problem med att komma igång med Elementor-plugin ? Här är den kompletta guiden om hur du använder Elementor

Idag ska vi visa dig hur du använder Elementor för att skapa sidor och block för din webbplats.

Sidbyggare har blivit en integrerad del av webbutveckling för dem med liten eller ingen erfarenhet av webbdesign.

En av de mest populära sidbyggarna är Elementor som är tillgänglig gratis och med fler funktioner i premiumläge.

Hur man använder Elementor

I den här artikeln kommer vi att förklara varför vi tycker att Elementor är den perfekta sidbyggaren till att börja med:

Lär känna Elementor

Användarens första möte med din webbplats lämnar ett bestående intryck. Oavsett om du har gått i en retro eller minimalistisk stil eller samlat dina resurser för att skapa en vision för hur webbsidor kommer att se ut i framtiden, i båda fallen är en WordPress-sidbyggare som Elementor det som gör att du kan anpassa din webbplats utan kodning.

Det är viktigt att du först installerar ett WordPress-tema som är kompatibelt med Elementor.

Läs också: Kan du använda Elementor utan tema? (Nej - här är varför)

Förr i tiden skulle du utforma din webbplats med de tillgängliga designalternativen som erbjuds av ditt tema. Men vissa teman saknade vissa anpassningsfunktioner, andra var klumpiga och extremt svåra att anpassa för varje sida.

Elementor sidbyggare låter dig göra ändringar på din webbplats i realtid utan att behöva växla mellan frontend och backend för att kontrollera hur dina nya ändringar har implementerats.

Du kan installera Elementor antingen genom att besöka din egen webbplats och senare genom att ladda upp zip-filen till din WordPress eller bläddra i arkivet för Wordpress plugins och sök efter "Elementor" och klicka på Installer.

Se till att aktivera plugin-programmet så är du redo att utforska alla alternativ som Elementor har att erbjuda.

Läs också: Hur man installerar Elementor

Funktionerna som Elementor har att erbjuda

Lyckligtvis är Elementor en frontend-redaktör, vilket innebär att du kan se ändringarna träder i kraft just nu och göra justeringar.

En annan indirekt fördel är att det på grund av sin popularitet inte finns någon brist på resurser på YouTube eller WordPress-webbplatsen för att komma igång. Denna artikel är ett illustrativt exempel på dessa webbplatser.

Anpassning på Elementor handlar om widgets och när du väl är van vid att dra och släppa dina widgets på sidan kommer du att hitta varför det är mycket bättre än att hantera ditt WordPress-temas standardsidebyggare.

Infoga en Paypal-knappwidget

Varje sida på WordPress består av sektioner och detta är grunden för sidbyggnad med Elementor.

Det finns en hamburgermeny till vänster på skärmen som låter dig göra ändringar på hela webbplatsen medan ändringarna återspeglas på höger sida.

Dra och släpp-funktionen möjliggör en snabbare webbupplevelse som påminner om ett designverktyg.

Den enda anledningen till att du behöver ett tema är att din webbplats inte kan fungera utan ett tema och Elementor inte skulle ha något att ändra utan ett.

Lire Kan du använda Elementor utan tema? (Nej - här är varför)

Dessutom behöver du fortfarande temat för att ändra sidhuvud och sidfot om du planerar att hålla dig till den fria versionen av Elementor.

Elementor Free vs. Elementor Pro

Huvudskillnaden mellan dem är i antalet widgets som erbjuds i Pro-versionen.

Så se till att kontrollera om du behöver det i din design.

Och även möjligheten att ändra sidfot och sidhuvud i Elementor kommer till nytta, men om ditt tema redan kommer med en dedikerad sidhuvud och sidfotbyggare kanske det inte är lika användbart.

När det gäller widgets, här är de grundläggande widgetsna som finns i den gratis versionen:

  • Intern sektion
  • Bild
  • Textredigerare
  • Vidéo
  • knapp
  • separator
  • icon
  • Delare
  • Google Maps

Här är några av de widgets som finns i Pro-versionen:

  • Portfölj
  • formen
  • Vändbox
  • Prislista
  • Citat Block
  • Uppmaning till handling

Nedan följer all information som är användbar för att fatta ett välgrundat slutgiltigt beslut om huruvida man ska uppgradera till Elementor Pro.

Men i allmänhet rekommenderar vi att du spelar med den gratis versionen tills du är säker på att Elementor är den bästa WordPress-sidbyggaren för dig.

Elementor gratis Elementor Pro
Prix fri $ 49 till $ 99,199 XNUMX / år
Antal widgets 25+ 50+
Sidbyggare tillgängliga tillgängliga
Temabyggare inte tillgänglig tillgängliga
Support inte tillgänglig tillgängliga
Dynamiskt innehåll inte tillgänglig tillgängliga
Pro-mallar och block inte tillgänglig tillgängliga
Integration av e-handel inte tillgänglig tillgängliga

I slutändan är försäkran om att Elementors supportteam tillhandahåller support i Pro-versionen det som får oss att tro på Pro-versionen.

Det kommer också med några nischfunktioner som du hittar i andra plugins, men varför inte göra allt i ett stopp.

Till exempel, popup-byggaren, dynamiska alternativ, villkor för vilka rubriker eller popup-fönster är synliga, anpassade CSS, kortkoder och mallwidgets, anpassade teckensnitt och rollhanterare.

Att kunna tilldela och begränsa roller till användare på WordPress gör att de kan fortsätta sitt arbete utan att kompromissa med din design. Kunden har endast tillgång till modifieringen av innehållet på sidan och kan inte lägga till eller ta bort element genom att dra och släppa; på detta sätt kommer din design alltid att skyddas.

Redigeringsmiljön

När du designar din första sida med Elementor kan du först bli överväldigad av antalet widgets och inte ha ritat en design för att sätta på en tom duk; det är här Elementors sidmallar kommer in för dem som känner sig mindre inspirerade just nu.

Välj bara en fördefinierad mall från den enorma listan och infoga den på din sida och anpassa den efter dina behov. Den högra sidan är din designlekplats där du kan lägga till element som bildar sidan.

Vänster sida är en kreativ panel fylld med dra-och-släpp-widgets på sidan.

Du kan lägga till sektioner och dra widgets som passar din design eller välja förutformade mallar.

Läs också: Hur man lägger till svävareffekt i Elementor via anpassad CSS

I den nedre panelen hittar du den cirkulära pilikonen som tar dig tillbaka till din historik och är uppdelad i åtgärder och recensioner; i åtgärder kan du hitta dina steg och återgå till en tidigare utgåva och under revision kan du hitta alla dina sparade versioner.

hur man använder Elementor

En annan fördel med att använda Elementor är snabb åtkomst till olika visningslägen så att du direkt kan se hur din nuvarande design ser ut på olika skärmar som surfplatta och mobil.

Om du vill utforma en hemsida hjälper Elementor's Blocks dig att bygga din egen sida från grunden.

Läs också: Hur man lägger till svävareffekt i Elementor via anpassad CSS

Flikalternativ Stil (färg, typsnitt, storlek) låter dig anpassa innehållet i blocken efter dina behov.

Det finns också det extremt användbara alternativet att kopiera stilen till ett befintligt avsnitt och klistra in därifrån för att redigera alla block på samma sätt.

hur man använder Elementor

Enkla webbplatser med statiska sidor, som för portföljen, är mestadels statiska, men de flesta webbplatser har flera sidor (blogg, webbutik, sökresultat).

Dessa dynamiska sidor kan redigeras med Elementor Pro eller temalternativ, till exempel genom att utforma din egen sidhuvud och sidfot.

Se även: Hur man aktiverar Kommer snart-läge i Elementor

Pro-versionen kommer också med fler block, mallar och widgets.

På backend kan du också komma åt Verktyg-menyn som erbjuder alternativ som Ersätt URL, underhållsläge och versionskontroll för att återgå till en tidigare version om din webbplats stötte på ett problem med den senaste Elementor.

Kort sagt, med båda versionerna kan du skapa en sida, använda redigeringsverktyg och infoga fördefinierade mallar.

Elementor Pro-pris

Att döma av tabellen ovan, om du är övertygad om att Elementor Pro är rätt val för dig, har Elementor-teamet 5 olika planer för dig att komma igång beroende på hur många licenser du behöver.

I finalen

Generellt är att kombinera Elementor (gratis eller Pro) med ett kraftfullt WordPress-tema som täcker sina blinda fläckar i de flesta fall rätt väg att gå.

Andra ytterligare premium WordPress-plugins 

Upptäck också andra Wordpress plugins premium som optimerar prestandan för din WordPress-blogg eller webbplats.

1. Foodify

Foodify är det snabbaste och lättaste sättet för kunder att beställa mat från en butik. Det är helt mottaglig och innehåller ytterligare funktioner som bild, sökalternativ, produktinformation. Foodlify restaurang matmeny för woocommerce

Det lägger också till knappar i korgen för att förbättra användarupplevelsen. Denna WooCommerce-förlängning är en snabb och omfattande beställningslösning som kan läggas till på vilken WooCommerce-webbplats som helst.

Här för dig 5 WordPress plugins för att optimera kategoribeskrivningar och etiketter

Det har fördelen att det är mycket flexibelt och kompatibelt med många befintliga plugins i WordPress-katalogen.

Ladda ner | demo | webbhotell

2. Pan Zoom Bild

Detta plugin låter dig enkelt lägga till en panoramafunktion för bilder på din WordPress-blogg via en kortkod. Du kan till exempel integrera det i din artikel eller din sida.

Image zoom pan wordpress plugin för zoom

Som funktioner har du bland annat: panoramazoom på en enda bild eller ett galleri med obegränsade bilder, kontrollstångens läge kan vara topp, höger, botten och vänster, botten på behållaren kan vara mörk, ljus och inget av det; liveförhandsgranskningen i instrumentpanelen, exemplet med flera panoreringszoom på samma sida, etc.

Upptäck också vår 5 kortkoder premium WordPress plugins

Ladda ner | demo | webbhotell

3. Slider Pro

Slider Pro-lösningen erbjuder dig en allt-i-ett-plattform som hjälper dig att skapa och redigera bilder eller reglage som inte bara kommer att tilltala bloggare, utan även de som inte bara publicerar artiklar.

Slider pro-responsivt wordpress-skjutreglage-plugin

Ce Wordpress plugin premium undviker onödiga krusiduller, som ofta är ett hinder för användare som letar efter den information de behöver. Dessutom fokuserar den på enkelhet och prestanda, samtidigt som det erbjuder ett brett utbud av anpassningsmöjligheter.

Upptäck också Hur man skapar ett bildspel med Slider Revolution på WordPress

Hans hantering av Urls i webbläsarens sökfält är en av de funktioner som stod ut för oss på den senare. Som namnet antyder är detta den professionella lösningen du behöver.

Läs också vår 5 WordPress-plugins för att skapa vanliga frågor på en blogg

Dess funktioner är: optimerad bildbelastning, enkel anpassning, smidiga animationer, flera layouter och mer.

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är det för vår artikel som visar hur du använder Elementor i WordPress. Om du har kommentarer eller förslag, tveka inte att meddela oss i det reserverade avsnittet.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk. 

. 

Poster le commentaire

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.