Gå till innehållet

Hur man skapar en layout med Elementor

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Vill du skapa en layout med Elementor? Vill du enkelt skapa en professionell WordPress-webbplats? Då måste du Ladda ner WordPress Elementor-plugin här.

 Elementor är en visuell sidbyggare som erbjuder funktionen "Dra och släpp" som gör att du enkelt kan skapa anpassade layouter på WordPress utan någon kodkännedom.

I den här handledningen visar vi hur du enkelt skapar anpassade WordPress-layouter med Elementor med bara några få klick. Vi erbjuder dig också kolla in de andra alternativen för detta vackra WordPress-plugin.

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

skapa en layout med Elementor

Varför och när ska du skapa anpassade layouter på WordPress?

Innan du börjar kan du upptäcka detta WordPress-plugin genom att läsa artiklarna Presentation av en WordPress-byggarsida: Elementor eller upptäcka Elementorhandledning: Introduktion av gränssnittet 

Många gratis och premium WordPress-teman erbjuder flera layoutalternativ för olika sidor. Ibland uppfyller emellertid ingen av dessa layoutmallar dina behov.

Men om du är en fan av PHP, HTML och CSS, har du möjligheten att skapa dina egna sidmallar eller till och med skapa ett barntema för din webbplats. Men majoriteten av WordPress-användare är inte utvecklare, så det här alternativet fungerar inte för dem.

Upptäck också dessa 8 WordPress plugins för att enkelt skapa dina layouter

Skulle det inte vara bra att skapa layouter med ett enkelt gränssnitt (Dra och släpp)?

Detta är precis vad Elementor gör. Detta är ett plugin-program för WordPress-sidbyggare som låter dig enkelt skapa dina egna WordPress-layouter utan kodfärdigheter.

Den har ett intuitivt användargränssnitt som låter dig skapa anpassade layouter med förhandsvisning i realtid. Den levereras med massor av färdiga moduler för alla typer av webbdesignelement.

Det erbjuder flera professionellt utformade sidmallar som du kan ladda och använda direkt som utgångspunkt. Som sagt, låt oss ta en titt på hur man skapar anpassade WordPress-layouter med WordPress Elementor-plugin.

Komma igång med Elementor

Först måste du köpa plugin " Elementor Pro ". Detta är den betalda versionen av plugin " Elementor Gratis vilket ger dig tillgång till ytterligare funktioner och 1s kundsupport.

Då måste du installera och aktivera Elementor-plugin. För mer information, se vår steg-för-steg-guide om sätt att installera ett WordPress-plugin.

Efter aktivering, besök " Elementor> Inställningar För att konfigurera funktionen för detta plugin.

Elementinställningar

Här kan du aktivera ”Elementor” för olika inläggstyper. Som standard är det aktiverat för dina WordPress-inlägg och sidor. Om du har anpassade inläggsformat på din webbplats kommer de också att visas här, och du kan också aktivera dem.

Du kommer att kunna utesluta eller inkludera användarroller som kan använda Elementor när du skriver inlägg eller sidor. Som standard är det endast aktiverat för administratörer.

Upptäck vårt 8 WordPress plugins för att hantera roller och användare

Glöm inte att klicka på knappen « Spara ändringar För att spara dina inställningar.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Skapa en anpassad layout med Elementor

Först måste du skapa en ny sida (eller inlägg) på din WordPress-webbplats. På redigeringssidan för inlägg kommer du att märka den nya knappen "Redigera med Elementor".

Redigera med elementor

Genom att klicka på den startas Elementor UI där du kan redigera din sida med hjälp av den visuella sidbyggaren med dra och släpp-funktionalitet.

Dra och släpp elementor

Du kan nu lägga till sektioner och skapa din sida från början, eller du kan fortfarande ladda en av de standardlevererade mallarna.

Modeller är ett snabbare sätt att komma igång snabbt. Således erbjuder Elementor flera professionellt utformade mallar som du kan anpassa så mycket du vill.

Låt oss börja med en mall genom att klicka på knappen " Lägg till en mall ".

Detta visar ett popup-fönster där du kan se olika tillgängliga modeller. Du bör leta efter en modell som ser ut som du vill. 

Layout elemntor plugin

Klicka nu för att välja den modell du vill och klicka sedan på knappen infoga För att lägga till det på din sida.

Elementor laddar mallen för dig.

Du kan nu börja ändra mallen för att passa dina behov. Peka och klicka på valfritt element för att välja det, så visar Elementor dess inställningar i den vänstra kolumnen.

Början på sidredigering på elementor

Låt oss nu prata om hur Elementors layouter fungerar.

Modellerna som erbjuds av Elementor-plugin är byggda på sektioner, kolumner och widgets. Avsnitt är som rader eller block som du placerar på din sida.

Varje sektion kan ha flera kolumner och varje sektion och kolumn kan ha sina egna stilar, färger, innehåll etc.

Redigera en sida med elementor

Du har möjlighet att lägga till element i dina kolumner och avsnitt med hjälp av de widgets som Elementor erbjuder.

Dessa widgets är typer av innehållsblock som du kan placera i delar av dina sidor.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Välj bara en widget och släpp den i ditt avsnitt eller kolumn. Det finns en enorm uppsättning widgets som täcker alla populära webbdesignelement du kan tänka dig.

Element e design med elementor

Du kan lägga till bilder, texter, ämnen, bildgallerier, videor, kartor, ikoner, vittnesmål, skjutreglage, karuseller och mycket mer.

Se även vår 15 Elementor teman och mallar för att skapa en webbplats

Du kan också lägga till standard WordPress-widgets och till och med widgets som skapats av andra WordPress-plugins på din webbplats.

När du är klar med att skapa din egen eller ändra din layout kan du klicka på knappen " Enregistrer För att behålla dina förändringar.

Anpassa layouten med elementor

Remarque: Att spara en layout publicerar inte sidan på din WordPress-webbplats. Det sparar helt enkelt din layout.

Vid den här tiden har du möjlighet att förhandsgranska din sida eller gå till WordPress-instrumentpanelen. Vilket tar dig tillbaka till standardredigeraren för WordPress-inlägg. Du kan nu spara din WordPress-sida eller publicera den på din webbplats.

Layoutpublikation med elementor

Det är det, så slutade skapa en sida med WordPress Elementor-plugin.

Men som många sidbyggare erbjuder det också tillägg vilket gör att du enkelt och snabbt kan skapa nya layouter genom att föra fler designelement till standardplugin.

Ladda ner Elementor

Upptäck också några premium WordPress-plugins  

Du kan använda andra WordPress-plugins för att ge ett modernt utseende och optimera greppet på din blogg eller webbplats.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. JetElements 

Detta plugin förbättrar ditt Elementor-paket med ett brett utbud av moduler som är mycket användbara när du bygger din webbplats. Kraftfulla element har skapats speciellt för att integreras med Elementors funktionalitet för att ge dig mångsidiga lösningar och snygga element.

Elementor wordpress plugin jetelement

Huvudfunktionerna är: många användbara moduler, som innehåller många stilalternativ, funktionella parametrar och absolut anpassningsbara element, otroliga element för att snabbt starta din onlinebutik, stöd för RTL-språk, WPML-plugin-stöd och en modul Kontaktformulär 7 fantastiskt, vilket gör att du kan lägga till dina kontaktformulär och bädda in dem på din webbplats.

Ladda ner | demo | webbhotell

2. JetMenu 

JetMenu är en förlängning mycket funktionell plugin Elementor, som låter dig skapa megamenus med lättanvända rullningselement. Detta plugin begränsar inte din fantasi och har potential att skapa fantastiska menyer och förbättra dem i enlighet med din vision och dina behov.

Jetmenu wordpress elementor plugin

Dess huvudfunktioner är: Ingen kodningskunskap krävs, rika funktioner som kombinerar perfekt med enkelhet och tydlighet, ett stort urval av innehållsmoduler, speciellt utvecklade för att hjälpa dig skapa dina menyer, en mycket lyhörd layout och mer.

Om du vill krydda menyer eller megamenus på din webbplats är detta WordPress-plugin att konsultera.

Ladda ner | demo | webbhotell

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

3. JetWooBuilder 

JetWooBuilder är ett måste-tillägg som låter dig skapa fullfjädrade WooCommerce-produktsidor med Elementor.

Jetwoobuilder wordpress elementor plugin

Som funktioner hittar du bland andra: flera unika produktsidemallar, många bilder för att skapa produktsidor WooCommercemånga iögonfallande innehållswidgets, till exempel Lägg i kundvagn, Förhandsgranska, Bild, Betyg, Relaterade och många fler, möjligheten att visa produkttaxonomier och mer.

Ladda ner | demo | webbhotell

Några användbara resurser:

Slutsats:

Här är ! Det är det för den här handledningen, jag hoppas att du kan skapa moderna och professionella layouter med plugin Elementor.

Du kommer dock också att kunna konsultera vår medel, 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.

Dela särskilt den här artikeln på dina olika sociala nätverk.

.

Den här artikeln innehåller kommentarer 24

  1. Thierry Hej!

    Stort tack för det här fantastiska inlägget.
    Jag använder ELEMENTOR PRO och jag skapade en sida där jag laddade ner en redan byggd layout via ELEMENTOR. Men jag förstår inte, den här finns på ALLA min webbplats ... all min webbarkitektur har ändrats och det är denna layout som jag hittar på alla sidor på min webbplats. Å andra sidan har den gamla layouten inte raderats utan finns längst ner på sidan. När jag klickar på “REDIGERA med ELEMENTOR” kan jag inte ta bort det ... har du någon aning varifrån den kommer?
    Ett stort tack!

  2. hello Thierry
    Hjärtat tack så mycket för artikeln. Nu har jag en oro som har stört mig i några dagar, jag är ny på WordPress och jag använder ocean WP som tema och sedan installerade jag elementor som en gratis version så med den här gratisversionen började jag med att skapa mina sidor och det är bra men problemet som uppstod för mig är att när jag publicerar min sida eller artikeln när jag har det, visas inte stora bokstäver efter en punkt eller i början av min mening är det nödvändigt inställningar på typografin eller på typsnittfamiljen som jag har valt för att hjälpa mig att bättre förstå var det är den fria versionen som inte har stora bokstäver efter en punkt. Tack för att du förstår.

    1. Hej!

      Jag rekommenderar att du kontaktar Elementor-plugin-support på sin WordPress.org-sida. Du kommer säkert att hitta ett svar från författarna.

  3. Hallå
    Jag skapade min hemsida via den anpassade fliken i mitt wordpress-gränssnitt. Varför hittar jag inte detsamma i elementor? på elementor min menyrade är inte på samma plats och jag har inte min logotyp som visas! Jag föredrar den på wordpress, men när jag gör en visualisering av min sida är det elementor som kommer fram! Kan du berätta för mig hur man gör det?
    Tacka dig p

  4. Hej!
    Jag har ett problem I några månader har jag inte uppdaterat min webbplats där jag använder detta element; idag försökte jag göra det men jag har problem de flesta avdelningarna visar mig en överkryssad ruta med ordet AVSNITT och det finns inget jag kan göra. Jag kan bara redigera ett avsnitt på sidan, det där jag har själva texten.
    Vet du vad det kan fungera?

  5. Hej!
    Jag lär mig hur man bygger en webbplats med WordPress, Elementor är ett bra plugin, det hjälper mycket, jag upptäcker något nytt.
    Också problem;) Jag brukar hantera lösningar. Inte nu.

    Jag har problem med textredigering. Avsnittet och rubrikerna är båda styva och jag kan inte ändra teckensnitt, färg, vikt etc. Trots ändringarna i inställningarna ändras ingenting. Det är inte ett mönsterproblem, eftersom det har en annan typsnitt och färgschema än vad Elementor ger mig.
    Jag vet inte hur jag ska ändra den här mallparametern hände mig även med rubrik 1, men jag ändrade den genom att ange html-kod i rubriken och hjälpte, nu fungerar det inte.

    Hur kommer detta att förändras? - snälla hjälp.

    1. Hej!

      Försök att inaktivera alla WordPress-plugins och försök igen. Om ditt problem är löst när de är alla inaktiverade, börja med att aktivera dem en efter en, kontrollera sedan varje gång.

      Om det är ett kompatibilitetsproblem med ett annat plugin vet du vilket.

  6. God kväll.
    Jag lade till ett foto på webbplatsen (Landing Page) och jag försökte byta till en annan som jag inte kunde ... ta bort flera gånger och jag lade det nya fotot men det laddas inte ... det gamla fotot kvar ...
    Skulle du kunna hjälpa mig?

  7. Hej och tack för den här artikeln som bekräftar mitt val av Elementor som min sidbyggare. ^^

    Å andra sidan, vad tycker du om skapandet av en barnsida före ändringar. Är detta nödvändigt med Elementor?

    Min rädsla är att alla ändringar som görs kommer att skrivas över när temat uppdateras? Finns det ingen risk?

    Tack för ditt svar,
    Bien à vous,
    Nicolas

  8. Hej och tack för den här mycket intressanta artikeln.
    Jag började använda Elementor och undrade om det finns något behov innan jag fortsatte att göra ett barntema för det jag använder. Annars finns det ingen risk att uppdateringarna av temat eller plugins bara skriver över layouten byggd med Elementor?
    Tack för din återkomst,

  9. Hej!

    Jag skulle vilja veta hur man får PHP-koden för ELEMENTOR-tillägget för att integrera den på min hemsida?

    Tack för din uppmärksamhet på min begäran.

  10. Hej!

    väldigt intressant artikel.
    Jag har en fråga till den pro elementor som du är.
    Är det möjligt att lägga till de genererade formerna, en metod = "POST"?

    Jeanson

  11. mycket bra artikel, jag vill fråga, när jag började gå till elementor, eller varför det ser ut som om det finns en rubrik och footernya, hur man ser tom ut

Lämna en kommentar

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

Tillbaka till toppen