+44 0330 223 3428
Call Us
+44 0330 223 3428

WPTavern: CoBlocks Adds Row and Columns Page Building Blocks for Gutenberg

WPTavern: CoBlocks Adds Row and Columns Page Building Blocks for Gutenberg

CoBlocks, one of the earliest block collections for Gutenberg, has added new page building blocks and tools in the latest 1.6 release. ThemeBeans founder Rich Tabor and plugin developer Jeffrey Carandang partnered together on this iteration of CoBlocks to bring users new Row and Columns blocks and a Typography Control Panel.

The Row and Column blocks are resizable and can be dragged to new positions.

After selecting the Row block, users can choose the number of columns and then a layout for the row.

These row layouts can also be adjusted from inside the row toolbar or inspector sidebar panel, which includes responsive media query controls.

The Row and Column blocks also come with fine-grained controls for adjusting background and text color, width, margin, and padding.

Version 1.6 also includes a new Typography Control Panel with support for Google fonts. Users can customize the fonts with built-in controls for line-height, letter-spacing, font-weight, and text-transform properties. It also supports customizing fonts for the core heading, paragraph, and button blocks.

The video below shows a quick demo of column layouts and nested row blocks in action, as well as a few other blocks in the collection. Tabor said the team has more blocks in development that are geared towards full page layout and design. They are also working on a more advanced Google Maps block, feature blocks, and image cards.

The Gutenberg team has been discussing a “section” block since February 2018, where columns blocks could be placed inside the more generic section container. It’s on the roadmap for Phase 2 but contributors are taking their time to carefully define how this block will work. In the meantime, plugin developers have created their own versions of sections.

CoBlocks is currently setting the bar for Gutenberg-powered layouts. When WordPress core gets deeper into site building, this plugin’s user-friendly approach to rows and columns should provide some inspiration for creating an intuitive page building experience.


CoBlocks, one of the earliest block collections for Gutenberg, has added new page building blocks and tools in the latest 1.6 release. ThemeBeans founder Rich Tabor and plugin developer Jeffrey Carandang partnered together on this iteration of CoBlocks to bring users new Row and Columns blocks and a Typography Control Panel. The Row and Column blocks are resizable and can be dragged to new positions. After selecting the Row block, users can choose the number of columns and then a layout for the row. These row layouts can also be adjusted from inside the row toolbar or inspector sidebar panel,…

Source: WordPress

Related Post
WPTavern: WPWeekly Episode 349 – Sandy Edwards and the Kids Event Working Group Initiative

WPTavern: WPWeekly Episode 349 – Sandy Edwards and the Kids Event Working Group Initiative In this episode, John James Jacoby and I are joined by Sandy Edwards. Sandy gave us a behind the scenes look at what it takes to organize a WordPress event for children and teens. She also provides background information on a […]

Read more
WPTavern: WordPress Ends Support for PHP 5.2 – 5.5, Bumps Minimum Required PHP Version to 5.6

WPTavern: WordPress Ends Support for PHP 5.2 – 5.5, Bumps Minimum Required PHP Version to 5.6 WordPress has officially ended support for PHP 5.2 – 5.5 and bumped its minimum required PHP version to 5.6. The plan announced last December was to bump the minimum required version in early 2019 and, depending on the results, […]

Read more
WPTavern: Gutenberg 5.3 Introduces Block Management, Adds Nesting to the Cover Block

WPTavern: Gutenberg 5.3 Introduces Block Management, Adds Nesting to the Cover Block Gutenberg 5.3 was released today with basic block management, a feature that will be included in WordPress 5.2. It is a new modal that can be launched from the vertical ellipses menu, inspired by Rich Tabor’s CoBlocks implementation. Users can turn individual blocks […]

Read more