This piece of software is a WordPress child theme boilerplate for Divi. It aims to secure the site, to configure it to meet the GDPR requirements and to optimize it for a better page speed. In addition there are some bug fixes for the Divi Theme itself.
Lots of new features are in stock for this new major version. And there are more to come! The Divi Child Theme has gotten it's own admin panel, which integrates nicely into the main options of Divi.
You can easily enable or disable any of the features down below. So if you don't want one or two of those features, you don't have to go to the code and fix it yourself.
I added a lot of new features as well, especially some pagespeed tweaks an some bug fixes for newer versions of Divi:
GDPR Features:
- Localize Google Fonts (or in fact any web font)
- Make links in the comments truely external
- Remove the commentor's IP (old ones have to be removed by hand)
- Disable oEmbeds (old ones have to be removed by hand)
- Disable WordPress Emojis (in every modern browser Emojis will be displayed anyway)
- Remove global DNS Prefetching
- Hide WordPress REST API meta data for security reasons
Page Speed Tweaks:
- Disable page pingback
- Remove Dashicons from the frontend
- Remove CSS and JS query strings
- Remove Shortlink from head
- Preload some fonts (or other files)
Divi Bug Fixes:
- Remove Divi support center scripts from frontend (Divi 3.20.1)
- CSS Split Section Fix for alternating sections of image and text (responsive)
- Fix display errors in Theme Builder (Divi 4.0 and up)
- Re-enable fixed navigation bar option when a global header in Theme builder is active (Divi 4.0 and up)
Micellaneous features:
- Disable email notifications for plugin and theme auto-updates
- Restrict email notifications for core updates (only errors will be sent)
- Enable to upload SVG files
- Enable to upload WebP files
The next steps will be to bring some CSS hacks to the admin panel as well and to automate the Google Font localization. There will be more explanation for non technical users in the admin panel in the future. So have fun and stay tuned!
This is a child theme adjusted to the Divi theme by ElegantThemes only! If you want to create your own child theme for any other WordPress theme, please use my GDPR theme as a boilerplate.
In order to create clean code and a descent inheritance, the child theme uses a .child body class once you activated the child theme. If you want to append your own CSS code to the style.css, you should use this class as a prefix, e.g.:
.child p {
line-height: 1.6;
}If you have any split sections (two column rows with alternating image and text) on your Divi site you know the display errors on mobile devices. Instead of showing every text beneath the image it rotates those sections on mobile as well, leaving you with nasty text-text and image-image combinations.
With my split section fix you only have to set the class .split-section-fix in the affected section and everything looks fine. Even the images don't scale down and get a pleasing 16:9 aspect ration on mobile devices by default.
With Divi 4 the all new theme builder has arrived! Now there's a possibility to set up a global header with a fixed height.
But ElegantThemes sadly disabled the fixed navigation bar option in the Divi theme options for those global headers.
With my Theme Builder Header Hack we bring this back and fix some display errors in the theme builder as well. You don't have to do anything once the child theme is activated.
Feel free to use one of my Global Header Layouts to import a minimal global header with a fixed height!
Update v1.3.0: Since the release of Divi 4 many changes were made, bringing some bugs to my theme builder hack. With v1.3.0 I hopefully fixed all of them and changed my hack in a way, that minor changes in Divi don't affect the Theme Builder Hack that much. If you find any bugs or display failures, please create an issue here on Github!
In Divi you actually can turn off Google Fonts by switching off Use Google Fonts under /Settings/Theme Options/General/. Then you only see fonts from the CSS font stack, but you can upload your own fonts manually.
But you can also use this child theme to organize your fonts. For Google Fonts simply use the google-webfonts-helper, copy the downloaded fonts to the /fonts/ directory and edit the /css/fonts.css.
NOTE: To use the TODO file you should edit it with VSCode and the Todo+ extension. Please read their documentation for usage information.