Det \u00e4r m\u00f6jligt och inte s\u00e5 sv\u00e5rt att l\u00e4gga till kolumner i ett WordPress-inl\u00e4gg. Den h\u00e4r artikeln kommer att visa hur man g\u00f6r kolumner i WordPress<\/strong>.<\/p>\n Det finns olika anledningar till att anv\u00e4nda kolumner p\u00e5 en webbplats. Kolumner organiserar text<\/strong> eller annat inneh\u00e5ll och g\u00f6r det l\u00e4ttare att l\u00e4sa<\/strong>.<\/p>\n Arrangemanget i kolumner till\u00e5ter specifik framh\u00e4vning av viss information<\/strong>.<\/p>\n En ofta anv\u00e4nd till\u00e4mpning av kolumner \u00e4r presentationen av tj\u00e4nster eller produkter<\/strong>. F\u00f6rutom texten kan de ha knappar<\/strong>, bilder<\/strong> eller detaljerade beskrivningar<\/strong>.<\/p>\n Bilderna kan till och med vara klickbara<\/strong>. Denna metod f\u00f6r att presentera produktinformation \u00e4r speciellt l\u00e4mpad f\u00f6r mindre f\u00f6retag.<\/p>\n Kolumner \u00e4r ocks\u00e5 mycket anv\u00e4ndbara i blogginl\u00e4gg. Att ordna information i kolumner m\u00f6jligg\u00f6r separering av inneh\u00e5ll<\/strong>.<\/p>\n Ist\u00e4llet f\u00f6r att bara ordna element under varandra kan punktpunkter och bilder ordnas horisontellt.<\/p>\n Plugins \u00e4r mycket anv\u00e4ndbara f\u00f6r att l\u00e4gga till funktionalitet till WordPress-inl\u00e4gg och sidor. Men vissa gillar inte att anv\u00e4nda m\u00e5nga plugins.<\/p>\n Den goda nyheten \u00e4r att det \u00e4r m\u00f6jligt att l\u00e4gga till kolumner utan ett speciellt WordPress-plugin. Det finns tv\u00e5 s\u00e4tt att g\u00f6ra detta:<\/p>\n Inneh\u00e5ll med flera kolumner kallas ocks\u00e5 inneh\u00e5ll f\u00f6r rutn\u00e4tskolumner. Den h\u00e4r funktionen erbjuds nu som standard i WordPress.<\/p>\n Gutenberg Editor<\/strong> har en blockredigerare som g\u00f6r det mycket l\u00e4ttare att anv\u00e4nda kolumner.<\/p>\n Uppdatera till den senaste versionen av WordPress<\/strong> f\u00f6r att s\u00e4kerst\u00e4lla att den h\u00e4r funktionen \u00e4r tillg\u00e4nglig. D\u00e5 \u00e4r kolumner bara n\u00e5gra klick bort med Columns Block.<\/p>\n Det h\u00e4r alternativet \u00e4r bra n\u00e4r kodnings- och programmeringskunskaper inte \u00e4r v\u00e4l utvecklade.<\/p>\n En annan f\u00f6rdel med Columns Block \u00e4r att man kan l\u00e4gga till olika block inom en kolumn<\/strong>. Dessa block kan vara text, bilder eller knappar.<\/p>\n Som redan n\u00e4mnts \u00e4r kolumner bra f\u00f6r att ordna produkt- och prisinformation. Med ett antal tillg\u00e4ngliga kolumner \u00e4r det m\u00f6jligt att inkludera produktbilder och namn.<\/p>\n Det \u00e4r l\u00e4tt att arrangera kolumnblock horisontellt eller vertikalt. En kombination av dessa typer av arrangemang resulterar i bildandet av ett rutn\u00e4t.<\/p>\n S\u00e5 h\u00e4r \u00e4r en detaljerad titt p\u00e5 hur man skapar kolumner utan att anv\u00e4nda ett WordPress-plugin. Det h\u00e4r \u00e4r stegen:<\/p>\n Blocktyperna \u00e4r sorterade efter kategorier<\/strong>. Anv\u00e4nd s\u00f6kfunktionen f\u00f6r att hitta r\u00e4tt.<\/p>\n L\u00e4gg till text genom att skriva i en av kolumnerna. Ett annat alternativ \u00e4r att l\u00e4gga till block genom att klicka p\u00e5 +-tecknet.<\/p>\n Detta \u00f6ppnar inst\u00e4llningsf\u00f6nstret till h\u00f6ger. Bilden nedan visar hur det ser ut.<\/p>\n \u00d6ka antalet block till tre, fyra, fem eller sex.<\/p>\n Med lanseringen av WordPress 5.3 kom m\u00e5nga f\u00f6rb\u00e4ttringar i anv\u00e4ndningen av kolumner i bloggar och inl\u00e4gg. F\u00f6rutom att l\u00e4gga till block kan anv\u00e4ndaren nu definiera sin justering och layout<\/strong>.<\/p>\n F\u00f6r anv\u00e4ndare med begr\u00e4nsad WordPress-erfarenhet finns det mycket praktiska f\u00f6rdefinierade layouter. Det \u00e4r s\u00e5 att skapa kolumner b\u00f6r vara och utan hj\u00e4lp av ett WordPress-plugin.<\/p>\n De f\u00f6rdefinierade layouterna \u00e4r valfria.<\/p>\n Efter att ha hoppat \u00f6ver det h\u00e4r steget delar WordPress arbetsytan i tv\u00e5 kolumner med lika bredd. Antalet och bredden p\u00e5 dessa kolumner kan justeras senare.<\/p>\n Alternativen som WordPress Columns erbjuder \u00e4r f\u00e5.<\/p>\n Det \u00e4r m\u00f6jligt att \u00e4ndra justeringen av kolumnerna endast om det aktiva temat st\u00f6der detta. Knapparna f\u00f6r att g\u00f6ra detta finns i f\u00e4ltet \u00f6verst.<\/p>\n En viktig parameter i kolumnblockinst\u00e4llningen \u00e4r antalet kolumner. F\u00f6r att \u00e4ndra detta, g\u00e5 till inspekt\u00f6rens sidof\u00e4lt<\/strong> som \u00e4r till h\u00f6ger.<\/p>\n \u00c4ndra numret genom att klicka med musen eller skriv numret i rutan. Layouten \u00e4ndras omedelbart efter att antalet har \u00f6kat eller minskat.<\/p>\n Det \u00e4r snabbt och enkelt och kr\u00e4ver ingen kod\u00e4ndring. En annan m\u00f6jlighet \u00e4r att l\u00e4gga till Custom CSS Class<\/strong> i kolumnblocket.<\/p>\n Ocks\u00e5 med ankomsten av WordPress 5.3 har det blivit mycket l\u00e4ttare att anpassa kolumnerna. Inspekt\u00f6ren inneh\u00e5ller ett skjutreglage<\/strong> f\u00f6r att \u00e4ndra kolumnbredden.<\/p>\n Detta s\u00e4kerst\u00e4ller att inneh\u00e5llet i kolumnerna alltid \u00e4r snyggt f\u00f6rdelat.<\/p>\n En annan funktion \u00e4r att den nu till\u00e5ter skapandet av flera block. Innan version 5.3 sl\u00e4pptes var det ibland en kamp att arbeta med flera block.<\/p>\n Den nya funktionen, kallad Block Appender, har gjort denna process mycket enklare. Det tar bara ett klick och de olika blocken \u00e4r markerade i olika f\u00e4rger.<\/p>\n F\u00f6rutom att l\u00e4gga till text \u00e4r det m\u00f6jligt att anv\u00e4nda bilder eller b\u00e4dda in videor i de nya kolumnerna. Detta kr\u00e4ver anv\u00e4ndning av olika block.<\/p>\n L\u00e4gg till ett nytt block genom att h\u00e5lla muspekaren \u00f6ver kolumnen och klicka p\u00e5 L\u00e4gg till nytt block<\/strong>. Eller skriv \/[blocknamn]<\/strong>, d\u00e4r "blocknamn" ers\u00e4tts med namnet p\u00e5 blocket.<\/p>\n Efter att ha gjort det visas det nyskapade blocket i motsvarande kolumn. L\u00e4gg till motsvarande inneh\u00e5ll till den.<\/p>\n Nedan \u00e4r ett exempel p\u00e5 hur detta kan se ut i 2019 \u00e5rs tema. Den visar tre kolumner och den sista inneh\u00e5ller en bild.<\/p>\n Det finns ett annat alternativ, Media och Text<\/strong>.<\/p>\n Detta kommer att l\u00e4gga till en bild och lite text bredvid den. Med det h\u00e4r alternativet \u00e4r det inte n\u00f6dv\u00e4ndigt att skapa en extra kolumn.<\/p>\n F\u00f6r den som \u00e4r intresserad av det finns ocks\u00e5 m\u00f6jligheten att anv\u00e4nda HTML f\u00f6r att skapa kolumner.<\/p>\n WordPress \u00e4r mycket kraftfullt<\/strong> och kan leverera en mycket snygg webbplats<\/strong>. HTML \u00e4r dock fortfarande en mycket popul\u00e4r metod f\u00f6r att skapa en webbplats.<\/p>\n F\u00f6r att skapa kolumner l\u00e4gg till denna kodbit i textredigeraren:<\/p>\n Detta skapar en tabell med kolumner<\/strong> mycket snabbt och den \u00e4r l\u00e4tt att \u00e4ndra. Men inte alla WordPress-teman hanterar dessa kolumner bra.<\/p>\n Det kr\u00e4vs lite erfarenhet f\u00f6r att l\u00f6sa eventuella problem.<\/p>\n WordPress 5.3 och inf\u00f6randet av blockredigeraren har gjort anv\u00e4ndningen av kolumner i bloggar och inl\u00e4gg s\u00e5 mycket enklare. P\u00e5 grund av WordPress-kolumnblocket \u00e4r det inte l\u00e4ngre n\u00f6dv\u00e4ndigt att anv\u00e4nda ett plugin eller kr\u00e5ngla med HTML-kod.<\/p>\n Det \u00e4r enkelt att skapa kolumner i WordPress eller att ta bort dem. Den \u00e4r v\u00e4ldigt intuitiv och trevlig att arbeta med, \u00e4ven f\u00f6r mindre tekniska anv\u00e4ndare.<\/p>\n Resultatet \u00e4r en vackert anpassad layout med flera kolumner. Framf\u00f6r allt kommer de resulterande sidorna att vara responsiva.<\/p>\n Om du gillade att l\u00e4sa den h\u00e4r artikeln om hur man g\u00f6r kolumner i WordPress, b\u00f6r du kolla in den h\u00e4r om hur man redigerar kategorier i WordPress<\/a>.<\/p>\n Vi skrev ocks\u00e5 om n\u00e5gra relaterade \u00e4mnen som hur man tar bort WordPress-teman,<\/a> \u00a0hur man g\u00f6r ett telefonnummer klickbart i WordPress,<\/a> \u00a0hur man vattenst\u00e4mplar bilder<\/a>, hur man kontrollerar WordPress-versionen<\/a>, skapar en j\u00e4mf\u00f6relsetabell med WordPress-plugins<\/a>, hur man laddar upp en HTML fil i WordPress<\/a>, var WordPress-sidor lagras<\/a> och hur man motiverar text i WordPress<\/a>.<\/p>\nVarf\u00f6r anv\u00e4nda kolumner p\u00e5 en webbplats?<\/h2>\n
![\"Hur](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185865-61e889a9578ac.jpg\")
<\/a><\/p>\nHur man skapar kolumner i WordPress<\/h2>\n
<\/a><\/p>\n\n
<\/a><\/p>\n\n
<\/a><\/p>\n\n
<\/a><\/p>\n<\/a><\/p>\n\n
<\/a><\/p>\n\n
F\u00f6rdefinierade layouter<\/h2>\n
<\/a><\/p>\nKolumner Blockera Grundinst\u00e4llningar<\/h2>\n
<\/a><\/p>\nNya inst\u00e4llningar f\u00f6r kolumnbredd<\/h2>\n
<\/a><\/p>\nL\u00e4gga till media och annat inneh\u00e5ll i kolumner<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nSkapa kolumner med HTML<\/h2>\n
<table>\n\n\u00a0 <tr>\n\n\u00a0\u00a0\u00a0 <td><\/td>\n\n\u00a0\u00a0\u00a0 <td><\/td>\n\n\u00a0 <\/tr>\n\n<\/table><\/code><\/pre>\nAvslutande tankar om hur man g\u00f6r kolumner i WordPress<\/h2>\n