Simple Divine Guide


PRODUCT PAGE: https://www.hexater.com/themes/simple-divine/

Theme Demo

Theme demos are provided for a couple of reasons.  First, of course, so you can get an idea of how the theme looks and feels before you purchase.

Secondly, with this user guide and referencing the same demo, you can replicate it on your own domain and website.  Test and try everything out before you start setting things up with your own products, services and/or content; take it for a test drive and see how everything works. 

And, from there, it also gives you a great starting point or framework to add your own content, media, layouts and configurations.

This theme’s demo: http://demos.hexater.com/simple-divine/

Just reference the demo above and follow the instructions below this section.

WordPress Install & Theme Activation

Install the Newest Version of WordPress (see: How to Install WordPress).

How to Install Sample Content

This section is optional.  Sometimes it’s helpful to first set up your new theme to look like our Theme Demo and then modify it per your needs.  To help accomplish that, we provide both the Content and Setup Routine below and an XML file that will import our sample content and media.

If you haven’t already, you’ll find this file to download in your themes admin under the ADMIN MENU > Appearance > Hexater Theme Info.

Here’s how to install the sample content:

  1. ADMIN:  Tools >> Import
    1. WordPress – Click Install Now
    2. WordPress – Run importer
    3. Browse and Choose the XML Content File You Downloaded
    4. Click Upload File & Import
      1. Assign Post to Existing User or Create a New User
      2. Tick the Box: Download and import file attachments
      3. Submit

ImportantThe XML only installs default posts, pages or media with some exceptions.  It does not import content into the customizer, custom posts or other special settings areas (eg, post meta-boxes). 

It also does not automatically configure any other settings, widgets or menus.  You will need to follow the Content and Setup Routine outlined in this doc and add everything not imported by the XML manually.

Warning: sample content should ONLY be imported on a fresh install of WordPress.  It should not be used if you have an existing website, installation of WordPress and previous content.


Theme Customizer Routine

ADMIN: Appearance >> Customize

LIVE PREVIEW: The customizer is an awesome, core feature of WordPress that we take full advantage of in our themes.  As you make changes on the left panel, you can see those changes update and appear in the live preview to the right.

Theme Customizer Steps

The customizer is divided into top level panels.  Each Panel is divided again into sections

PANEL: Header Settings

  • Logo Placement:  Upload image OR add title

PANEL: Front Page Settings

  • Front Page Background Image
    • Upload a large image and it will fill the entire background on the front page, above the fold.
  • Featured Content (Hero, above the fold)
  • Front Page Highlight Row (section right below top featured)
  • Highlight – Section 1 (sections above footer)
  • Highlight – Section 2 (sections above footer)

PANEL: Footer Settings

  • Footer Bar – Copyright (alternate box for those that don’t want to use default formatting)

PANEL: Menus

  • Create Menu
  • Choose Menu Location (Header Only with this theme)
  • Add items

PANEL: Choose a Different Color Scheme

  • This theme comes with additional color schemes.

PANEL: Widget Areas

  • FP Showcase Row 1 (front page widget areas above highlighted pages)
    • User our custom “Showcase Widget” included with your theme.
  • FP Showcase Row 2 (front page widget areas above highlighted pages)
    • User our custom “Showcase Widget” included with your theme.
  • FP Showcase Row 3 (front page widget areas above highlighted pages)
    • User our custom “Showcase Widget” included with your theme.
  • FP Footer Row
    • Widgets will show up in your footer.

PANEL:  Advanced Controls

  • Color Workshop – Here you can change colors individually on the site (works with any scheme). 
    • The palettes represent the various sections of the site the colors under it can be found.
  • jQuery Effects – Turn Off jQuery Effects (not including parallax)
  • Custom CSS
    • A convenient way to add your own custom CSS if you have the skills.

Done with the Customizer… Save & Publish!