Landing Page – An introduction – Part 1

Currently at this time, Influential has one landing page template that you can use. You can see this template in action by visiting the live demo site:

Demo Site

….or you can view the screenshot below:

fp screenshot

How you setup your page is going to be up to you, but it does offer a vast array of options, so as you go through this tutorial, I recommend taking it slow and one step at a time because it can be a bit overwhelming. 

What I will do here is split the landing page into multiple tutorials, one for each section, starting with this introduction. This will make it much easier to follow as you build your very own landing page, but for the sake of this tutorial, we will focus on how I made the one for the Influential site demo.

When it comes to making your own, I suggest getting yourself comfortable enough with the template and its options and settings so that you can plan out your own, as I am sure not everyone may want to have the same look and style as I have it.

Sections

The landing page template is premade with six (6) sections, each one is 100% in width, but each one also contains 4 sidebar positions in each one. This means that you have up to 24 sidebar positions available to you, plus the main content area — the area where you can put page content into it. By default, each section has a set of predefined colour settings, such as the background colour being white. You can of course change these options in the customizer (more on this later).

You do not have to use every section. The ones you do not need, you can keep them disabled from the customizer which helps to manage what elements are shown in the admin like sidebars. Because there are 24 sidebars and if you only need 12, why take up space in your widgets admin area with additional sidebars that are not being used…again, more on this later.

If you need some extra styling that this theme does not include in the customizer, you will need to create custom CSS. For example, if you want a background image to a section, Influential does not have that option, but with your own CSS, you can easily achieve that result.

Content

You can put almost any kind of content into each section, including the main content area that is done from the page editor. Use images, videos, illustrations, widgets, and anything else you can think of. There are many plugins available for WordPress that gives you additional flexibility of what you can add to your website, so this will be up to you to be creative.