Thank you for purchasing Horizon, we hope you enjoy using the theme.
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 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.
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.
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:
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.
To add a homepage create a new page or when editing a current one, just change the template to
You’ll need set this new page in the WordPress reading options. If you don’t the layout builder wont be available.
To customize the homepage please go to the customizer under
Appearance > customizer.
homepage. Just click each section and enter your text and images.
Within this section look for “Layout”. Here you can arrange and enable/disable sections.
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 ).
If you open up your form in the admin.
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.
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:
/ 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: