Publisher Theme BetterStudio
English
  • العربية
  • فارسی
  • Publisher Theme
  • WP Plugins
  • Blog
    • Learn WordPress
    • Learn Marketing
    • Learn Design
    • Learn Shopify
    • Login
    • Create Account
Download Publisher
Publisher Theme <
  • Publisher WP Theme
    • Features
    • Demos
    • Showcases
    • Changelog
    • Support
    • Documentation
    • Publisher vs Others
      • Newspaper vs Publisher
      • Soledad vs Publisher
      • Jannah vs Publisher
      • Good News vs Publisher
      • JNews vs Publisher
      • MagPlus vs Publisher
      • Newsmag vs Publisher
      • SmartMag vs Publisher
  • Pricing
  • WP Plugins
  • Blog
  • Login
  • Create Account
+
Download Publisher
English
  • العربية
  • فارسی
Learn WordPress
  • All
  • WP Tutorials
  • WP Plugins
  • WP Themes
  • WP Hostings

How to Add Columns to WordPress Post and Pages? (no HTML)

With the new editor, you can easily add columns to WordPress post. You can also use a plugin to add the feature to the classic editor.

May 11, 2019
0
multi-column posts in wordpress

In this article, we will explain how to publish multi-column posts in WordPress, using Gutenberg or a simple plugin for the classic editor.

Table of Contents
Why Use Multi-column Posts in WordPress?
How to Add Columns to WordPress Post and Page? (Gutenberg)
Create Multi-column Posts in the WordPress Classic Editor

Why Use Multi-column Posts in WordPress?

Using multi-column writings in traditional media, such as newspapers and magazines, is very common due to its visual appeal. But on the Web, most posts use a single-column structure.

However, sometimes for highlighting some of the content and because it is easier to read multi-column entries, we find that some WordPress websites also use multi-threaded writings.

The purpose of creating multi-column content in the Web and WordPress is to create more attractive pages. This structure also allows users to read much more in a small space.

In this article, we’ll teach you how to publish your content in a multi-column text format, in both the Gutenberg WordPress editor and the old TinyMCE editor, without using complex HTML code.

How to Add Columns to WordPress Post and Page? (Gutenberg)

First of all, it’s not a difficult process to create multi-column in WordPress, as it’s a default feature on Gutenberg since its release. Thanks to the new WordPress editor, which is equipped with a specific block type for creating columns, you no longer need to write complex HTML and CSS codes, and can easily format your content in 2 to 6 columns.

To add multi-column templates and create multi-column posts in WordPress’s Gothenburg editor, just create a new post or edit one of the existing posts.

Then, in the edit space, click on add icon at the top of the page to add a new block. Then click on the Columns option under the Layout Elements tab. (You can type Columns word in the search bar and find it.) Should look like the picture below:

Now you have created two columns for your post. By default, Gothenburg offers 2 columns. You can increase this number to 6. To add the number of columns, select the number on the right side of the page, from the column number field as shown below:

Create Multi-column Posts in the WordPress Classic Editor

The old WordPress editor (TinyMCE) does not support columns as a default. However, by simply installing a plugin, you can easily create your own custom columns.

To do this, download and install the Advanced WP Columns plugin. After activating the plugin, go to the edit page of one of the previous posts or create a new post. Then you’ll see a new option appear in the toolbar called Advanced WP Columns. It would look something like this:

Add Columns to WordPress Post

By clicking on the new option, a new window will open.

Add Columns to WordPress Post

This window is equipped with some default templates to create multi-column entries that you can use. The Empty menu shows you options of two-column, three columns, and so on.

Add Columns to WordPress Post

In the column sections, the width of all columns are the same. If you want, you can change the width of the columns by dragging and dropping them. You can also customize the font and color of the text for each column. After editing, click the Add Columns button to add the changes you made to the text.

To create custom columns (without using default features), you can select the + Add option from the first window and manually set up columns to your preference. You can also select and delete the column by clicking on the option to remove or add more columns.

Of course, the plugin also has the option to adjust advanced and change default settings. By entering the Settings section and selecting Advanced WP Columns in the WordPad dashboard, you can adjust the column space on different displays and have access to more options as well.

Add Columns to WordPress Post
Please Share This:

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Publisher Theme

All-in-one WordPress Theme for Magazines, Newspapers and Blogs

WordPress Publisher Theme For Newspaper and magazine and blog Get Publisher
Content Protector

Prevent content copiers from copying your website texts, images, videos, and source code

Protect Your Content
  • Home
  • Blog
  • 📙 WordPress Tutorials
  • How to Add Columns to WordPress Post and Pages? (no HTML)
Get the Latest Tutorials by Subscribing to Our Newsletter
Subscribe to our newsletter to be notified on new post and product releases.
BetterStudio
  • Contact us
  • Advertise
  • Custom Development Services
  • Blog
Products
  • Publisher Theme
  • Better Ads Manager
  • Our Plugins
Useful Links
  • 30 Days Refund Guarantee
  • Refund Request Form
  • BetterStudio Affiliates
  • Affiliate Payout Request
Support
  • WPShield
  • Publisher Theme
Connect
  • Follow on Twitter
  • Join us on Facebook
  • Follow on Instagram
Copyright © 2023 — BetterStudio. Terms & Conditions — Privacy Policy