Så här skapar du customize layouts i WordPress med Beaver Builder

Du har säkert redan letat efter sätt att skapa egna layouter i WordPress. Men de guider som du hittar är antingen för långa eller kräver kodningskunskaper. Låter det bekant?

Om så är fallet tycker vi att du ska prova en sidbyggare som Beaver Builder. Många erfarna användare tycker att sidbyggare inte ger bra design eller gör webbplatser långsammare. Men enligt vår erfarenhet kan verktyg som detta verkligen förenkla hur du skapar webbplatser, särskilt för nybörjare.

Vi kommer att visa hur du skapar en anpassad WordPress-layout med Beaver Builder. Vi lär dig hur du ställer in det, gör din första anpassade layout och använder färdiga designer för att spara tid.

Varför och när du behöver Custom Page Layouts

Många premiumteman för WordPress kommer med färdiga layouts för pages för olika sections på en website. Men ibland kanske en built-in layout inte passar dina behov.

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

Det är här verktyg som Beaver Builder kommer in i bilden. Det är ett drag-och-släpp-plugin för sidbyggare för WordPress. Det hjälper dig att skapa dina egna anpassade sidlayouter utan att skriva någon kod.

Beaver Builder är mycket användarvänlig och nybörjarvänlig. Samtidigt är den hämtar med otroliga funktioner för att skapa professionella pages.

Det fungerar med all WordPress teman och har massor av moduler som du bara kan drag and drop till din page. Du kan skapa vilken layout du vill och ställa in den precis som du tänkt dig.

I den här Beaver Builder-handledningen visar vi dig hur du använder Beaver Builder för att skapa anpassade sidlayouter i WordPress. Du kan använda snabblänkarna nedan för att navigera genom den här artikeln:

Steg 1: Installera pluginet Beaver Builder

Först måste du köpa pluginet Beaver Builder. Det är ett betalt plugin, med priser som börjar från $99 för obegränsade webbplatser.

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

Vid aktivering måste du gå till sidan Inställningar ” Beaver Builder för att ange din licensnyckel.

När du har enter din license key är du nu redo att skapa beautiful layouts för pages.

Steg 2: Skapa din första anpassade sidlayout med Beaver Builder

Först skapar du helt enkelt en ny sida i WordPress genom att gå till Sidor ” Lägg till ny sida.

Innan vi öppnar Beaver Builder ska du ge din nya sida en titel och spara den som ett utkast.

Vår erfarenhet är att sidbyggaren inte öppnas om vi inte gör detta först.

När du har gjort det trycker du på knappen ”Launch Beaver Builder” för att komma igång.

Detta öppnar framsidan av din sida i Beaver Builder-gränssnittet.

If this is your first time using Beaver Builder, then you will see a welcome popup offering you a guided tour.

Därefter måste du klicka på ”+”-knappen i toppmenyn. Denna knapp kommer att förvandlas till en ”x” -ikon. Byt sedan till fliken ”Mallar”.

Beaver Builder levereras med några professionellt utformade templates som hjälper dig att komma igång direkt.

Oroa dig inte; du kan customize mallen så mycket du gillar. Det är bara ett snabbt sätt att få dig att komma igång med en layout.

När du väljer en layout kommer Beaver Builder att hämta den i fönstret Preview. Om du för musen till ett objekt kommer Beaver Builder att markera det.

You can simply click on the wrench icon on any highlighted item to edit it.

Beaver Builder kommer att visa en popup med olika settings som du kan edit.

Du kan ändra typsnitt, färg, bakgrund, utfyllnad, marginal och mycket mer.

Layouterna i Beaver Builder är baserade på rows. Du kan dra and drop för att omorganisera row. Du kan också ta bort eller lägga till en ny row.

Klicka bara på Row Layouts menu och select det antal columns du vill ha i din row.

Beaver Builder kommer att add the row till live preview på din site.

Du kan lägga till objekt i din rad med hjälp av grundläggande eller avancerade moduler och widgets. Med dessa moduler kan du lägga till de vanligaste elementen som knappar, rubriker, text, bilder, bildspel, ljud, video osv.

Välj bara ett objekt och dra det till den row you just har addat. Klicka på ett objekt för att editera dess egenskaper.

Du kan också save en row eller en modul för att senare återanvända den på andra pages. Klicka på knappen ”Save as” på när du editerar en row eller modul.

Click on the ”Done” button in the upper right-hand corner when you has finished editing your page.

Beaver Builder kommer att visa en serie knappar för att publicera eller save your page som ett draft.

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å nedåtpilen för att komma till ”Verktyg” i det övre fältet.

Beaver Builder kommer att visa en popup för you. You can save the page as a template or quickly create a duplicate page with the same layout.

Hur man hanterar sidlayoutmallar i Beaver Builder

Du kan kolla in alla mallar du har skapat i Beaver Builder ” Mallar. Här kan du hantera, förhandsgranska och redigera dina befintliga mallar.

En bra sak med Beaver Builder-mallar är att de är anpassade inläggstyper. Det innebär att du enkelt kan exportera dina Beaver Builder-mallar med hjälp av den inbyggda exportfunktionen i WordPress.

Gå till sidan Verktyg ” Exportera och välj Mallar. Klicka på knappen ”Download Export File”, så skickar WordPress en XML-fil som du kan ladda ner.

Logga nu in på den site i WordPress där du vill importera templates. Gå till Settings ” Import page och klicka på WordPress.

Du kommer att bli ombedd att ladda ner och installera plugin-programmet WordPress importer. Efter det kan du helt enkelt ladda upp din malls XML-fil och importera den.

Alternativ: Använd SeedProd för att skapa ett anpassat tema

Även om Beaver Builder är fantastiskt, kanske det inte passar perfekt för alla. Men det är okej! Det finns andra utmärkta val där ute, som SeedProd.

SeedProd är en annan användarvänlig sidbyggare som vi ofta rekommenderar. Det är inte bara för att skapa landningssidor. Du kan till och med använda den för att skapa hela WordPress-teman. Vi har använt det i många projekt, bland annat för att bygga landningssidor för OptinMonster.

Det som gör att SeedProd sticker ut är dess omfattande anpassningsalternativ. Dessa låter dig enkelt lägga till coola funktioner på dina sidor, som roterande vittnesmål, iögonfallande animationer, professionella pristabeller, funktionslådor och mer.

Dessutom har SeedProd AI-verktyg som snabbt kan generera text och bilder av god kvalitet för din webbplats. Detta kan vara en riktig tidsbesparing när du bygger dina sidor.

Är du intresserad av att lära dig mer? Kolla in dessa recensioner för att se hur SeedProd står sig jämfört med andra populära sidbyggare:

• Elementor vs Divi vs SeedProd (Jämfört) – Vilket är det bästa?
• Instapage vs Leadpages vs Unbounce vs SeedProd

Vi hoppas att den här artikeln hjälpte dig att skapa anpassade sidlayouter i WordPress med hjälp av Beaver Builder. Du kanske också vill se vår guide om hur du skapar en mobilvänlig WordPress-webbplats och våra expertval av de bästa temabyggarna för WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.