Horizon Documentation

Thanks

Thank you for purchasing Horizon, we hope you enjoy using the theme.

How to use this guide

This guide is intended to provide guidance on theme specific functionality.

This is so that those familiar with WordPress or referring back can do so with ease.

If you are looking for beginner guidance on topics such as installing your theme. Please see wpbeginner.com which gives a much more thorough guide then would be included in theme documentation.

Relevant tutorials

WordPress Install / Hosting

If your setting up WordPress for the first time, I highly recommend using a managed host like Flywheel or WPEngine. Using a host like these will make setting up your site painless.

Demo data

As this is a one page theme and the homepage is built with a builder, so no need for demo data for this. However we have provided demo data for the team, portfolio and testimonials as these are custom post types.

Images

It’s assumed that you’ll want to use your own images. But in case you are looking to use the demo images they can be found from the following links:

Plugins

After activating your theme for the first time you’ll see a notice to install required and optional plugins at the top of the page. These are optional but if you don’t install theme you will be missing all the functionality you see in the online demo.

Begin installing plugins

begin installing plugins

Check & Install plugins

install plugins

Return to plugin installer

install plugins

Check & Activate plugins

Activate plugins

What are the plugins and what do they do?

Your homepage

To add a homepage create a new page or when editing a current one, just change the template to Homepage.

You’ll need set this new page in the WordPress reading options. If you don’t the layout builder wont be available.

How to add a home page - WPBeginner

Customizing the homepage

To customize the homepage please go to the customizer under Appearance > customizer.

Click on homepage. Just click each section and enter your text and images.

Controlling the layout

Within this section look for “Layout”. Here you can arrange and enable/disable sections.

Custom post types

The portfolio, testimonials, processes, team, posts and contact form will be auto populated by those custom post types.

A custom post type is simply a post like a post type just specifically for the above things.

So if you know how to add a post, you know how to to add a portfolio, testimonial, process or team member as well as add a featured image.

You’ll see these in the left hand side panel ( where you would see posts and pages ).

Beginners guide to posts

Contact Form

If you open up your form in the admin.

Contact > Contact Forms

Then click a form or add a new one.

Paste in the following.

<div class="contact-form">
<div class="col-md-6">

 [text* your-name placeholder "Name"]

 [email* your-email placeholder "Email"]

 [text your-subject placeholder "Subject"]

</div>

<div class="col-md-6">

 [textarea your-message placeholder "Message"]

</div>

 [submit class:contact-button id:form-submit "Send Mail"]

</div>

The other way is to import it, but I think the above method is a bit easier. But here is the XML anyway.

How to use the menu’s

The menu works as you would expect the only thing to note here is how to use the page jump feature.

To add a page jump, add a custom link to your menu and in the id to the section you want to jump to, like this:

/#portfolio

That leading / is important, otherwise when you are on a secondary page like the blog, it would try to jump on that page rather then back to the homepage.

If you have your WP site in a subfolder like I have domain.com/my-site then you’ll want to put /my-site/#portfolio. Again note that leading /.

On the homepage, these are the available sections:

Beginners guide to menus