Vill du lägga till anpassade formavdelare till din WordPress-webbplats?
Formavdelare kan organisera ditt innehåll på ett attraktivt och iögonfallande sätt. De kan också lyfta fram det viktigaste innehållet på din webbplats, så att besökare och kunder inte missar viktig information.
I den här artikeln kommer vi att visa dig hur du skapar en anpassad formavdelare i WordPress.
Varför skapa en anpassad formavdelare i WordPress?
En formavdelare är en typ av sektionsavdelare som läggs till mellan innehållsblock.
Dessa avdelare kan vara enkla, till exempel en horisontell linje skapad med inbyggda WordPress-block.
Du kan använda dessa grundläggande avdelare för att organisera och separera innehåll, vilket är särskilt användbart på sidor som täcker många olika ämnen.
Du kan också skapa mer avancerade formavdelare med hjälp av plugins för sidbyggare och andra webbdesignprogram. Dessa kan lyfta fram det viktigaste innehållet på din webbplats så att det sticker ut för besökare och kunder.
En professionell formavdelare kan också göra en sida mer intressant och attraktiv.
Du kan till exempel använda dem för att skapa en unik bakgrund för ditt registreringsformulär för e-nyhetsbrev.
Med det sagt, låt oss titta på hur du kan skapa en anpassad formavdelare i WordPress. Använd helt enkelt snabblänkarna nedan för att gå direkt till den metod du vill använda.
Metod 1. Skapa en enkel formdelare (ingen plugin krävs)
Det enklaste sättet att lägga till en anpassad formavdelare till WordPress är att använda det inbyggda separatorblocket.
Denna metod låter dig lägga till en horisontell linjeavgränsare mellan alla WordPress-block och sedan anpassa färgen och stilen på linjen.
Denna metod tillåter dig inte att lägga till olika formulär till WordPress och har begränsade anpassningsinställningar. Du behöver dock inte installera ett extra WordPress-plugin, så detta är det enklaste sättet att helt enkelt lägga till en splitter till din webbplats.
För att komma igång, öppna helt enkelt inlägget eller sidan där du vill lägga till en horisontell avdelare i innehållsredigeraren. Klicka sedan på “+”-knappen där du vill placera avdelaren.
I popup-fönstret skriver du “Separator”.
När det högra blocket visas klickar du för att lägga till det på sidan eller inlägget.
För att anpassa standardseparatorblocket, klicka på det och använd sedan inställningarna i menyn till höger.
Du kan växla mellan standard, bred linje och prickar med knapparna i avsnittet “Stilar”.
Du kan också ändra färgen på linjen för att matcha resten av ditt tema eller varumärke.
För att göra detta, klicka på “Bakgrund” och välj sedan en färg i popup-fönstret som visas.
När du är nöjd med utseendet på splittern kan du klicka på knappen ‘Publicera’ eller ‘Uppdatera’ för att aktivera formdelaren.
Metod 2. Skapa en anpassad formavdelare i WordPress med hjälp av en sidbyggare (rekommenderas)
Om du vill använda olika former och anpassa varje del av dina avdelare rekommenderar vi att du använder SemillaProd plugg.
SeedProd är det bästa WordPress-sidbyggarpluginet på marknaden och låter dig lägga till en anpassad formavdelare till valfri sektion, rad eller kolumn med en enkel dra och släpp-redigerare.
Den kommer också med 180+ professionellt designade mallar och 90+ block som du kan använda för att skapa vackra anpassade hemsidor, målsidor och mer.
Notera: Det finns en gratisversion av SeedProd Den finns tillgänglig på WordPress.org, men vi kommer att använda Pro-versionen eftersom den kommer med ett brett utbud av formavdelare.
Det första du behöver göra är att installera och aktivera SeedProd-plugin. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.
Vid aktivering måste du ange din licensnyckel.
Du hittar denna information på ditt konto på SeedProds webbplats. När du har angett licensnyckeln klickar du på knappen ‘Verifiera nyckel’.
När detta är gjort, gå till SeedProd » Sidor och klicka på knappen “Lägg till ny målsida”.
Efter det är det dags att välja en sidlayoutmall. SeedProd har massor av professionellt designade mallar som du kan justera för att passa din WordPress-webbplats perfekt.
För att välja en mall, för bara musen över den och klicka sedan på ikonen “Bockmarkering”.
Gå sedan vidare och skriv ett namn för sidan. SeedProd skapar automatiskt en URL baserat på sidtiteln, men du kan ändra URL:en till vad du vill.
Till exempel kanske du vill lägga till några relevanta sökord, som hjälper sökmotorer att förstå vad sidan handlar om och kan förbättra din WordPress SEO.
När du är nöjd med informationen du har angett klickar du på knappen “Spara och börja redigera sidan”.
Du kommer sedan att tas till dra och släpp sidbyggaren, redo att anpassa mallen.
SeedProd-redigeraren visar en liveförhandsvisning av din design till höger och några blockkonfigurationer till vänster.
Den vänstra menyn har även block som du kan dra in i din layout.
Du kan till exempel dra och släppa standardblock som knappar och bilder eller använda avancerade block som nedräkningstimer, kontaktformulär, sociala delningsknappar och mer.
För att anpassa ett block, klicka bara för att välja det i din layout.
Menyn till vänster visar alla inställningar du kan använda för att konfigurera det blocket. Du kan också ändra sidans bakgrundsfärger, lägga till bakgrundsbilder eller ändra färgschema och teckensnitt för att bättre matcha ditt varumärke.
SeedProd kommer också med ‘sektioner’, som är samlingar av block som ofta används tillsammans. Till exempel har SeedProd en rubriksektion, utvald bild, uppmaning, kundrekommendationer, vanliga frågor, funktioner, sidfotssektioner och mer.
För att se de olika avsnitten klickar du helt enkelt på fliken “Sektioner”.
Du kan flytta sektioner och block runt din layout genom att dra och släppa.
Om du vill ta bort ett block, håll helt enkelt muspekaren över det och klicka sedan på papperskorgen när det visas.
Oavsett om du väljer att använda en SeedProd-sektion eller inte, kan du nu skapa en anpassad formavdelare. Klicka bara för att välja avsnittet, raden eller kolumnen där du vill lägga till avdelaren.
Klicka sedan på fliken “Avancerat” i menyn till vänster.
Klicka nu för att expandera avsnittet “Shape Divider”.
För att komma igång kan du välja var formavdelaren ska visas genom att välja knappen “Upp” eller “Ner”.
Du kan nu öppna menyn ‘Typ’ och välja den formavdelare du vill använda.
När du väljer olika former uppdateras liveförhandsvisningen automatiskt så att du kan prova olika stilar och se vilken som ser bäst ut.
När du har valt en formavdelare kan du styla den med de nya inställningarna.
För att komma igång kan du klicka på ‘Färg’ och sedan välja en ny färg från popup-fönstret som visas.
När detta är gjort kan du göra avdelaren större eller mindre genom att dra reglagen “Bredd” och “Höjd”.
Om du redan har en specifik storlek i åtanke kan du skriva dessa siffror i rutorna.
Du kan också prova att vända splittern genom att klicka för att aktivera eller inaktivera “Flip”-omkopplaren.
Som standard visas avdelaren bakom resten av innehållet, så att användarna tydligt kan se all text, bilder eller annat innehåll som överlappar avdelaren.
Men att flytta formen framåt kan skapa några intressanta effekter. Om du vill se hur det här ser ut, klicka bara för att aktivera omkopplaren “Bring to Front”.
För att lägga till fler avdelare följ helt enkelt samma process som beskrivs ovan.
Du kan till och med lägga till en formavdelare till toppen och botten av ett område, vilket ofta skapar imponerande, iögonfallande resultat.
Du kan fortsätta arbeta på sidan genom att lägga till fler block och anpassa dem i menyn till vänster.
När du är nöjd med sidans utseende klickar du på knappen “Spara”. Du kan sedan välja “Publicera” för att publicera den sidan.
Hur man lägger till formavdelare till ett WordPress-tema
SeedProds dra-och-släpp-redigerare ger dig friheten att lägga till en unik formavdelare på vilken sida som helst. Men ibland kanske du vill använda samma formavdelare på flera sidor, eller till och med hela din WordPress-blogg eller webbplats.
Detta hjälper dig att skapa en sammanhängande design och kan också spara mycket tid. I det här fallet rekommenderar vi att du lägger till en formavdelare till ditt tema med hjälp av SeedProds temabyggare.
Med SeedProd kan du skapa ett anpassat WordPress-tema utan att skriva någon kod. Skapa alla filer som utgör ditt tema, inklusive sidofältet, sidhuvudet, sidfoten, enskilda inlägg och mer.
Du kan sedan anpassa dessa filer med den välkända dra och släpp-byggaren. Detta inkluderar att lägga till formavdelare enligt samma process som beskrivs ovan.
När du aktiverar det nya temat med SeedProd kommer det att skriva över ditt befintliga WordPress-tema, så du bör bara använda den här metoden om du vill ersätta ditt nuvarande tema.
För detaljerade steg-för-steg-instruktioner, kolla in vår guide om hur du enkelt skapar ett anpassat WordPress-tema.
Vi hoppas att den här handledningen hjälpte dig att lära dig hur du skapar en anpassad formavdelare i WordPress. Du kanske också vill lära dig hur du ökar din bloggtrafik eller se vårt expertutbud av de bästa sociala säkra plugins för WordPress.
