Lead Display Guide

PRODUCT PAGE: https://www.hexater.com/themes/lead-display/

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/lead-display/

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 and tagline text

PANEL: Footer Settings

  • Footer Bar – Copyright
    • Choose Your Copyright Year and Enter Your Company or Website name
  • Footer Bar Text
    • Adds text to the right side of the footer bar. 

PANEL: Color 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.
  • Choose a Different Color Scheme – This theme comes with additional color schemes.

PANEL: Menus

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

PANEL: Widget Areas (only visible if you navigate into the site)

  • Footer Widgets Row  
    • Add your 3 footer widgets.
  • Header Social Bar
    • Add 1 **Social Buttons Bar** widget and enter your social sites URLs

SECTION: Additional CSS

  • This is a section provided by WordPress for those of you that would like to use CSS to style your website.

Done with the Customizer… Save & Publish!

More Features Explained

Default Front Page Layout

Default install will display grid layout on the front page that feeds in all the posts.  But, the settings can be changed to display anything on the front page if a static page is set.

Show a grid on an internal page.

If for some reason you want the grid to show on an internal page, simply choose any page as the static posts page same as above (Settings >> Reading).  By default it will show the grid.

Special:  Blog Template

Because this theme uses the ‘out of the box’ blog page to be styled like a grid, we have created a special blog template that allows you to set any page to that template.. and have that page display as a standard blog feed w/ pagination.

Add Banners in Place of Regular Posts in Your Grid Content

Here’s a nice feature if you want to include banners within your grid to promote products off-site or drive that traffic anywhere on the web.

All you need to do is create a post, leave the content field blank (this will automatically hide the title), add a featured image (this becomes your banner).  By default it will link to that posts URL.  But!…  We have included a custom URL field in every post that can be used to add custom URLs for the featured images.

This is displayed right below the editor:

Note:  Otherwise, this post will follow all the normal behavior of post (ordering etc).  If you want it in a specific order (displaying in a specific position in your grid), you’ll simply change that posts date/time.

Recommended Plugin(s)

You might note we have a pretty slick looking contact form on the contact page of our demo.

Here we are using the popular Contact Form 7 plugin. 

Note, even though we love Contact Form 7, we are not affiliated with the company or can guarantee it’s performance.  Any support or issues should go through the author's website. 

Latest posts by Matthew (see all)