Customizr Theme Options : Front Page

Your most important page

Do you have a website? Which is the most important page on your website? Most probably your answered that question with Front page.

Your homepage/frontpage will be the most visited page of your website and also the one with the highest ranking in the search engine results page (SERP). In addition, keep these two important facts in mind :

  1. 80% of your visitors will visit your website only once and never return.
  2. an average of 50% of your visitors will see only one page (usually the home page) and “bounce” i.e., leave your website.

Having said that, what can you do to create an attractive front page that will really have an impact on the user’s experience and make them stay on your website? There are some simple and efficient principles to apply if you want to design a successful front page :

1 Know your visitors

  • Who are they (age, genre, country, job…) ?
  • What are they looking for ?
  • What can you offer that is really special (that they won’t find anywhere else)?
  • What do you like to see in a website like yours?

2 Give an overview of your website

  • Who we are?
  • What do we do?
  • What do our clients say about us?
  • How to contact us?
  • What is our latest news?
  • Where can you find us?

3 Engage your visitors

For engaging your visitors, an effective approach is to use pictures and call-to-action buttons. As they bring out emotions, images have a greater impact than words on your visitors. When you combine images with call-to-action buttons, you increase your chances to persuade your visitors to go deeper into your website and not bounce away.

Customizr has been built with these principles in mind and the fact that it can be enjoyable to build a website! The theme makes it really easy to include pictures (in the slider and featured pages), text and call-to-actions. This will be a great help for better engagement of your visitors.

Front page content and layout

1 - Select the type of content to display on your front page

A static page: This will activate a dropdown list of your website pages. Select one from the list. To create a posts page: 1) Create a New Page, name it, leave it blank, Publish it. 2) Go to Settings->Reading: Choose that new page from under Posts page listing. That's it. Now you can select it in Customizr and you can add that page to your menus.

The static page will be displayed below the slider and the featured pages, if enabled. (Note: On front page, the page title is hidden.)

The list of posts page can be accessed through its url and it can be linked from the static frontpage.

Your latest posts: This will display your posts ordered in reverse chronological order. Your featured posts will be displayed first. (Note: The number of posts per page can be changed in the page and post layout section.) You can also display latest posts of one or more categories only, by using the category filter.

The frontpage with latest posts looks as below.

Don’t show any posts or page: With this option, you can choose to display only the slider and/or the featured pages on your front page.

2 - Choose a layout for your front page

Front page slider

  1. From your WP admin dashboard, navigate to Appearance > Customize > Content > Front Page. Then, under Slider Options, select a slider among the ones you have created (See slider creation in Customizr).
    • No slider Decide not to have a slider
    • Demo slider Click on Create a slider and actually create a slider now.
    • Auto-generated slider from your blog posts Do not bother with slider creation. Let Customizr do it for you with your latest blog posts. Just choose the number of posts to show, the kind of posts to display, whether title and excerpt should be shown, where to link the post and the button text.
  2. Choose the slider options, full-width or boxed (see more information about the slider layout), delay between slides. (Note: To remove the demo slider : select “No slider” from the dropdown list.)
  3. Choose the slider height, choose whether to apply to all sliders, and whether to replace the default image height.

Featured Pages Options

  1. Enable or disable the featured pages from your front page. Featured pages are enabled by default.
  2. Check/uncheck the images option for featured pages. The image displayed for a featured page is the one set as “featured image” for your page. (Note: If you did not set any featured image, the theme will select the first image included or associated with the page.) If there are no images at all associated with the page, then a holder picture will be displayed.
  3. Edit the button text. (Hint: If you don’t want to display any button, then delete the default text.)
  4. Select the pages for each featured pages block
  5. Edit the text displayed below the image. By default, this is the page excerpt.

Doc created by: Menaka S.