As I continue to look at the possibilities of Gutenberg within the Avada theme, I came to a realization that aside from some of the bloated code and incomplete settings, the two together are a pretty formidable toolset. Add to that a tool like Meta Box All In One (AIO), and there are some fairly endless possibilities.

Rethinking the process

In a normal Avada implementation, you have a lot of power to build custom layouts, templates, elements, and widgets, but most are not transportable to another theme and you end up with a very limited set of options. What if you could change a big part of that?

This is where thinking about thing differently comes into play. Using Avada solely as a page layout tool and using Gutenberg to manage all the content. Honestly, this applies to almost every page builder on the market.

To make life easier two additional tools are added — Meta Box AIO and Editor Plus. The combination of these four tools really do make for almost unlimited web design platforms. So how do these work together in my mind?


As of right now, this is still my favorite page builder. Not because it is the most feature-rich (look to Bricks Builder or Zion Builder), but because I am very familiar with it and the adherence to WCAG (nobody else comes close yet). As a result of my familiarity, I can build a new layout in a matter of minutes. The layouts and library feature working together allows you to build a quick set of tools that can be applied in a variety of scenarios.

Meta Box AIO

Meta Box AIO is a custom fields and custom post plugin (it actually does so much more) that can allow you to define your content in almost any way. While the traditional post type works from most scenarios, you may need a specialty post type for your business or client. If you are an Advanced Custom Fields (ACF) user, you can use it and a custom post type tool.


Originally, I did not like the new editor, but numerous enhancements have made it a really nice tool to work with. There is a bit of a learning curve and paradigm shift when authoring content, but in general, after the initial shock, I find it much easier to work with.

Editor Plus

This was a very recent discovery and overall usage of this plugin is very low, but what it brings to the table is amazing. As much as I like Gutenberg, one of the big frustrations I had was the lack of options for the various block elements. Editor Plus fixes this by adding almost every conceivable styling option for each element. I suspect this level of functionality will be added to Gutenberg in the future, but for now, this is a must-have plugin in my opinion.

Putting the Pieces Together

Hopefully, with these brief descriptions, you can get a sense of where I am headed.

Using Avada to construct a variety of layouts, gives you the ability to have very distinctive looks all within the same website. In my opinion, this is important for large, content-rich sites that might need a layout for technical posts, but something a little different for information, news, employee highlights, or user-level “how-to” articles while at the same time maintaining a common color palette or standard typography. I recently encountered something like this on the Adobe website where marketing posts and “how-to” posts had very distinctive differences. Once you have built these layouts assigning them is easy, but you could find yourself adding and excluding posts based on categories or tags, but what if you created a custom taxonomy called Layout. That is where Meta Box comes in. Creating a custom taxonomy takes about two minutes and opens the door for easy layout assignment — yes, Avada’s assignment system recognizes custom taxonomies and post types. Using the default editor allows you to add and layout the “content” the way you want and Avada’s “content” element just displays it. You can add any Avada element into the editor using the classic block although that may change in the very near future as the classic editor is going away with the release of WP 5.9 at the end of 2021. In addition to the Avada elements, you can add a free block library (e.g., Kadence, Qubely, Stackable, Getwid, Gutentor, etc.) that can add features not in Avada (table of contents, interactions, and advanced animations, etc.).

In the spirit of openness, this site has not yet taken full advantage of the features I mentioned, but that is primarily because I need all the Avada features available for demonstration purposes. All recent posts were author exclusively with Gutenberg and the same will apply to future articles. As the Avada Builder matures and elements become available as blocks, this may need to be revisited for pages.

Let me know if this helped or hindered your thinking.

Originally published on Oct. 14, 2021

red and black metal machineCSS Play Button + Lightbox
silver iMac with keyboard and trackpad inside roomAvada 7.5 Released

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.


  • Read New Avada-based website

    I am launching a new website using Avada taking advantage of the lessons learned over the past two years of builder evaluations.

    March 5, 2023

  • Read Going Green-ish

    Going Green-ish

    Do you know how much energy your website consumes per visit? I was shocked and made immediate changes.

    December 28, 2022

  • Read Analytics Alternative: Cabin.

    If you are looking for an alternative to Google Analytics, I recommend checking out Cabin - a privacy-first solution.

    December 25, 2022

  • Read New Section: Code Snippets

    I created a new Code Snippets section to start collecting and sharing code that I have found helpful for Avada or WordPress in general.

    December 18, 2022

  • Read The State of WordPress

    The future of WordPress is very bright, but it is going to take a new way of thinking and a willingness to learn new things. Gutenberg is only a part of that future.

    December 15, 2022

  • Read Styling the RankMath Sitemap

    Styling the RankMath Sitemap

    If you are a RankMath user, you may know that they recently introduced a feature that automatically generates an HTML version of the XML sitemap. This post is to share the CSS I am using to add some layout to an otherwise long list of links.

    December 11, 2022