Front Page Setup

Below is a step by step guide on how to setup the Conversions theme front page. All of the front page theme options are available in the native WordPress Customizer .

1. Add Page

Homepage setup
  • Create a new page by going to wp-admin > Pages -> Add New. You can set any title, however, keep in mind this will be used as the page title in the homepage hero. We set it “Some Fancy Title”.
  • Next use the Page Attributes select box to set the page template to the Homepage template.
  • Add a Featured Image to use as the hero image. Recommended size is 1920 x 1080px.
  • Now click Update to save these changes.
  • Once the page is ready you have to set it as homepage for your website. Go to wp-admin > Settings > Reading > Front page displays > A static page (select below) and under Homepage select your newly created page.

2. Homepage Sorting

homepage sorting customizer

Option location: Customizer > Homepage Design > Hompage Sorting

The Homepage Sorting customizer screen displays a table of the possible homepage components. You can optionally reorder or disable any of the components. The available components include:

  • Hero
  • Clients
  • Icon Features
  • Image Features
  • WooCommerce (if installed)
  • Easy Digital Downloads (if installed)
  • Pricing
  • Team
  • Testimonials
  • News
  • Blank

3. Homepage Hero

homepage hero section

Option location: Customizer > Homepage Design > Hero

The customizer Hero section allows you to adjust the homepage hero component options to suit your needs. The available options include:

  • Title color
  • Description
  • Description color
  • Content position
  • Fixed background image
  • Hero image height
  • Image overlay color
  • Image overlay opacity
  • Callout button
  • Video modal button

4. Homepage Clients

homepage clients section

Option location: Customizer > Homepage Design > Clients

The customizer Client section displays logos of clients, partners, sponsors, affiliates, etc., in responsive a carousel slider. You can add as many logos as you want and drag and drop order arrange them. Responsive breakpoints can be auto calculated or manually set depending on your preference. This section options include:

  • Background color
  • Client logo width
  • Responsive
    • Auto
    • Manual
  • Max items to show
  • Client logos

5. Homepage Icon Features

homepage icon features

Option location: Customizer > Homepage Design > Icon Features

The Icon Feature section displays icon blocks with an array of options. Add any number of icon blocks, select how many to show per row, and sort them with a drag-and-drop UI. Choose from 1500+ Font Awesome icons with a built-in icon picker. This sections options include:

  • Background color
  • Title
  • Title color
  • Description
  • Description color
  • # of Items for responsive breakpoints
  • Icon blocks
    • Icon
    • Color
    • Title
    • Text
    • Link

6. Homepage Image Features

homepage image features

Option location: Customizer > Homepage Design > Image Features

The Image Feature section displays image blocks with an array of options. Add any number of image blocks, select how many to show per row, and sort them with a drag-and-drop UI. This sections options include:

  • Background color
  • Title
  • Title color
  • Description
  • Description color
  • # of Items for responsive breakpoints
  • Image blocks
    • Image
    • Title
    • Text
    • Link

7. Homepage Pricing

homepage pricing section

Option location: Customizer > Homepage Design > Pricing

The Pricing section enables you to create responsive pricing tables the easy way. Quickly create different plans, add features, as well as many other options. The available options include:

  • Background color
  • Title
  • Title color
  • Description
  • Description color
  • Responsive
    • Auto
    • Manual
  • Pricing table
    • Title
    • Price
    • Duration
    • Features
    • Link

8. Homepage Team

team section customizer

Option location: Customizer > Homepage Design > Team

The Team section displays team blocks with an array of options. Add any number of team blocks, select how many to show per row, and sort them with a drag-and-drop UI. This sections options include:

  • Background color
  • Title
  • Title color
  • Description
  • Description color
  • # of Items for responsive breakpoints
  • Team blocks
    • Image
    • Full name
    • Job title
    • Short summary
    • Social icons

9. Homepage Testimonials

homepage testimonial section

Option location: Customizer > Homepage Design > Testimonials

The Testimonial section provides a simple way to add and manage testimonials on your site. Testimonials are displayed in a responsive carousel slider. It’s swipe ready and fully accessible with arrow key navigation. Add as many testimonials as you want and drag and drop order arrange them. The available options include:

  • Background color
  • Title
  • Title color
  • Description
  • Description color
  • Testimonials
    • Full name
    • Company name
    • Testimonial text

10. Homepage News

homepage news section

Option location: Customizer > Homepage Design > News

The News section shows up to 3 of your latest blog posts on the homepage. The customizer provides and array of options to help you customize the display. The available options include:

  • Background color
  • Title
  • Title color
  • Description
  • Description color
  • # of posts to show on mobile

11. Homepage Blank Section

homepage blank section

Option location: Customizer > Homepage Design > Blank

The Blank section allows you to add any content or shortcode you wish. HTML is allowed as well! The available options include:

  • Background color
  • Content alignment
  • Content
  • Shortcode

Get started today!

Conversions is on mission to improve the future of web. Are you ready to join us?

Download