I am currently checking out the Divi WordPress theme by Elegant Themes (affiliate links), and I like it a lot so far. I plan to use for a few client sites and so wanted to make a Divi Child Theme, customized for my clients. As a WordPress web designer and developer, creating a child theme is fairly standard process if you plan to make more than a few modification to a theme. If you don’t know about this, you can read more about it here on WordPress.org, or here on the Elegant Themes website.
I looked online for an existing Divi Child Theme but did not find anything that suited my needs, so I made one. Then I decided to share it, so the next person looking for one had mine as an option.
Customized Footer Credits
All I really wanted was the bare bones of a new child theme, plus the one thing that I felt it really needed – to have the footer customized appropriately for what most users would want in the footer.
- Most users don’t want an advertisement in the footer that advertises Elegant Themes or WordPress.
- Most users want a copyright notice for their own website, a copyright notice where the year stays current automatically. For example, Copyright © 2015 Your Website Name (although in this post the year is not coded to stay current, in the Divi Child Theme it is).
I did some research and it is not legally needed to have this on your website in order to have legal rights and protection for your creative work, but it is a good idea as it does act as deterrent. I did not include in the copyright notice, “All Rights Reserved” because it just seemed too long and unnecessary.
The footer copyright notice will automatically use the name and website address of your WordPress website. You can edit the Site Title in your WordPress admin by going to Settings>General.
[box type=”info”]Please note (Jan 2017; Divi version 3.0.27). Divi recently added a new feature to their Theme Customizer (Footer>Bottom Bar) that allows users to now edit or disable the footer credits section of the footer from within the Theme Customizer. You will NOT be able to use that feature if you use this child theme, (unless you edit the footer.php file). The reason I have kept this child theme with footer credits built into the theme rather than changeable from the theme customizer is that there is still no way that I know to have the year in the copyright notice change each year automatically as the year changes. The child theme here still does that because it creates that content via PHP code. If you do not wish to use the footer in this child theme and would rather use the default Divi footer, it is very easy – just delete the footer.php file in this child theme folder.(You can do that via FTP or via the File Manager in your hosting control panel.)[/box]
Just Upload and Use
You don’t have to modify it all and can just download the zip file and upload it as a theme via your WordPress admin’s Theme panel. As long as you have the Divi theme also installed, you are good to go.
Or Customize for Your Needs
However there is a ReadMe file included in the child theme folder that explains how to customize it for your own use, such as to make the child theme’s name and Theme image and url location all correspond to your website name rather than just say something like, Divi Child Theme.
How to Get the Default Divi Footer Back
If you decide at any time that you want to be able to edit or disable the child theme’s footer credits from within the Theme Customizer, and no longer have it automatically generated for you by the child theme, look in your themes footer.php file for a section of code that starts with “<p id=”footer-info”>” and ends with “</p>” which is all on line 46 if you have a code editor that shows you lines. You would replace that with line 36 of the Divi themes footer.php file which reads: “echo et_get_footer_credits();”, without the “quotes”.
For Theme Developers
I also made it so that it includes a credit for a website’s designer or developer that would read, “Website by Your Name” where Your Name is a link that you specify, such as to your website. For this you will have to edit the footer.php file and edit those parts in the code. It is not hard and is explained in the README file.
Click the link below to download the Divi Child Theme from Github. (You can also view the Divi Child Theme files on Github.)
[button link=”https://github.com/napa-web-designer/divi-child-theme/archive/master.zip?utm_source=internal&utm_medium=relevant&utm_campaign=divi-child-download” size=”large” style=”download” window=”yes”]Download Divi Child Theme[/button]
Good luck. Let me know if you found this useful. Share your feedback below.