Hur du skapar en anpassad sida i WordPress

En anpassad sida låter dig använda en annan layout än resten av din webbplats. Många WordPress-webbplatser använder anpassade sidlayouter för sina säljsidor, landningssidor, webbinariesidor och mer.

Åren har vi skapat många anpassade sidor på WPBeginner för olika ändamål. Vi har använt dem för att visa olika erbjudanden på plugins och hosting-tjänster, erbjuda Pro-tjänster för att hjälpa användare med WordPress, visa olika produkter och mer.

Enligt vår erfarenhet finns det flera sätt att skapa anpassade sidor. Vi har använt sidbyggare som SeedProd för några av våra projekt. Dessutom kan du också använda blockredigeraren eller fullständiga webbplatsredigerare för att lägga till anpassade sidor på din webbplats.

I den här artikeln visar vi hur du enkelt skapar en anpassad sida i WordPress.

Varför skapa en anpassad sida i WordPress?

Varje gång du skapar en ny sida styr ditt WordPress-tema hur den sidan ser ut med hjälp av en mallfil.

Denna page.php-mall påverkar alla enskilda sidor som du skapar i WordPress. Du kanske dock inte vill använda samma design varje gång.

Landningssidor har ofta annat innehåll jämfört med vanliga sidor, som en stor hjältebild eller en uppmaning till handling (CTA). Det innebär att de ofta ser helt annorlunda ut än resten av din webbplats. 

Men att försöka skapa unika designer med hjälp av standardmallar för sidor kan ta mycket tid. Du är också begränsad av page.php-mallen och kanske inte kan skapa exakt den design du vill ha. Detta kan göra det svårt att få bra resultat. Om du till exempel bygger en försäljningssida, kanske du inte får många konverteringar på grund av dålig siddesign.

Med det sagt, låt oss se hur du kan skapa en anpassad sida i WordPress, med exakt den design, layout och innehåll du vill ha. Använd helt enkelt snabblänkarna nedan för att hoppa direkt till den metod du vill använda.

• Metod 1. Hur man skapar en anpassad sida i WordPress med hjälp av blockredigeraren (ingen plugin krävs)
• Metod 2. Hur man skapar en anpassad sida med redigeraren för hela webbplatsen (endast blockbaserade teman)
• Metod 3. Skapa en anpassad sida i WordPress med SeedProd (Rekommenderas)
• Metod 4. Använda Thrive Architect för att skapa en anpassad sida i WordPress

Metod 1. Hur man skapar en anpassad sida i WordPress med blockredigeraren (ingen plugin krävs) 

Blockredigeraren gör det enkelt att designa dina egna mallar med de verktyg du redan är bekant med.

Detta är ett bra val om du planerar att återanvända samma design på flera sidor, eftersom du helt enkelt kan tillämpa samma mall. Om du vill skapa en helt unik design, då är ett annat alternativ att skapa sidan som vanligt och sedan redigera dess layout med hjälp av fullständiga webbplatsredigeraren, vilket vi kommer att täcka i Metod 2.

Var bara medveten om att dessa metoder endast fungerar med blockbaserade teman som ThemeIsle Hestia Pro eller Twenty Twenty-Three. Om du inte har ett blockbaserat tema, rekommenderar vi att du använder en sidbyggare istället.

För att börja, öppna helt enkelt en sida eller ett inlägg. Välj sedan fliken 'Sida' i menyn till höger och klicka på texten bredvid 'Mall'.

De alternativ du ser kan variera beroende på ditt WordPress-tema, men texten kommer vanligtvis att visa 'Page', 'Default template' eller liknande.

I popup-fönstret som visas, klicka på ikonen 'Lägg till mall'.

I popup-fönstret som visas, skriv in ett namn för din mall och klicka sedan på 'Skapa'.

Namnet är bara för din referens så du kan använda vad du vill.

Detta startar mallredigeraren, som fungerar på ett liknande sätt som WordPress innehållsredigerare.

För att lägga till block i designen av den anpassade sidan, klicka helt enkelt på den blå '+'-knappen. Du kan sedan dra och släppa för att lägga till block.

Du kan lägga till innehåll i ett block eller ändra dess formatering med hjälp av de välbekanta redigeringsverktygen för WordPress-inlägg. Du kan till exempel skriva text i ett 'Rubrik'-block, tillämpa fet formatering eller ändra text från H2 till H3.

Du kan också skapa en anpassad sida med hjälp av mönster. Mönster är samlingar av block som ofta används tillsammans, till exempel en lista över händelser, en bild med en bildtext, eller en prislista.

Mönstren du ser varierar beroende på ditt WordPress-tema, men du kan se vilka mönster som finns tillgängliga genom att klicka på fliken 'Mönster'.

Du kan antingen dra och släppa ett blockmönster till din layout eller klicka på mönstret för att lägga till det längst ner i din mall. När du är nöjd med hur mallen ser ut klickar du på knappen 'Publicera' och sedan på 'Spara'.

Du kan nu tillämpa denna mall på vilken sida som helst. Öppna helt enkelt sidan i redigeraren och klicka sedan på texten bredvid 'Mall'.

I popup-fönstret som visas, välj mallen den mall du precis skapade.

När det är gjort kan du lägga till innehåll på sidan, precis som vilken annan WordPress-sida som helst. 

Metod 2. Skapa en anpassad sida med hjälp av redigeraren för hela webbplatsen (endast blockbaserade teman)

Om du använder ett blockbaserat tema kan du också skapa en anpassad sida med redigeraren för hela webbplatsen. Detta gör att du kan ändra layouten på en enskild sida utan att skapa en anpassad mall.

Med det i åtanke är detta ett bra val om du vill skapa en helt unik design som du inte kommer att återanvända på någon annan sida.

För att komma igång, skapa bara sidan som vanligt genom att gå till Sidor » Lägg till ny. Du kan sedan skriva en titel, lägga till kategorier och taggar, ladda upp en utvald bild och göra andra ändringar du vill.

När du är nöjd med den grundläggande sidan, spara dina ändringar och gå sedan till Utseende » Redigerare.

Som standard visar redigeraren för hela webbplatsen din temas hemmamall.

Klicka på 'Sidor' i menyn till vänster.

Du kommer nu att se alla sidor du har skapat på din WordPress-webbplats.

Hitta helt enkelt sidan du vill designa om och klicka på den.

WordPress kommer nu att visa en förhandsgranskning av designen.

För att gå vidare och redigera den här mallen, klicka på den lilla pennikonen.

Du kan nu redigera sidans layout med verktygen för hela webbplatsredigeraren. Du kan till exempel klicka på den blå '+'-knappen för att lägga till nya block, eller klicka för att välja ett block du vill anpassa.

När du är nöjd med ändringarna du har gjort, klicka på knappen 'Spara'.

Nu, om du besöker den här sidan på din webbplats kommer du att se den nya sidans design i aktion.

Metod 3. Skapa en anpassad sida i WordPress med SeedProd (Rekommenderas) 

Tidigare skapade du en anpassad sida genom att skriva kod, vilket inte var särskilt nybörjarvänligt. Om du gjorde ett misstag med din HTML-, CSS- eller PHP-kod, kunde det orsaka vanliga WordPress-fel eller till och med bryta din webbplats helt.

Med det i åtanke rekommenderar vi att du använder en sidbyggare istället.

SeedProd är den bästa dra-och-släpp-sidbyggaren för WordPress. Den levereras med över 350 mallar, vilket gör att du kan skapa anpassade sidor utan att skriva någon kod. 

Om du använder en anpassad sida för att få fler konverteringar, fungerar SeedProd med många populära tredjepartsverktyg som du kanske redan använder för att få konverteringar. Detta inkluderar topptjänster för e-postmarknadsföring, WooCommerce, Google Analytics och mer.

Först måste du installera och aktivera SeedProd. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter att ha aktiverat pluginet kommer SeedProd att be om din licensnyckel.

Du hittar denna information under ditt konto på SeedProd-webbplatsen. Efter att ha angett nyckeln, klicka på knappen 'Verifiera nyckel'.

Välj en anpassad sidmall

När du har gjort det, gå till SeedProd » Landningssidor och klicka på knappen 'Lägg till ny landningssida'.

Du kan nu välja en mall för din anpassade sida.

SeedProds mallar är organiserade i olika kampanjtyper såsom 'lead', 'squeeze' och 'coming soon'. Du kan klicka på flikarna högst upp på skärmen för att filtrera mallar baserat på kampanjtyp. 

Om du vill börja från noll, har SeedProd också en tom mall som du kan använda.

För att titta närmare på en design, för helt enkelt muspekaren över mallen och klicka sedan på förstoringsglaset.

När du hittar en design du gillar, klicka på ‘Välj den här mallen.’ Vi använder mallen ‘Kursförsäljningssida’ i alla våra bilder, men du kan använda vilken mall du vill.

Ange sedan ett namn för den anpassade sidan. SeedProd skapar automatiskt en URL baserad på sidans titel, men du kan ändra denna URL till vad du vill.

En beskrivande URL hjälper också sökmotorer att förstå vad sidan handlar om så att de kan visa den för rätt användare, vilket förbättrar din WordPress SEO.

För att ge din anpassade sida bästa möjlighet att visas i relevanta sökresultat, kanske du vill lägga till nyckelord som saknas i URL:en. För mer information, se vår guide om hur man gör nyckelordsanalys.

När du är nöjd med informationen du har angett, klicka på knappen 'Spara och börja redigera sidan'.

Designa din anpassade sida

SeedProd kommer nu att öppna din valda mall i dess användarvänliga dra-och-släpp-redigerare. Du kommer att se en liveförhandsgranskning av din sida till höger och några blockinställningar till vänster.

För att anpassa ett block, klicka helt enkelt för att välja det i sidredigeraren. Verktygsfältet till vänster visar då alla inställningar för det blocket.

I följande bild ändrar vi texten inuti ett 'Rubrik'-block.  

Du kan formatera texten, ändra dess justering, lägga till länkar och mer med hjälp av inställningarna i menyn till vänster.

Det är också enkelt att redigera bilder med SeedProd-sidbyggaren. Klicka bara på valfritt 'Bild'-block och använd inställningarna för att lägga till alt-text, ladda upp en ny bild eller göra andra ändringar. 

Om du vill ta bort ett block från den anpassade sidan, klicka helt enkelt för att markera det blocket.

Klicka sedan på papperskorgen i miniverktygsfältet. 

För att lägga till nya block i din design, hitta bara ett block i menyn till vänster och dra det sedan till redigeraren.

Du kan sedan klicka för att välja blocket och göra eventuella ändringar i menyn till vänster. 

SeedProd kommer också med 'Sektioner', som är rader och blockmallar som kan hjälpa dig att snabbt skapa en anpassad sida. Om du till exempel designade en landningssida för Google-annonser, då kanske du skulle använda SeedProds färdiga sektioner för Hjälte, Uppmaning till handling eller Funktioner.

För att se alla tillgängliga sektioner, klicka helt enkelt på fliken 'Sektioner'.

För att titta närmare på en sektion, för muspekaren över den och klicka sedan på förstoringsglaset.

När du hittar ett avsnitt som du vill lägga till i din design, för muspekaren över det och klicka sedan på den lilla '+'-ikonen.

Detta lägger till sektionen längst ner på din sida. Du kan flytta både sektioner och block runt i din design med dra-och-släpp.

Om du gör ett misstag eller ändrar dig, oroa dig inte. Du kan ångra din senaste ändring genom att klicka på knappen 'Ångra' längst ner i verktygsfältet till vänster.

Här hittar du också en knapp för att göra om, revisionshistorik, layoutnavigering och globala inställningar.

Dessa extra knappar gör det enkelt att skapa en anpassad sida i WordPress. 

Längst ner i verktygsfältet hittar du också en knapp för mobilförhandsgranskning som låter dig visa mobilversionen av den anpassade sidan. 

Detta kan hjälpa dig att designa en anpassad sida som ser lika bra ut på mobila enheter som på din dator.

När du är nöjd med den anpassade sidan är det dags att publicera den genom att klicka på nedåtpilen bredvid ‘Spara’ och sedan välja alternativet ‘Publicera’. 

Din anpassade sida kommer nu att publiceras på din WordPress-blogg.

Om du vill redigera den anpassade sidan vid något tillfälle, gå bara till SeedProd » Landningssidor i din WordPress-instrumentpanel. Du kan sedan hitta sidan du vill ändra och klicka på länken 'Redigera'.

Detta öppnar designen i SeedProds redigerare, redo för dig att göra dina ändringar.

Metod 4. Använda Thrive Architect för att skapa en anpassad sida i WordPress

Du kan också skapa en anpassad sida med Thrive Architect. Thrive Architect är en annan populär drag-and-drop-sidbyggare för WordPress.

Den levereras med över 300 professionellt utformade mallar som är utformade för att hjälpa dig att få fler konverteringar.

Först måste du installera och aktivera pluginet Thrive Architect. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Gå efter aktivering till Sidor » Lägg till ny i din WordPress-adminpanel för att skapa en anpassad sida. Klicka sedan på knappen 'Starta Thrive Architect'.

Därefter kan du välja om du vill skapa en vanlig sida eller en förbyggd landningssida.

Vi rekommenderar att du klickar på 'Färdiga landningssidor' eftersom det ger dig tillgång till alla Thrive landningssidmallar. Dessa mallar är helt anpassningsbara, så du kan finjustera dem för att passa din WordPress-webbplats.

När du hittar en uppsättning du gillar klickar du helt enkelt för att välja den.

På följande bild väljer vi 'Smart Landing Page Sets'.

På nästa skärm måste du välja en specifik mall från uppsättningen.

Välj en mall genom att klicka på den och sedan klicka på knappen 'Använd mall'.

Detta öppnar mallen i Thrive Architect Editor. Härifrån kan du enkelt anpassa sidmallen så att den matchar din blogg, webbplats eller webbutik.

Som ett exempel kan du ändra 'Rubrik' genom att klicka på den och sedan skriva in ditt eget anpassade meddelande.

Du kommer nu att se alla anpassningsalternativ i menyn till vänster. Här kan du ändra typografi, teckenstorlek, färg, formatering och mer.

Från panelen till vänster kan du även justera andra inställningar för din anpassade sida, såsom layout, bakgrundsstil, ramar, animationer och scrollbeteende, för att bara nämna några.

Liknande SeedProds block, kommer Thrive Architect med många förbyggda element som du kan lägga till din anpassade sida.

För att lägga till ett nytt element på sidan, klicka på knappen 'Lägg till element (+)' på skärmens högra sida.

Du kan nu välja mellan element som bilder, knappar, formulär för leadgenerering, prislistor, nedräkningstimer och mer.

För att lägga till ett element, dra det helt enkelt från menyn till höger och släpp det på din sida.

Återigen, du kan redigera alla nya element du lägger till på din sida genom att klicka på dem. 

När du är nöjd med hur sidan ser ut, klicka på pilen (^) bredvid knappen 'Spara arbete'. Klicka sedan på alternativet 'Spara och återgå till inläggsredigeraren'.

Du kan sedan spara sidan som ett utkast, eller publicera den så att den visas på din WordPress-webbplats.

När din anpassade sida har publicerats kan du besöka din webbplats för att se den i praktiken.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en anpassad sida i WordPress. Du kanske också vill se vår guide om hur man skapar en landningssida med WordPress och hur man delar upp inläggs- eller sidtitlar i WordPress.

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