Vill du lägga till innehåll med flera kolumner i dina WordPress-inlägg?

Kolumner kan användas för att skapa Attraktiva layouter för dina publikationer och sidor.

Traditionella tryckta medier, såsom tidningar och tidskrifter, har använt en flerkolonnlayout från de tidigaste dagarna av tryckningen. Deras mål var att möjliggöra utilisateurs lättare att läsa en mindre text medan man använder tillgängligt utrymme ekonomiskt.

Om du ännu inte har skapat en webbplats eller en blogg på WordPress, inbjuder vi dig att konsultera Hur man installerar en WordPress-blogg i 7 steg nästa, Hur man hittar, installera och aktivera en Wordpress tema på din blogg

Enstaka kolumnlayouter används oftare på webben. Men den galler med flera kolumner är fortfarande användbara för att markera innehåll och underlätta läsning och analys.

I den här tutorialen visar vi dig hur du enkelt lägger till flera kolumner i dina WordPress-inlägg utan att skriva någon HTML-kod.

Lägga till flerkolumninnehåll i WordPress - den enkla lösningen

Att skapa innehåll med flera kolumner, även känt som rutnätinnehåll i WordPress, är nu enkelt eftersom det är en standardfunktion. De ny WordPress Gutenberg blockredaktör föreslår ett block med kolumner.

För att lägga till en layout med flera kolumner måste du skapa ett nytt inlägg eller redigera ett. En gång i redigeringsområdet klickar du på " Add On Överst för att lägga till ett block.

Då måste du välja blocket kolumner "Ligger under fliken" Layoutelement ".

Du kommer att se muspekaren hoppa i den vänstra kolumnen och en platshållare för texten visas i den högra kolumnen.

Som du kan se på skärmdumpen ovan, blocket kolonn verkar först vara ett tomt område. Om du håller musen åt vänster kan du se gränsen till det markerade blocket.

Du kommer också att kunna se blockparametrarna i den högra kolumnen på skärmen.

Som standard lägger kolumnblocket till två kolumner. Du kan öka antalet kolumner du vill lägga till från blockinställningarna till höger. Detta gör att du kan lägga till upp till sex kolumner på en rad.

Klicka bara på en kolumn och börja skriva för att lägga till innehåll. Du kan använda Tab-tangenten på tangentbordet för att gå till nästa kolumn.

Lägga till multimedia och annat innehåll i dina kolumner

Förutom textinnehåll kan du också lägga till bilder och bädda in videor i WordPress-kolumner.

Kolumnblock gör att du kan lägga till block i varje kolumn. För bara musen över en kolumn så märker du "Lägg till ett nytt block"Inside. Du kan också lägga till ett block genom att ange blockets namn.

Ditt valda block visas i kolumnen. Du kan åka dit och lägga till innehåll.

För att ladda upp - ladda upp - dina media, upptäck vår artikel om Så här laddar du upp massmedia på WordPress

Så här kan din nya kolumn se ut i Wordpress tema standard Twenty Nineteen. I det här exemplet använder vi tre kolumner och den sista kolumnen innehåller en bild.

Om du bara vill lägga till en bild och text till sidan kan du också använda blocket Media och text I stället för kolumner. Det här blocket är specifikt utformat för att visa media som bilder och videor bredvid texten.

Tillägg av flera kolumner i den klassiska redigeraren av Wordpress

Om du inte har uppgraderat WordPress till Gutenberg och fortfarande använderklassisk redaktörmåste du installera ett separat plugin för att skapa en rutnätlayout av kolumner.

Börja med att installera och aktivera plugin Lätta nätkolumner. 

För detaljerade instruktioner, följ vår steg-för-steg-guide om hur att installera ett plugin i WordPress.

Efter aktivering kan du skapa ett nytt meddelande eller öppna ett gammalt meddelande för att redigera. Klicka sedan på " Lägg till kolumner I verktygsfältet för visuell redigerare.

Du kommer nu att se ett popup-fönster som låter dig lägga till din första kolumn. Du kan välja hur mycket din kolumn kan täcka på skrivbord, surfplattor och mobila enheter på olika sätt.

Gå längre genom att upptäcka Så här skapar du en fullbreddssida på WordPress

Om du till exempel ställer in 50% desktop-rutprocent, kommer kolumnen att täcka hälften av raden.

Det har många alternativ att ställa in bredden på din kolumn, från 5% till 100% med ett 5-intervall. Du kan välja en genom att klicka på rullgardinsmenyn.

Sedan måste du lägga till innehållet i din kolumn i området "Innehåll" och klicka sedan på "OK" för att infoga det i din publikation.

Plugin genererar den nödvändiga kortkoden med ditt innehåll och lägger till den i din inläggsredigerare.

Upptäck i denna handledning Hur man installerar och konfigurera WP Super Cache plugin för att förbättra prestandan på din blogg.

Nu när din första kolumn har lagts till kan du upprepa processen för att lägga till fler kolumner. För den sista kolumnen, glöm inte att markera rutan 'Radens sista kolumn".

Efter det kommer du att kunna spara förhandsgranskningen och förhandsgranska den. Så här ser det ut på vår tjugo sjutton testwebbplats.

Om du också vill hitta WordPress-teman som kan hjälpa dig att skapa kolumner på dina sidor eller publicering, här är 3 WordPress-teman Premium perfekt för den här uppgiften.

1. TheGem

Det finns många WordPress-teman som kan göra anspråk på att erbjuda en OnePage-layout, men ingen kan erbjuda den mängd alternativ och funktioner som TheGem WordPress-mallen har. 

Alla designelement du förknippar med en bra OnePage-webbplats finns i detta Wordpress tema : ett helskärmsreglage (som kan skapas med hjälp av Revolution Slider-plugin som levereras med Wordpress tema), ett urval av sex rubrikstilar och möjligheten att skapa sektioner i full bredd med hjälp av insticksprogrammet Visual Composer som ingår i paketet.

Dessutom har den ett antal anpassningsalternativ för objekt som teckensnitt, färger och ikoner. Det är en sällsynt sak, men det finns också detaljer vi inte gillar om TheGem. Men i princip är det ett WordPress-tema som naturligtvis passar dig med tanke på antalet positiva poäng som han har. Det är en stark konkurrent som skulle underlätta skapandet av en OnePage-webbplats.

Ladda ner | demo | webbhotell

2. Stockholm

Stockholm är ett WordPress-tema som är designat för att hjälpa dig skapa webbplatsen för ett byggföretag, anläggningsteknik eller något företag som är relaterat till byggnadsrenoveringsvärlden. Detta WordPress-mall är inriktad på proffs som bryr sig om kvalitet och detaljer.

Levereras med en alternativpanel och en användarvänlig backend, så att du enkelt kan hantera ditt innehåll. Det finns cirka 20 demonstrationer av den här mallen som presenterar ett brett utbud av aktiviteter som detta WordPress-tema kan användas. Och dessa kan också användas som grund för framtida anpassning så att din webbplats får ett unikt utseende.

Mycket lyhörd, den visas perfekt på alla typer av skärmar. Om du möter svårigheter under anpassningen eller installationen av denna mall, kan hela dokumentationen som ingår i paketet fungera som en guide. Och om du fortfarande inte kan, är support tillägnad detta tema WordPress till ditt förfogande.

Ladda ner | demo | webbhotell

3. Jupiter

Jupiter är ett annat mycket populärt WordPress-tema. Den har 25-demos som täcker 6 från våra kategorier - byrå, kreativitet, utbildning, mat, hälsa och e-handel - och mer kommer att läggas till i kommande uppdateringar. De flesta av dess layouter har en minimalistisk design med en trevlig typografi.

En av Jupiters viktigaste försäljningspunkter är dess Creative Header Customizer som gör att du snabbt och enkelt kan anpassa rubrikernas design på din webbplats. Visual Composer, 3-skjutreglage (Layer, Revolution och iCarousel), 10 nya kortkoder, mer än 1800-ikoner och 10 anpassade inläggstyper inkluderas alla vid leveransen.

Sidans laddningstider är också utmärkta. Det här är en fantastisk produkt, och du kommer att få svårt att hitta så många WordPress-teman har sina egenskaper.

Ladda ner | demo | webbhotell

Andra rekommenderade resurser

För att gå vidare med att optimera din blogg eller din webbplats föreslår vi också att du besöker några länkar som kommer att fördjupa dig i Gutenbergs värld

• Så här förbereder du din webbplats för Gutenberg 
• Hur vet jag om pluginet är kompatibelt med Gutenberg?
• Kommer Gutenberg att förbättra eller bryta WordPress?

Slutsats

Här! Det är det för denna handledning. Vi hoppas att den här artikeln har hjälpt dig att lära dig hur du lägger till kolumner i dina WordPress-inlägg och sidor. Känn dig fri att dela denna handledning med dina vänner på dina sociala nätverk.

Om du har förslag eller kommentarer är de välkomna. Men om du är en nybörjare, inbjuder vi dig att konsultera vår medel.

.