Have you ever wanted your <a href="https:\/\/pagely.com\/blog\/how-to-create-a-successful-wordpress-content-marketing-strategy\/" target="_blank" rel="noopener noreferrer">website's content<\/a> to appear more compelling? Well you should, because if you wish to cast a good impression on your readers and visitors, proper content presentation is essential. One of the easiest ways to spice up your content format in WordPress is to use columns.\r\n\r\nSo how do you know if columns are right for your site -- and what's the best way to create them? Read on to find out.<span id="more-9036"><\/span>\r\n<h2>Creating WordPress Columns<\/h2>\r\nWhile it is true that some users find columns distracting, there may be situations where using columns in your posts makes more sense. Columns might be a good idea if:\r\n<ul>\r\n \t<li>You need to present content for comparison and analysis.<\/li>\r\n \t<li>You are posting a report online and a column-based layout would make it easier to assess the outcomes.<\/li>\r\n \t<li>You just want your blog post to look different, in which case, well, a column-based layout will obviously help.<\/li>\r\n<\/ul>\r\nSo, how do you create columns for your WordPress posts? From CSS coding to using custom plugins, there are many ways to do this. It all depends on your specific needs and goals.\r\n<h3>Using Plugins to Create Columns in WordPress<\/h3>\r\nThere are several plugins that can help you create columns in WordPress, but none so popular as <a href="http:\/\/www.codepresshq.com\/wordpress-plugins\/shortcode-columns\/" target="_blank" rel="noopener noreferrer">Column Shortcodes<\/a>. With over 100,000 active installations, Column Shortcodes makes it pretty easy to work with and create columns in WordPress.\r\n\r\n<img class="aligncenter wp-image-9037 size-full" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/03\/column-shortcodes.png" alt="WordPress columns" width="764" height="242" \/>\r\n\r\nColumn Shortcodes, as the name suggests, lets you create columns by means of shortcodes. It comes with ten predefined shortcodes, each meant for a different column width. All you need to do is pick the proper shortcode and the columns will be inserted into your posts.\r\n\r\nHere's how it works:\r\n\r\nAfter activation, you will find a button to add columns to your posts in the post editor.\r\n\r\n<img class="aligncenter size-full wp-image-9038" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/03\/column-shortcodes-button.png" alt="Column Shortcodes button" width="218" height="137" \/>\r\n\r\nSimply select the text you'd like contained within a column, and click the button. Next, select the column width you prefer.\r\n\r\n<img class="aligncenter size-full wp-image-9040" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/03\/column-shortcodes-select.png" alt="Column Shortcodes List" width="724" height="562" \/>\r\n\r\nYou can choose from different predefined column widths and also specify column padding. After that, your content will be added within the shortcodes.\r\n\r\n<img class="aligncenter size-full wp-image-9041" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/03\/column-shortcodes-text.png" alt="Column Shortcodes editor" width="780" height="418" \/>\r\n\r\nThe final output?\r\n\r\n<img class="aligncenter size-full wp-image-9039" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/03\/column-shortcodes-result.png" alt="Column Shortcodes Result" width="780" height="336" \/>\r\n\r\nAnd just in case you need more help with the plugin, be sure to check out our <a href="https:\/\/pagely.com\/blog\/add-columns-wordpress-posts-pages-column-shortcodes-plugin\/" target="_blank" rel="noopener noreferrer">guide to creating columns in WordPress<\/a>.\r\n\r\nAnother such plugin is <a href="https:\/\/getshortcodes.com\/" target="_blank" rel="noopener noreferrer">Shortcodes Ultimate<\/a>. In fact, virtually any decent shortcodes plugin can create columns -- all you need to do is find the one that suits your goals. If you need additional shortcodes, such as buttons, highlight, accordions, etc. then the Column Shortcodes plugin will not suffice for you. In such cases, Shortcodes Ultimate might serve you well.\r\n\r\n<img class="aligncenter size-full wp-image-9042" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/03\/shortcodes-ultimate.png" alt="Shortcodes Ultimate" width="766" height="242" \/>\r\n\r\nThere is no special reason why I have picked Shortcodes Ultimate over all the others in its league except for the fact that it is by far the most popular one with over 600,000 active installations. Furthermore, its free version comes loaded with features and most users may not even need the pro version.\r\n\r\nUsage of Shortcodes Ultimate is also fairly simple. Since we are discussing columns here, we shall bypass all of its other features.\r\n\r\nAfter activation, you will find an "Insert Shortcode" button in the post editor.\r\n\r\n<img class="aligncenter size-full wp-image-9043" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/03\/shortcodes-ultimate-button.png" alt="Shortcodes Ultimate button" width="295" height="131" \/>\r\n\r\nOnce you click on it, you will find the Column option in the last column of the shortcodes list.\r\n\r\n<img class="aligncenter size-full wp-image-9045" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/03\/shortcode-ultimate-list.png" alt="Shortcodes Ultimate List" width="780" height="415" \/>\r\n\r\nNote that Shortcodes Ultimate offers some added customization options in the form of custom CSS classes. This might seem a bit too complicated for some users because you need to have a working knowledge of CSS in order to use that feature. That said, you can preview your shortcode's output live before actually inserting it and make the necessary changes therein.\r\n\r\n<img class="aligncenter size-full wp-image-9046" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/03\/shortcode-ultimate-settings.png" alt="Shortcodes Ultimate Editor create columns in WordPress" width="526" height="610" \/>\r\n\r\nOnce this step is completed, you can insert the shortcode in your post and columns will then be added.\r\n\r\n<img class="aligncenter size-full wp-image-9044" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/03\/shortcodes-ultimate-result.png" alt="Shortcodes Ultimate output" width="751" height="347" \/>\r\n\r\nYou can also choose to save the shortcode settings as a preset if you are planning to use it often.\r\n<h3>Using CSS to Create Columns in WordPress<\/h3>\r\nRelying on CSS to create columns in WordPress makes better sense if you need to use columns only sparingly. It is better to activate and use a plugin if you use columns often, but for sporadic usage, CSS should be the way to go.\r\n\r\nOf course, you need to be familiar with CSS properties such as width, padding and float. Also, bear in mind that many WordPress themes tend to handle CSS differently -- some come with predefined classes and properties and the results you get in terms of padding will vary from one theme to another. Be sure to check with your theme's developers if you run into any CSS-related troubles.\r\n\r\nTo create a three column layout, you can use the following code:\r\n<pre><div style="width:30%;padding:0 10pt 0 0;float:left;">\r\n\r\nColumn 1\r\n\r\nColumn 1\r\n\r\n<\/div>\r\n\r\n<div style="width:30%;padding:0 10pt 0 0;float:center;">\r\n\r\nColumn 2\r\n\r\nColumn 2\r\n\r\n<\/div>\r\n\r\n<div style="width:30%;padding:0 10pt 0 0;float:right;">\r\n\r\nColumn 3\r\n\r\nColumn 3\r\n\r\n<\/div><\/pre>\r\nThe values for width, padding and float will vary depending on the nature of your theme's layout and the number of columns that you require. You might need to refer to CSS-specific documentation for these styles: <a href="https:\/\/www.w3schools.com\/cssref\/pr_dim_width.asp" target="_blank" rel="noopener noreferrer">width<\/a>, <a href="https:\/\/www.w3schools.com\/cssref\/pr_class_float.asp" target="_blank" rel="noopener noreferrer">float<\/a> and <a href="https:\/\/www.w3schools.com\/cssref\/pr_padding.asp" target="_blank" rel="noopener noreferrer">padding<\/a>.\r\n<h3>Summing it up<\/h3>\r\nWhile the Column Shortcodes plugin is by far the easiest and simplest method to get the job done, custom CSS can be convenient if only a handful of your posts require columns.\r\n\r\nWhich is your preferred method to implement and create columns in WordPress? Share your views in the comments below!