Advanced Columns Block: Layout builder

Beschrijving

The professional plugin for responsive layout management in WordPress.

Built on the CSS grid foundation, the Advanced Columns plugin is the most powerful and flexible layout builder block for WordPress.

Official website | Browse the documentation

The best plugin for Designers

The Advanced Columns block for WordPress offers designers an intuitive drag-and-drop interface, customizable media queries, and exceptional flexibility.

It simplifies the creation of beautiful, responsive layouts, allowing you to concentrate on the creative aspect of design rather than getting bogged down by technicalities.

Easy to use drag & drop interface

Our user-friendly drag-and-drop interface simplifies the layout generation by providing a consistent grid structure ensuring dimension predictability.

With just a few clicks, you can easily create complex column systems, eliminating the need for custom CSS. This streamlines the design process, saving you time and eliminating guesswork.

Quick presets for instant layout changes

We’ve created quick presets as a tool to streamline extensive layout adjustments. With just one click on a standard layout preset, you can simultaneously modify the size and position of multiple columns in bulk.

This becomes especially valuable when you’re editing a specific breakpoint, significantly reducing editing time.

Comprehensive columns appearance controls

Columns are designer to offer extensive customization options, aiming to minimize the necessity of creating custom CSS for your projects. You can customize the background by adding images, videos (soon), or colors, and apply overlays in the form of solid colors or gradients, and everything can be adjusted at each breakpoint to suit your requirements.

Precise control of the dimensions

Each dimension field accommodates multiple unit values, and we’ve included specific fields for directional dimensions like padding and margin. You can either adjust all axes together or edit individual directions.

Pro version users can also enable WordPress spacing values from the theme.json file.

Breakpoints for precise editing

The plugin’s customizable responsive breakpoint system empowers you to fine-tune every element of your layout, whether it’s altering padding or repositioning columns within the grid layout.

With Advanced Columns, effective layout management becomes effortless, as it enables the creation of sophisticated and professional layouts without the need for custom CSS coding.

Plugin standard features

  • Drag & drop interface – Edit your content directly in the Block Editor.
  • Media Queries support – Perfectly define the breakpoints of your project.
  • Customizable columns and rows – Create grids exactly the way you want.
  • Background image support – The perfect decoration for your content.
  • Solid color or gradient overlay – Fine tune the appearance of your backgrounds.
  • Quick presets – Apply commonly-used layouts with just a click.
  • Precise spacing controls – Control every detail.
  • Single columns z-index control – Place content on top of everything else.

For Developers by Developers

Developers are in our hearts. We thoughtfully crafted our plugin with a focus on solid principles, ensuring a professional and enjoyable experience for developers. Advanced Columns is extensible, secure and optimized: from the development point of view, this plugin has got your back.

Browse the documentation

Perfectly defined breakpoints

By adopting the CSS syntax for Media Queries, you’re free to define and manage your breakpoints however you like, and not be limited to the concept of the viewport width.

With this approach, you’ll be able to add vertical Media Queries as well, or play around with Preference Queries, and even modify a block visual representation depending on a light/dark mode.

Excited? So are we! And to think that we are planning to bring Container Queries to the table in a future update…

Extensible, future-proof and optimized

As developers, we like having control. That’s why, through various hooks and filters, Advanced Columns provides you with all the tools you need to extend the plugin as you please.

We prioritize flexibility, and Advanced Columns, with its robust data structure, is a versatile solution that simplifies idea implementation. You know what else we like? Speed! All these goodies are backed up by an optimized platform that has performance at its core.

Dynamically generated backgrounds markup

Both images and videos can be set as backgrounds for our columns blocks. But what about the behavior of a background image? Should it be applied as a CSS background, or should it be an actual image tag, for SEO and crawling purposes?

Well, in Advanced Columns you have both options, so the only thing left to do will be to pick the perfect one!

Built on the foundations of CSS Grid

Advanced Columns runs on CSS Grid. With such a powerful foundation, there are no limits to what you can build.

Since column blocks templates are dynamically rendered, styles are dynamically processed too, and are inlined in page only when you actually need them: this way, your pages will perform better in speed tests, and put you in control of their output.

The solution for the next generation of themes

Advanced Columns integrates seamlessly with Block Themes: this means that you’ll be able to modify your theme’s theme.json file and instantly see those changes reflected on our blocks’ controls. Take borders, spacing values, or even colors for example: Advanced Columns will work as one with your theme!

Where to start

Liked Advanced Columns?

Follow us on Twitter
Visit the official website

Schermafbeeldingen

Blokken

Deze plugin voorziet 2 blokken.

  • Advanced Columns Display content in multiple columns.
  • Advanced Columns - Column A single content area.

Installatie

  1. Upload the plugin files to the /wp-content/plugins/advanced-columns-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

FAQ

Does it work on any theme?

Advanced Columns is a plugin designed for the new WordPress Block Editor and can work with any theme that supports it.

What features will be added in the future?

We have a lot of things planned already, and some other ideas that we’d like to add to the plugin. Some of these are already outlined in the “Pro features” section of the advancedcolumns.com website, and a more detailed roadmap will be released soon.

When will the Pro version be released?

We haven’t planned a release date yet, but if you’d like to be notified as soon as we are ready to announce the Pro version, you should subscribe using the form on advancedcolumns.com website.

Does it work in the WordPress Site Editor?

Yes, we have designed the plugin with the Site Editor in mind, since it is where we think it could be most useful.

How does support work?

Support on the plugin page on WordPress.org is completely voluntary. Feel free to post bug reports, or questions about the plugin functionality.

Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

Bijdragers & ontwikkelaars

“Advanced Columns Block: Layout builder” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

Changelog

To read the changelog for the latest Advanced Columns release, please navigate to the changelog page.