Setting Up Your Vantage Homepage

Vantage 4.0 uses a page template and widgets on it’s homepage which allows you to completely customize it to your liking.

On new installs, your homepage should already be setup correctly. If not, follow this tutorial on how to manually set it up.

Confirm Homepage Exists

Look at all your pages and find your homepage. The default title of the Vantage 4.0 homepage is, “Search for….”. Yours may be different.

It should already be assigned the “Front Page” attribute.

If the page doesn’t exist, go ahead and create a new page. Add the title “Search for….” and the code below in the page body.

[vantage_typed_elements text="tacos in San Francisco, coffee in Tokyo, pet food in London, office space in Paris, anything with Vantage!"]
People use Vantage to discover great local businesses. What will you find in your neighborhood?
 
<a class="button large" href="listings/?ls=">BROWSE LISTINGS   <i class="fa fa-chevron-circle-right"></i></a>

Set Front Page Attribute

  • Go to your “Settings” => “Reading” page
  • Set the “Front Page” to the homepage you either created or want to use
  • Save changes

Set Page Template

  • Edit your homepage
  • Set the template, “Page: Home”
  • Update page

Set Background Image

Without a main background image, your site will look pretty plain.

  • Edit your homepage
  • Go to “Set featured image” and select or upload a new image

Make to use a large high-resolution image (1920×1080 or greater is recommended) otherwise it will look pixelated.

You can use the default image we provide, or set your own.

Pro tip: Sites like Pixabay and Pexels provide stunning royalty free images under Creative Commons and are great choices.

Add Page Content

Vantage 4.0 uses widgets to layout content throughout your site. The homepage is no exception. Everything between the main header image and footer are widgets.

Let’s go setup some content!

  • Go to “Appearance” => “Widgets”
  • Select the widgets you’d like to use
  • Add them to the “Homepage” widget
Pro tip: If you’re a more visual person, you can use the front-end WordPress customizer for a live view of your changes. Click the “Manage with Live View” button at the top of the widgets page or select the “Customize” link under the “Appearance” section.

Default Widget Callout #1

If you’d like to use the default callout widget content for the “Download our App” section, follow these steps.

  • Add a “Vantage – Page Callout Box” widget
  • Copy the settings from in the screenshot
  • Add the html from the box below
<ul class="apps-list list-inline">
    <li><a class="button hollow download-app apple-download" href="#"><i class="fa fa-apple" aria-hidden="true"></i> <span class="intro-text">Download on the</span><span class="main-text">App Store</span></a></li>
    <li><a class="button hollow download-app android-download" href="#"><i class="fa fa-android" aria-hidden="true"></i> <span class="intro-text">Get it on</span><span class="main-text">Google Play</span></a></li>
    <li><a class="button hollow download-app windows-download" href="#"><i class="fa fa-windows" aria-hidden="true"></i> <span class="intro-text">Download from</span><span class="main-text">Windows Phone Store</span></a></li>
</ul>
Note: The code snippet above is only a placeholder. There is no “App” and links need to be added for anything to actually work. Consider it a starting point.

Default Widget Callout #2

If you’d like to use the default callout widget content for the “Ready to Get Started?” section, follow these steps.

  • Add a “Vantage – Page Callout Box” widget
  • Copy the settings from in the screenshot
  • Add the html from the box below

Sign up to try us FREE for 30 days! No credit card needed.
<form action="#">
<div class="small-12 medium-8 small-centered columns">
    <div class="input-group">
        <input class="input-group-field" type="email" placeholder="email@domain.com"><div class="input-group-button">
        <input type="submit" class="button" value="Sign Up!">
    </div>
</div>
</form>
Note: The code snippet above is only a placeholder. The subscribe feature does not actually work. You can instead add 3rd party lead capture code (e.g. MailChimp, Constant Contact, etc). Consider it a starting point.

Like this tutorial? Subscribe and get the latest tutorials delivered straight to your inbox or feed reader.

Your rating: none
Rating: 5 - 1 vote

Popular Add-ons

WP Smart Export

WP Smart Export

A highly customizable WordPress data exporter plugin.


(7)
$19

Convert

A conversion focused responsive Clipper child theme with premium features.


(6)
$39

Daddy Like

A fast, lightweight, and elegant "like" system for comments, pages, posts,…


(11)
$19