How to Create Columns in WordPress (No Coding Required) - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress WPBeginner Video: How to Create Columns in WordPress (No Coding Required).
Are you wanting to add multi-column content in your WordPress posts? Columns are a great way to create engaging layouts for your content and keep the content reader friendly when plain rows of text would likely not do. If you're interested in creating multi-column content in WordPress, come join us as Christina walks you through a few different ways to set up multi-column content even if you're using the classic editor.

If you're just using the standard Gutenberg/Block editor then there is a built-in block you can use. Click on the 'Add' icon and select the column block and WordPress will add the columns where you can click the section you would like it added to and in the block settings on the side, you can customize how many columns and a few other options.

You can also add media such as videos in the columns with the column block. If you would like to add a video to the column you would want to click on the 'Add new block' inside the column and select the type of content you are wanting to add. WordPress will display the options within the constraints of the column where you can customize it how you are wanting.

If you are using the classic editor then you would need to use a plugin and for this, we would want to use the Lightweight Grid Columns plugin found below.

https://wordpress.org/plugins/lightweight-grid-columns/

Once activated, you will now have a new icon in the post editor with the 'Add columns' button where you can customize the area your columns will cover and the grid percentage on different devices and you can add the content you are looking to add. The plugin would then look to add the content in their shortcode to have it display in multiple columns.

=================================
SeedProd
https://www.seedprod.com/
=================================

For our discount use the code: WPBVIP

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/plugins/how-to-add-multi-column-content-in-wordpress-posts-no-html-required/

Join our group on Facebook
https://www.facebook.com/groups/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com

00:00 Intro how to add multi-column content in WordPress
00:44 How to create columns in Gutenberg block editor
02:20 How to choose a different color background for columns
03:07 How to create a column for media and text
03:40 Pro Tip: how to quickly create columns from paragraphs
04:21 How to add columns for classic editor
05:40 How to create a landing page

#WPBeginner #WordPressTips #GutenbergEditor

Published: Monday, May 10, 2021 11:23 PM
Category: Wordpress WPBeginner

21 Views

Related Videos

How to Customize WordPress Excerpts No Coding Required

by Best Webhosting Added 3 years ago 45 Views / 0 Likes

Are you wanting to customize the excerpts on your WordPress site? An excerpt is a short snippet a post displays on the posts/blog page or other similar pages on your website. In this video, we will show you how to customize your WordPress excerpt with no coding required. This video brought to you by SeedProd, the best WordPress landing page plugin available, take a look at their site here: ================================= https://www.seedprod.com/ ==
How to Customize WordPress Excerpts No Coding Required

by Best Webhosting Added 4 years ago 78 Views / 0 Likes

Text version of this tutorial: http://www.wpbeginner.com/plugins/how-to-customize-wordpress-excerpts-no-coding-required/ Do you want to customize your WordPress excerpt? Excerpts are the short extracts of text from your posts followed normally by "read more...". In this video, we will show you how to customize WordPress excerpts with no coding required. If you liked this video, then please Like and consider subscribing to our channel for more WordPres
WordPress Tutorial for Beginners (No Coding Required)

by Best Webhosting Added 4 years ago 77 Views / 0 Likes

In this WordPress tutorial, you'll learn how to create a website from scratch, in one afternoon. This is the first video in a series where we'll walk you through the different ways you can make money with your website. You'll learn how to get hosting, install WordPress, and how to build the site you want, without writing any code. This tutorial will use Astra theme with Astra Starter sites and Beaver Builder lite, so you can get up and running quickly
How to Customize WordPress Excerpts For Beginners - No Coding or Plugin Required

by Best Webhosting Added 1 year ago 15 Views / 0 Likes

In today's video tutorial you'll learn a simple, fast and effective method to customize your posts Excepts for beginners with no coding or plugins needs. How to Customize WordPress Post Excerpts https://visualmodo.com/customize-wordpress-post-excerpts/ How to FIX CLOSED COMMENTS PROBLEM in WordPress Easy - Tutorial (SOLVED) https://www.youtube.com/watch?v=gOm1_ionmDc How To Create a WordPress Post Grid Layout with Block Editor For Free Without Plugins
Build A Landing Page For Free: Step-by-Step Tutorial (No Coding Required)

by Best Webhosting Added 2 years ago 31 Views / 0 Likes

Do you find it hard to build a landing page -- design, build the code, and drive traffic? This free guide will teach you how to create an effective landing page in less than 15 minutes using only free software (at no cost at all). The best part is you don’t need to have coding skills at all. 🔥 Sales Funnel Template/Organizer: https://sales.actmarketing.io/sales-funnel-organizer/?utm_source=youtube&utm_medium=organic&utm_campaign=sfo-salesfunnel-organi
How To Create Columns in the WordPress Gutenberg Editor?

by Best Webhosting Added 2 years ago 17 Views / 0 Likes

In today's WordPress tutorial we'll learn how to use column blocks using the Gutenberg editor in WordPress. This block allows you to display your content in a post or page in a column format. How to add columns to a post or page. How To Justify Text In Gutenberg WordPress? https://visualmodo.com/how-to-justify-text-in-gutenberg-wordpress/ How To Install and Use Gutenberg Block Editor Toolkit WordPress Plugin? https://www.youtube.com/watch?v=8IhO7BKJoM
Equal Height Columns In Row - How to Create Equal Height and Width Columns - Pure Html CSS Tutorial

by Best Webhosting Added 4 years ago 95 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
JavaScript Animated. How To Make Field Required/Not-required In A RD Mail-form

by Best Webhosting Added 4 years ago 100 Views / 0 Likes

This video tutorial is going to make field required/not-required in a RD mail-form in your JS Animated template. / Subscribe Our Channel: http://goo.gl/zjoR8Z More Premium JavaScript Website Themes you may find here: http://www.templatemonster.com/completely-javascript-website-templates/?utm_source=youtube&utm_medium=link&utm_campaign=cjstuts86 And also HTML 5 plus Javascript Templates: http://www.templatemonster.com/html-javascript-website-templates/
Popular
OpenCart 2.x. How To Edit/Change Required/Not Required Checkout Fields

by Best Webhosting Added 4 years ago 101 Views / 0 Likes

This tutorial will show you how to edit/change Required/Not Required checkout fields in OpenCart 2.x. Build your website with templates from TemplateMonster.com: http://www.templatemonster.com/opencart-templates.php?utm_source=youtube&utm_medium=link&utm_campaign=opctuts85 Subscribe Our Channel: http://goo.gl/zjoR8Z Follow us: Facebook http://goo.gl/3yXKEu Twitter http://goo.gl/NR5fDK LinkedIn http://goo.gl/qDZeEO Dribbble http://goo.gl/UwqX48 Pintere
Magento. How To Make State Or Province Field Required/Not Required

by Best Webhosting Added 4 years ago 98 Views / 0 Likes

This tutorial will show you how to make state or province field required or not required in OpenCart 2.x. Choose your Magento template now: http://www.templatemonster.com/magento-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=magtuts164 Subscribe Our Channel: http://goo.gl/zjoR8Z Follow us: Facebook http://goo.gl/3yXKEu Twitter http://goo.gl/NR5fDK LinkedIn http://goo.gl/qDZeEO Dribbble http://goo.gl/UwqX48 Pinterest http://goo.gl/Tp8Je5
WPEngine Staging Allows You To Create A WordPress Test Site For Updates, Coding, Development, etc.

by Best Webhosting Added 4 years ago 92 Views / 0 Likes

Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL The WPEngine Staging feature allows you to create a WordPress test site in just a few clicks. This staging siteå allows you to update plugins, and themes, try new plugins and themes, experiment with code, etc. without worrying about breaking your live site. Get 20% off your first month with WPEngine: https://wplearninglab.com/recommends/wpengine-20-off-first-month/ (aff) Le
How to Create a Landing Page In WordPress For Free Without Coding - Generate Leads & Sales Tutorial

by Best Webhosting Added 1 year ago 21 Views / 0 Likes

In today's video tutorial we'll lean how to create a eye-catching landing page in your WordPress website to generate leads and sales for free, without coding. Download WordPress themes and plugin free https://visualmodo.com/ How to Put Your WordPress Website in Maintenance Mode Easy and For Free? 🚧 https://www.youtube.com/watch?v=QqSIuO2Zbos 🛒 How To Edit and Customize All WooCommerce Pages Easily and For Free - No Coding Needed Tutorial https://www.y