Full-site editing has been a hot discussion in the WordPress community, especially when version 5.8 was released in July 2021. Before the full-site editing was included in version 5.8 WordPress release, the feature has been available in Elementor since version 2.9 which was released in 2020. What about Divi?
Recently, Elegant Themes has just released the full-site editing feature for Divi, only weeks after they released Display Conditions feature. Well, it’s a bit late as the same feature already exists in its competitor (Elementor in this case) for quite a while (read: Elementor vs Divi). At least Elegant Themes understands what users need to make site editing be more efficient.
How to Use the Full-Site Editing Feature of Divi
The idea of full-site editing is to makes it possible for you to edit the site parts in a single place, without needing to back and forth between back-end (WordPress dashboard) and front-end. For instance, you can edit the homepage — as well as the header and footer — from where you are right now (the homepage). Previously, you can only edit the header and footer by going to Divi Theme Builder. Starting now, you can edit the header and footer — as well as other custom templates like single post, category pages, and authors’ archive page — right from the front-end by simply enabling the visual builder. To be able to use the full-site editing feature, you need to update your Divi to version 4.12.
After updating your Divi to version 4.12, you will see an Enable Visual Editor button on every page of your website, including category pages and other archive pages. Previously, the button is only available on pages and posts. To see this button, make sure you are on the login state.
Clicking the Enable Visual Editor button will take you to the Divi Builder editor, regardless of where on your site you are right now. Be it on a page, post, or an archive page. Once the Divi Builder editor opens, you can hover your mouse over the header section and click the Edit Header Template button. This will turn the header section into the editing mode, and you can simply make the changes to your header.
Similarly, you can hover your mouse over the footer section and click the Edit Footer Template to edit the footer.
Once done making the changes to your header or footer, you can click the Save button on the bottom-right corner just like you usually do when editing a page or custom templates with Divi. To switch back to the front-end, you can simply click Exit Visual Editor on the top bar.
The Bottom Line
Site-editing editing is a useful feature to streamline workflow. You don’t need to back and forth between WordPress dashboard and the front-end of your website to edit the custom footer, custom header and other custom templates — as well pages — of your website. To use this feature in Divi, simply update your Divi to version 4.12 and you will see an Enable Visual Editor button on every area of your website. Be it a page, post, or archive pages.