Så här skapar du anpassade WordPress-layouter med Beaver Builder

Vill du lära dig hur du skapar anpassade sidlayouter i WordPress? Beaver Builder kan du skapa egna sidlayouter utan att skriva någon kod. I den här artikeln kommer vi att granska Beaver Builder och visa dig hur du skapar anpassade sidlayouter i WordPress med Beaver Builder.

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

Många premium WordPress-teman kommer med färdiga sidlayouter för olika delar av en webbplats. Ibland kanske en inbyggd layout inte passar dina behov.

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

Det är här Beaver Builder kommer in. Det är en drag och släpp sida byggare plugin för WordPress. Det hjälper dig att skapa egna anpassade sidlayouter utan att skriva någon kod.

Beaver Builder Review

Beaver Builder är väldigt lätt att använda och nybörjare vänlig. Samtidigt laddas den med otroliga funktioner för att skapa professionella sidor.

Det fungerar med alla WordPress-teman och har massor av moduler som du bara kan dra och släppa till din sida. Du kan skapa någon form av layout som du vill ha och konfigurera precis som du föreställde dig.

I den här Beaver Builder-översynen visar vi hur du använder Beaver Builder för att skapa anpassade sidlayouter i WordPress.

Låt oss börja.

Konfigurera pluggar för bäverbyggare

Först måste du köpa plugin för Beaver Builder. Det är ett betald plugin, med prissättning från $ 99 för obegränsade webbplatser.

Därefter måste du installera och aktivera plugin för Beaver Builder. För mer information, se vår steg för steg guide om hur du installerar ett WordPress-plugin.

Vid aktivering måste du besöka Inställningar »Sida Builder sidan för att ange din licensnyckel.

När du har skrivit in din licensnyckel är du nu redo att skapa vackra sidlayouter.

Skapa din första anpassade sidlayout med Beaver Builder

Skapa en ny sida i WordPress genom att besöka Sidor »Lägg till nytt. Du kommer att märka en ny sida Builder-flik i WordPress-redigeraren.

Klicka på fliken "Sidan Builder" för att starta Beaver Builder.

Om det här är första gången du använder Beaver Builder så ser du en välkommen popup som erbjuder dig en guidad tur.

Vid den här tiden kan du klicka på No Thanks-knappen för att hoppa över turnén. Sedan kommer vi att gå igenom olika funktioner i den här guiden, så du behöver inte turnén.

Därefter måste du klicka på mallar knappen i toppmenyn.

Beaver Builder kommer med några 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.

När du väljer en layout lägger Beaver Builder den i förhandsgranskningsfönstret. Ta musen till ett objekt och Beaver Builder kommer att markera det.

Du kan helt enkelt klicka på skiftnyckeln på något markerat objekt för att redigera det.

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

Du kan också bara klicka på ett objekt i livehandsvisningen och dra och släpp för att flytta den runt sidan.

Beaver Builder-layouterna är baserade på rader. Du kan dra och släppa för att omordna rader. Du kan även ta bort eller lägga till en ny rad.

Klicka bara på Row Layouts menyn och välj sedan antalet kolumner du vill ha i din rad.

Beaver Builder lägger till raden i live-förhandsgranskningen på din webbplats.

Du kan lägga till objekt i din rad med de grundläggande eller avancerade modulerna och widgetsna. Med dessa moduler kan du lägga till de vanligaste elementen som knappar, rubriker, text, bilder, bildspel, ljud, video 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 en modul för återanvändning senare på andra sidor. Klicka på Spara som knappen medan du redigerar en rad eller modul.

Klicka på knappen Klar när du är klar med att redigera din sida. Beaver Builder visar en popup med knappar för att publicera eller spara din sida som ett utkast.

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

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

Hantera sidlayoutmallar i 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-sida till en annan?

Beaver Builder lagrar användarskapade mallar i en anpassad posttyp som kallas mallar. Den är dold som standard, men du kan göra den synlig genom att gå till Inställningar »Sida Builder och klicka på fliken Mallar.

Markera kryssrutan bredvid alternativet Aktivera malladministratör och klicka på knappen Spara mallinställningar.

Du kommer att märka ett nytt menyalternativ som är märkt. Mallar visas i din WordPress-administratörsrad. Alla sidlayouter som du sparar som mall visas på den sidan.

Eftersom det är en anpassad posttyp kan du enkelt exportera dina Beaver Builder-mallar med hjälp av den inbyggda exportfunktionen i WordPress.

Besök Verktyg »Export sidan och välj Mallar. Klicka på "Hämta exportfil" och WordPress skickar en XML-fil för att ladda ner.

Logga in nu på WordPress-webbplatsen där du vill importera mallarna. Besök Inställningar »Importera sida och klicka på WordPress.

Du kommer att bli ombedd att hämta och installera pluginprogrammet för WordPress. Därefter kan du enkelt ladda upp din mall xml-fil och importera den.

Det här är allt, vi hoppas att den här artikeln hjälpte dig att skapa anpassade sidlayouter i WordPress med Beaver Builder. Du kanske också vill se vår guide om hur du döljer onödiga objekt från WordPress admin med Administrera.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.