0 Flares Filament.io 0 Flares ×
Installing Divi

 

 

Installing Divi

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.

 

These are the default themes that will appear before installing Divi

These are the default themes that will appear before installing Divi

 

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.

 

Pick a WordPress theme or upload your own, which is how you'll go about installing Divi

Pick a WordPress theme or upload your own, which is how you’ll go about installing Divi

 

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.

 

What the Appearance tab will look like after installing Divi

What the Appearance tab will look like after installing Divi

 

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.

 

Customize your theme settings after installing Divi

Customize your theme settings after installing Divi

 

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.

 

The Divi Theme Options epanel that will appear after installing Divi

The Divi Theme Options epanel that will appear after installing Divi

Custom CSS textbox for adding your own CSS to change the way Divi displays content

Custom CSS textbox for adding your own CSS to change the way Divi displays content

 

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.

 

Start Growing Today

Sales Cloud Quick Start

  • The fastest way to get up an running on Salesforce.
  • We install a pre-determined set of our best reports and customizations, giving you more for your money.
  • We will map your sales process to Salesforce
  • Data cleansing and import included

Service Cloud Quick Start

  • Same as above, but we focus on the Service Console
  • Knowledge base setup
  • Case management and response time dashboard
  • Web-to-Case setup

Pardot Quick Start

  • Salesforce Sync
  • Lead Scoring
  • Pre and Post-Sales drip Campaign
  • 1:1 emails in Salesforce
  • Website form and tracking integration

Projects

  • Defined scope
  • Add new features
  • Fix existing code

Ongoing support

  • Tier 1 end user support
  • Tier 2 support (you handle Tier 1)
  • Discounted monthly retainers

Health Checks

  • Best practice audits
  • Documented recommendations
  • Your team can implement or we can
  • Make sure no serious problems exist

Training

  • Remote or onsite
  • Recordings for reuse
  • Group or 1 on 1

Fractional CIO

  • Let us handle all aspects of your Information Strategy
  • Active involvement with C-suite
  • Leadership for your team or ours

Outsourced IT Department

  • Websites
  • Phone
  • Data Storage and backups
  • Cloud application management

(Not provided without Salesforce.com to keep our focus)

0 Flares LinkedIn 0 Twitter 0 Google+ 0 Facebook 0 Buffer 0 Email -- Filament.io 0 Flares ×