Elegant Themes just announced that Divi Layouts can now be inserted into a page using the Gutenberg editor (or, now just called the WordPress Block Editor).
While this is exciting on its face, and I’m not discouraging anyone from using it, make sure that you understand the implications of what is going on behind the scenes.
The biggest issue that may come back to bite people, particularly bloggers, in the future is Divi’s use of shortcodes. Whenever you insert a Divi module, column, row, or section, and you save the page, you’re committing to the database one or more shortcodes.
Shortcodes are keywords and other parameters between square brackets
 that instruct the Divi layout engine (the theme) to insert a block of HTML, JS, CSS, and other effects into that spot in the rendered page.
Gone are the days of clicking “Update” and hoping for the best. Let Webidextrous manage your maintenance. We’ll give you back your time and peace of mind.
Those who don’t like Divi are against using it for this reason. Their argument is that if you ever want to switch your theme to a new theme, you’ll have these shortcodes to contend with. You’ll have to strip them out and replace them.
I’ve long said that this is not a problem if you’re redesigning a whole site. It’s also not a problem if your whole site design is exclusively Divi (no Gutenberg) and you use Divi again for the new site.
That’s because even though you can instantly switch themes in WordPress it doesn’t mean you should. Whole-site redesigns, if done correctly, are usually comprehensive in scope, with massive changes to both look and feel and the content. So, your new look and feel will never come close to resembling your initial design. You’ll likely redesign your site, reintegrate or rewrite your content into its new look and feel. No need to worry about the old shortcodes. There’ll be new ones in the new design.
The problem of using Divi layouts in Gutenberg is that when you need to move your pages and posts via exporting and importing to a new site that doesn’t use Divi as its theme, you’re gonna have a bad time.
If you insert Divi layout elements into your content using Gutenberg as the primary visual editor, Divi’s shortcodes will stick with your content. When you export that content and import it into another site, if the new site isn’t Divi-based, those shortcodes will be displayed in the post rather than the Divi-formatted content and UI elements they’re supposed to render.
Blog Post on a Site Designed in Divi with Divi Layout Inserted in Content via Block Editor
Blog Post on a Site Designed in Twenty Twenty with Imported Divi Layout Content
Again, I’m not telling you not to use Divi Layout blocks. Just be certain that you’ll be sticking with Divi for a long time, or that you have a shortcode removal plugin and a plan for dealing with the design changes that will occur under a new theme.
Latest posts by Rob Watson (see all)
- Pantheon Hosting: Boost Your Website’s Performance and Security Today with Managed Cloud Hosting - December 8, 2022
- WordPress Vulnerability Report: Delete These 8 Plugins Right Now - September 9, 2022
- How To Fix Divi Visual Builder Slowness on Pantheon When Saving Pages - September 5, 2022
- Disable Dangerous WordPress Automatic Updates and Do This Instead - September 1, 2022
- 5 WebOps Activities to Achieve Better ROI - August 22, 2022