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 WordPress-teman Både gratis och premium erbjuder flera layoutval för olika typer av sidor. Men ibland uppfyller ingen av dessa malllayouter 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

Så 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 typer av inlägg. 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 aktivera dem också.

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 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. Sektioner är som linjer 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.

Välj bara en widget och släpp den i din sektion eller kolumn. Det finns en enorm uppsättning widgets tillgängliga som täcker alla populära webbdesignelement du kan föreställa 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 skapade av andra Wordpress plugins på din hemsida.

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 för att optimera hanteringen av din blogg eller hemsida.

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

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.

.