Vill du lägga till flera kolumner i WordPress?

Bruket att organisera innehåll i kolumner går tillbaka till tryckningens tidiga dagar. Det här formatet kan vara ett mångsidigt sätt att organisera din text, bilder etc. Det kan dock vara lite knepigt att lägga till flera kolumner i WordPress och få rätt placering.

Som tur är behöver det inte vara så. Nu kan du använda Block Editor för att enkelt lägga till flera kolumner till dina WordPress-inlägg och sidor med bara några få steg.

Du kan också uppnå denna layout med den klassiska redigeraren eller ett plugin för sidbyggare.

I den här handledningen kommer vi att se hur du lägger till flera kolumner i WordPress.

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Varför använda en layout med flera kolumner

Från att välja rätt WordPress-tema till lägga till anpassade typsnitt, är anpassningen av designen på din webbplats väsentligt i centrum för införandet av ditt varumärke. Dina artiklar och layouter är också en del av detta pussel. Att experimentera med olika layoutalternativ kan vara ett bra sätt att lägga till strukturell variation till ditt innehåll.

Eftersom det inte finns något enskilt format som är bäst för läsbarheten kan du bli kreativ och hitta en look som fungerar för dig. Du kan ändra layouten på var och en av dina sidor för att passa olika typer av innehåll och skapa en WordPress-webbplats som består av sidor med olika layouter.

Kolumner är ett särskilt mångsidigt format. Om du vill använda ditt utrymme ekonomiskt är de ett enkelt sätt att segmentera din text.

Du kan också använda kolumner för att koppla ihop olika widgets på ett konsekvent sätt, som visas i Buddy Boss-tema :

hur man lägger till flera kolumner i wordpress

Eller så kanske du bara är intresserad av att använda ett flexibelt format som kan tas bort eller omformas för att passa dina behov. Oavsett ditt resonemang kan kolumner lägga till variation och organisation till din webbplats.

Hur man lägger till flera kolumner i WordPress

I de första dagarna av WordPress behövde användarna ha praktiska kunskaper om HTML och kunna med säkerhet redigera sin kod för att lägga till kolumner i sina inlägg. På den tiden var det inte att skriva och redigera innehåll den vänligaste upplevelsen.

Lyckligtvis finns det nu två enkla sätt att lägga till kolumner i WordPress – ingen HTML krävs.

Blockeditorn kommer med en intuitiv inbyggd kolumnfunktion, och de som föredrar den klassiska editorn kommer gärna att höra att du alltid kan hoppa över manuell kolumnkodning med en Wordpress plugin.

Låt oss nu se de två metoderna.

Första metoden: använd blockredigerarens inbyggda funktionalitet

Vi börjar med att lägga till flera kolumner med blockredigeraren (Gutenberg). Det nya standardgränssnittet för WordPress-innehållsskapande erbjuder en mängd användbara funktioner, allt fokuserat på innehållsblock som är lätta att flytta.

En sådan funktion är det passande namnet Kolumner-blocket, som hjälper dig att skapa så många kolumner du vill.

Ange för att börja "kolumner" i sökrutan i blockredigeraren som du kan öppna genom att klicka på knappen +. Alternativt kan du bara klicka på skärmen och börja skriva "kolumner" för att visa samma alternativ.

Detta kommer att kalla fram ett fönster där du kan välja en kolumnlayout:

hur man lägger till flera kolumner i wordpress

Att börja med två standardkolumner och ändra inställningarna senare är också ett alternativ.

När du har angett hur många avsnitt du vill ha och hur du vill dela upp dem kan du dra och släppa blocket var du vill.

Sedan kan du kapsla andra block inuti kolumnerblocket. De kan alla vara textblock. Försök att förbättra en textkolumn genom att placera den bredvid en bild- eller kalenderkolumn så att den sticker ut:

hur man lägger till flera kolumner i wordpress

Var inte rädd för att dra fördel av redaktörens flexibilitet genom att blanda och matcha element.

Efter det kan du gå tillbaka till kolumnblocksinställningarna och ändra breddförhållandet så att det passar dina behov. Varje enskild kolumn kan justeras beroende på vilken typ av utseende du var ute efter.

Tack vare blockredigerarens visuella gränssnitt kommer ditt arbete på backend att översättas ganska direkt till frontend. Som referens, så här ser vårt exempel ut efter att ha publicerat det:

När du väl förstår grunderna finns det mer att utforska med kolumner.

Om du letar efter fler funktioner med blockredigeraren kan du överväga att ladda ner en Wordpress plugin vilket ökar blockfunktionaliteten och att experimentera med nya kombinationer av innehåll.

Metod två: Använd Classic Editor och Elementor Page Builder

Du kan också lägga till flera kolumner i dina inlägg och sidor utan kod. Allt du behöver är ett plugin. Det finns många alternativ som kan göra det här jobbet, så det första du behöver göra är att välja ett.

Eftersom jag är ett stort fan av plugin Page Builder Elementor, Jag ska använda den här för att skapa en layout med flera kolumner:

Ce sidbyggare är ett solidt gratisalternativ som använder ett intuitivt dra-och-släpp-gränssnitt och har över 5 miljoner aktiva installationer.

När du har gjort det installerat och aktiverat plugin på din webbplats, gå till sidan du vill redigera och redigera den med Elementor.

hur man lägger till flera kolumner i wordpress

Du kommer att tas till Elementor-redigeraren.

Som du ser på bilden ovan kommer vi att klicka på den röda knappen + för att lägga till ett nytt avsnitt och antalet kolumner som kommer att följa med.

Vi kommer nu att välja Editor och text- och kalenderwidgets

Uppdatera din sida och förhandsgranska din artikel.

med denna Wordpress plugin, kommer du också att ha möjlighet att lägga till eller ta bort antalet kolumner.

Upptäck också några premium WordPress-plugins  

Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. Kontaktformulär 7 Success Redirect

Contact Form 7 Success Redirect är en förlängning av det premium WordPress-plugin från Contact Form 7 som gör det möjligt att omdirigera en besökare eller användare till en sida efter att deras kontakt har skickats in.

skapa omdirigeringar - Kontaktformulär 7 framgång omdirigera wordpress plugin

Det har utformats för att göra formuläret mer användarvänligt när formuläret för inlämning av formulär leder till att sidan omdirigeras till administratören.

Så här skapar du en privat butik med WooCommerce ? Ta reda på det genom att läsa den här artikeln.

Det är extremt enkelt att konfigurera. Du kan göra detta genom att välja en sida från de befintliga sidorna i din instrumentpanel eller genom att tillhandahålla en anpassad omdirigeringsadress.

Upptäck vårt 8 WordPress plugins för att förbättra SEO på din blogg

Varje formulär har sin egen konfiguration. Således kan varje framgångsrik omdirigering definieras på ett unikt sätt.

Ladda ner | demo | webbhotell

2. LetsPush Web Push Notification

Web Push Notifications, även känd som Browser Push Notifications, är klickbara meddelanden som kan skickas av webbplatsen till användaren även utan att känna till hans e-postadress eller annan kontaktinformation.

Letspush web push-meddelandeplugin för wordpress woocommerce buddypress

Dess aviseringar levereras i realtid, även när användaren inte surfar på din webbplats. Detta WordPress-plugin tillåter också administratören att skicka push-meddelanden till användare som har prenumererat på webbplatsen.

Så du kan skicka ett personligt meddelande, sälja en produkt eller skicka uppdateringar om din webbplats till dina besökare. Det integreras starkt med BuddyPress och är kompatibel med WooCommerce.

Ladda ner | demo | webbhotell

3. WooCommerce Social Login

Detta premium WordPress-plugin hjälper till att minska registreringstiden för en webbplats, vilket generellt irriterar användare och minskar din försäljning. Men om du använder WooCommerce Social Login kommer den tid som sparas av användaren att ökas, vilket nödvändigtvis också ökar din försäljning.

Hur man stärker ett socialt nätverk med WordPress BuddyPress-plugin - Woocommerce social login wordpress plugin

När en kund besöker din webbplats för första gången gör du det enklare att checka ut genom att låta dem checka ut som gäst. Detta skapar dock friktion för kunder som vill köpa flera gånger från din webbutik. De måste skapa ett annat användarnamn och lösenord varje gång.

Upptäck också vår 50 WooCommerce plugins för att förbättra din onlinebutik

WooCommerce Social Login gör därför denna process så enkel och säker som möjligt - kunder kan logga in på din webbplats med sina Facebook-, Twitter-, Yahoo-, LinkedIn-, Foursquare-, Windows Live-, VKontakte- (VK.com), PayPal-, Instagram-konton. och Amazon.

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Att lägga till kolumner på din WordPress-webbplats kan hjälpa till att hålla din layout fräsch och attraktiv. Även om processen att göra detta ibland kan vara lite knepig, finns det enkla metoder du kan använda för att göra det enklare.

Här är ! Det var allt för den här handledningen, jag hoppas nu att du vet när och hur du lägger till flera kolumner i WordPress. Tveka inte att dela med dina vänner på dina favorit sociala nätverk

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.

Och om du har några förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.