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.

Vill du lära dig att skapa anpassade layouter i WordPress? Beaver Builder låter dig skapa dina egna layouter utan att skriva någon kod. I den här handledningen studerar vi Beaver Builder och visar hur du skapar anpassade WordPress-layouter med detta plugin.

Beaver Builder Layout Plugin

Varför och när du behöver anpassade layouter

Många premium WordPress-teman har layouter för olika delar av en webbplats. Det finns dock tillfällen då en integrerad layout kanske inte uppfyller dina behov.

Du kan skapa anpassade WordPress-sidmallar genom att skapa ett underordnat tema och sedan lägga till dina egna sidmallar. Men du behöver lite kunskap om PHP, HTML och CSS för att detta ska fungera.

Det är där där Beaver Builder gå med i spelet. Det är ett plug-in för dra och släpp-design på WordPress. Det hjälper dig att skapa din egen anpassade layout utan att skriva någon kod.

Beaver Builder Sammanfattning

Beaver Builder är mycket lätt att använda och lämplig för nybörjare. Samtidigt kommer det med fantastiska funktioner för att skapa sidor med ett professionellt utseende.

Det fungerar med alla WordPress-teman och har massor av moduler som du bara kan använda på din sida (genom att dra och släppa). Du kan skapa vilken typ av layout du vill och konfigurera efter behov.

I denna handledning för Beaver Builder visar vi dig hur du använder den för att skapa anpassade layouter i WordPress.

Låt oss börja.

Setup Builder Beaver

Du måste först köpa plugin Beaver Builder. Det är ett betalt plugin, som börjar på $ 99 för obegränsade webbplatser.

Då måste du installera och aktivera plugin.

Efter aktivering, gå till sidan Inställningar »Builder Page för att ange din licensnyckel.

Bäver licens Wordpress plugin

När du har angett din licensnyckel är du nu redo att skapa dina layouter.

Skapa din första anpassade layout med Beaver Builder

Skapa bara en ny sida i WordPress genom att gå vidare Sidor »Lägg till nytt. Du kommer att märka en ny 'Page Builder' -flik i WordPress-redigeraren.

Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

Wordpress plugin bäver sidan Editor

Klicka på 'Page Builder"för att kasta" Beaver Builder". Om det är första gången du använder Beaver Builder, ser du ett välkomstfönster som ger dig en guidad tur.

Vid den här tiden kan du klicka på 'Nej Vänligen hoppa över steget'. Därefter måste du klicka på knappen Mallar i toppmenyn.

Beaver Mall WodPress plugin

Beaver Builder erbjuder professionellt utformade mallar för att komma igång direkt.

Oroa dig inte, du kan anpassa mallen så mycket du vill. Det är bara ett snabbt sätt att komma igång med en layout.

Välj en layout Beaver Wordpress plugin

När du väljer en layout laddar Beaver Builder den i förhandsgranskningsfönstret. Flytta musen över ett objekt och Beaver Builder markerar det.

Du kan helt enkelt klicka på skiftnyckelikonen på ett markerat objekt för att redigera det.

Redigera layout

Beaver Builder visar en popup med olika inställningar som du kan redigera. Du kan ändra text, färg, bakgrund, teckensnitt, marginal etc.

Du kan också klicka på ett objekt i liveförhandsgranskningen och du kan dra det runt på sidan.

Vill du sälja dina produkter på internet?

Ladda ner WooCommerce gratis, de bästa plugins för e-handel för att sälja dina fysiska och digitala produkter på WordPress och enkelt skapa din onlinebutik. Perfekt för nybörjare.

Beaver Builder-layouterna är designade i rader. Du kan dra och släppa för att ordna om raderna. Du kan också ta bort eller lägga till en ny rad.

Klicka bara på knappen Row layouteroch välj sedan antalet kolumner du vill ha i din rad.

Lägg till en Beaver Plugin WordPress Line

Beaver Builder lägger till raden i liveförhandsgranskningen på din webbplats.

Du kan lägga till objekt i dina rader med grundläggande eller avancerade moduler och widgets. Med dessa moduler kan du lägga till de mest använda elementen som knappar, titlar, texter, bilder, bildspel, ljud, videor etc.

Välj bara ett objekt och dra det till raden du just lagt till. Klicka på ett objekt för att redigera dess egenskaper.

Du kan också spara en rad eller modul för att återanvändas senare på andra sidor. Klicka på knappen " Spara som " när du modifierar en rad eller en modul.

Hur man sparar modulen

Klicka på knappen färdiga När du är klar med att redigera din sida. Beaver Builder visar en popup med knappar för " offentliggöra "Eller" Spara sida som ett utkast".

WordPress Beaver Plugin dialogfönster

Du kan också återanvända en hel layout för andra sidor på din WordPress-webbplats. Öppna bara sidan med Page Designer och klicka sedan på knappen Verktyg i det övre fältet.

Beaver Builder visar dig en popup. Du kan spara sidan som en mall eller snabbt skapa en duplikatsida med samma layout.

Spara en layout Beaver Wordpress plugin

Hantera layoutmallar på Beaver Builder

Varje Beaver Builder-licens ger dig rätt att använda den på obegränsade webbplatser. Men hur flyttar du dina sidmallar från en WordPress-webbplats till en annan?

Beaver Builder lagrar mallar som skapats av användare i en anpassad posttyp som kallas mallar. Det är dolt som standard, men du kan göra det synligt genom att gå till Inställningar »Builder Page och klicka på fliken Mallar.

Markera bara rutan bredvid alternativet 'Aktivera Admin mallaroch klicka Spara mallinställningar.

Beaver spara ett bord layout Wordpress kanten

Du kommer att märka att ett nytt menyalternativ heter Mallar visas i din WordPress-instrumentpanel. Alla layouter som du sparar som mallar visas på den här sidan.

Eftersom detta är en anpassad inläggstyp kan du enkelt exportera dina Beaver Builder-mallar med WordPress: s inbyggda exportfunktionalitet.

Besök sidan Verktyg »Export och välj mallar. Klicka på knappen Ladda ner exportfilen Och WordPress skickar en XML-fil som du kan ladda ner.

Export mallar Wordpress

Anslut nu till WordPress-webbplatsen där du vill importera mallarna. Fortsätt Inställningar »Importera och klicka på WordPress.

Du kommer att uppmanas att ladda ner och installera importörens plugin. Därefter kan du helt enkelt ladda ner din mall.xml-fil och importera den.

Det är allt! Vi hoppas att den här guiden har hjälpt dig att skapa anpassade WordPress-layouter med Beaver Builder. Om du har några kommentarer eller förslag, vänligen meddela oss i det dedikerade avsnittet.