WordPress is great but its default themes are lacking. This guide will walk you through installing Divi, which provides a wide range of customization options while still staying simple to use.
If you’re not this far yet, be sure to look over Changing your WordPress Media Folder.
First, login to your WordPress dashboard and click on the Appearance tab on the left-hand sidebar. You should see a few of the default themes that come with WordPress. These are decent but there’s much better ones that allow for a greater range of customization. At Growth Heroes, we prefer Divi since it has great support, lots of features, and is still dead simple to work with.
We’ll get to installing Divi soon but first, take a moment to uninstall the default themes. You can always reinstall them later but for now it’s best to get rid of them so that they don’t continue to annoy you with update notifications. Do this by hovering your cursor over a theme and clicking Theme Details. If it’s not your current theme, there should then be a delete button in the lower right-hand corner. Once you’re done installing Divi, come back and delete the last remaining theme.
To install Divi, you’ll need to click Add New at the top of the page after having clicked on Appearance. Once you do so, you will be presented with free options from WordPress. You could use any of these themes but this guide will cover Divi because it looks great with so little effort. It also gets great support. In fact, check out the latest release with all its new features. To install Divi, we’ll use the Upload Theme button at the top of the page.
To use Divi you will need to have obtained it from Growth Heroes or you can purchase the theme from its creators at Elegant Themes, which also includes support as well as other themes. Either way, you’ll first need to download a zip file of the theme. Then browse to select that zip file when uploading the theme to WordPress. Once you’ve done so, clicking Activate will enable the theme and apply it to your site.
Now that you have Divi installed, you’re ready to customize it to suit your site. In the Appearance tab, click Customize to be presented with an assortment of options. These allow you to give your site a particular look and feel. The Theme Settings section has a lot of important style options that you’ll want to decide on before you start adding content to your site. These are things like where you want your navigation bar and whether you want a boxed layout or for your content to use the entire screen. Take the time to get all of the other settings just how you want them. It’s much easier to get things looking good in the beginning, before you start adding content.
Finally, under the Appearance tab on your WordPress sidebar there will now be a section called Divi Theme Options. This will allow you to further customize Divi, including adding links to your social media accounts. Once you click Divi Theme Options you will start in the General Settings section. Explore each section but you can leave most settings as they are for right now. One thing to note, at the very bottom of the General Settings section is a textbox for entering Custom CSS. As you continue to customize Divi, this textbox will be very valuable. It allows you to use your own CSS to override or create stylings for anything on your site. If you’re not familiar with CSS, it may take a little getting used to but the added ability to customize everything is well worth it. Here’s the best tool for learning CSS and for quickly looking examples and documentation.
Now that we’ve covered the basics, go through and get the look you want. Don’t worry if you can’t get some things to work, as we’ll cover that later. For now, get acquainted with Divi and use it to make your site look good no matter what content you throw at it.
Now that you’re finished here, you can move on to Installing Flare and Yoast.