How to Create Columns in WordPress (No Coding Required)

Key Takeaways

today you'll learn how to add multi-column content in your wordpress website and you don't have to know any html to do this hey there i'm christina with wpbeginner where we teach all about wordpress so you can grow your website and reach your audience and today i'm going to show you a quick tip on how to get multi columns on your website this is perfect to break up walls of text on your site so it's easier for users to read so i'll show you how you can do it in gutenberg i'll show you two nifty ways that you can do it and if you are still on the classic don't worry i have you as well so let's dive in best way to get started is to create or edit a post so let's go to posts all posts and i have a draft article set up in my area so i'm going to just edit this one and i'm working through this and there's some items down at the bottom that i want to create so down here i want to create integrations and then these are all the integrations and it's a pretty long list it's long enough that i don't want to just put them all on its own because then i'll just have a lot of white space over here so one of the best ways that you can do this is we can go in and once you see the little plus ad block here or if you go up here you can see the ad block you click on the block and if you see columns you can do that or you can even search for columns we'll click on that and from here you can choose how many columns do you want to create so for this one i actually want to create a 50 50 split so i'm gonna click this one and now we see little plus icons next to each other so now i can start adding my items so this is going to be a list so i'm just click list and i know which ones i need and you can just keep on doing that and adding those in and now i want to come over here and add some as well and this time i'm going to do a little bit different i'm just going to highlight all of these and copy them and i'm going to come back in here and say paragraph then we're just going to add these in here so they're all in here in one paragraph but obviously the other side is a listicle so i'm going to highlight all of these come up here to the little paragraph and we're going to transform these also to a list so great now we have a two column section with items in each column and if my integrations grew i could come over here and say let's go to three and so now i have another column here that i could add even more and the other cool thing is when i am in columns i can come up here to my once the columns is selected we can come over here and we can do some color settings we can change all of the background color so it stands out even more if we need to don't worry if you have a custom color that your brand is all about you can click in the custom color and you can add the hex value here if you want or if you just don't want any of it you can either click it again or just come down here and say clear now what if instead over here i don't want to add another listicle item but i do want to add something like an image or a video you can come up here to image media library and we can pick an image to go into that make sure you add your alt text select it and now that will be in my third column now a lot of times people want something like a text and image and that is a little bit different than a column but i'm going to show you this real quick you can click add block and you can start typing in media and it'll be media and text and that might be a better idea for you so you can upload an image or pick an image from your media library and so that will be on the left side and then on the right we can say what we want about that image so that's a nice little comparison so it's it's kind of like a column but it's a media plus text block that you want to use in that case another cool thing is say you already wrote some stuff out so for instance i have three paragraphs here and i've decided i want to put those in columns so what i'm going to do is i'm going to highlight all three i'm going to come up here to the little paragraph and you notice that when i hover over it says change type of three blocks when i click on that these are all the items that i can change it to and i want to change it to columns so when i click on columns boom now it's three columns and i didn't have to create the column add and do all of that so that will probably speed up your formatting time if you already have all the stuff in there and then you just want to change it quickly to a column you can do that now if you are still in the classic editor then what you want to do is let's head over to plugins add new because we'll install a plugin that makes it super easy to create columns for you and we're going to search for a plugin called lightweight grid columns this is the one we want so let's go ahead and install it and you'll want to stick around to activate the plugin as well now let's head back over to the post that we're working on and i'll edit this so for this we're going to add a column so i'll click on the add columns area and from here you want to choose how you want it to look so for this one we're just going to work with two columns so i'm going to keep the data grid percentage for the desktop at 50 same thing with tablet and mobile it'll be 100 which means that the first column will be on top of the other one and then we just need to add some information here so we'll say okay and that will be our first column and now let's start a new line click on the button we're going to say last column in a row because this is our second one grab the content and then we'll add the content that we want to come in the second area and we'll click ok and now you see these two items here so what we can do we will save the draft and now we can preview it and see it in action and now you'll have the two columns here as well and then if you're looking for an easy way to set up something like a thank you page or a sales page one of the easiest ways that you can do that is by installing seed prod cpr creates beautiful landing pages quickly and easily all you have to do is head over to seedprod add a landing page choose from all of their templates that they have and then you can start editing change out all of your information for yours and you're good to go you can quickly create landing pages on your site in no time to get started just head over to seedpro.com and make sure you use promo code wpb vip and you'll get the best discount on seedprod and if you want more tips on how to use the gluten block editor make sure you watch this video next as i walk you through step by step on exactly how to use the block editor in wordpress and i'll see you over there