How to use the Landing Page feature in our themes

The Landing Page is not something new, it has made its appearance with Fluida v1.0 and we’ve included it with every new theme since (a trimmed down version even made it into Verbosa recently). However we’ve never got around to explaining it properly.

We feel that the time has come to be properly introduced to this landmark feature present in our themes and get a detailed view on all of the landing page’s options and controls as in-depth as possible.

Activation

First of all note that the Landing Page is not enabled by default in our themes (except Fluida, which still does things a bit differently, as we’ll discover along the way). To activate it you will need to go into your WordPress’ Reading Settings or the Static Frontpage panel in the customizer and choose a static page as your homepage (you may need to create a new empty page first).

Note: Fluida (as of version 1.3.x) works in reverse, by displaying the Landing Page when no static page is assigned. We will adjust this behaviour and bring it in sync with our other themes in the next major update.

The landing page displays its constituent elements in a certain order (not currently configurable):

Each of these elements can be controlled and configured independently through the theme’s landing page options, available in the Landing Page panel in the customizer section of your WordPress dashboard, under Appearance » Customize » Landing Page.

General

1. The first eponymously named option controls the activation of the Landing Page feature as a whole – in case you’d ever choose to disable it.

2. Featured Content controls what the theme will display in its Featured Static Page / Latest Posts block and can be set to:

  • display the static page currently set as the homepage (default)
  • display the normal homepage blog posts list (*default in Fluida as of 1.3.x)
  • be disabled altogether

Slider

3. Provides the option to select what to display in the slider block (this block has different designs between our themes but has mostly the same control options):

  • use the built-in support for our Serious Slider plugin to directly select the slider to be displayed
  • manually enter the shortcode for the slider plugin of your choosing
  • define a single static slider image (default)
  • use the site-wide header image (if set)
  • disable the block

The 4th option changes accordingly and allows to specifically select the slider, enter the slider shortcode, or define the static slider image.

5. Provides room to define a number of call to action buttons over or under the slider block (their appearance and number may depend on the theme). Their labels and target links are configurable. Leaving the label field empty will hide the button.

Note: By default the theme comes with a sample static slider image which is displayed on the frontend but due to technical limitations is not visible here in the control option.
To change this sample image with your own, simply assign a new image. To remove the sample image, assign any image first and then you’ll be able to remove it.

Icon Blocks

6. The Section Title and Description define a general title and a short intro for the Icon Blocks element. Leaving them empty will disable the title and/or subtitle.

Starting with 7 the next options control how individual icon blocks appear on the site by selecting their icon and source page. The number of separate icon blocks and list of supported icons can vary between themes.

8. The Block Content option permits to only display an automatically generated excerpt for the selected page, the complete page content or disable the content (and only keep the title and icon); The checkbox can activate a link on the block icon pointing to the page itself.

Note: The excerpt functionality also supports manually defined page excerpts (not available by default in WordPress but enable-able through plugins or custom code).

Featured Boxes

9. The Section Title and Description fields define a general title and a short intro for the Featured Boxes element. Leaving them empty will disable the title and/or subtitle.

10. Boxes Content selects the source of the boxes – these can be posts from all categories or a specific category. Same option can also be set to the Disabled value to turn off the Featured Boxes block.

11. Controls the layout and placement of boxes, by defining the number of total boxes to be displayed and their boxes per row (inherently columns) placement.

12. Controls the box’s and box’s image height. The source post’s featured image (when set) will be used as the box image.
Note: After changing this value you may need to regenerate thumbnails to make sure the theme has the correct image sizes available to display.

13. The featured boxes have multiple appearance related options, similar or identical between featured boxes areas but coming with different default configurations. This, in a way, allows swapping featured boxes areas.

14. Controls the label of the read more button that appears in the boxes (which is also the link to the source post).

15. Controls the content length of the text displayed on the boxes. Adjust this value to make your text fit correctly inside the boxes.

Note: Themes may include several Featured Boxes elements – these all have the same options, however will come with different default values to create different designs.

Text Areas

This section controls the source content for the theme’s Text Area elements. The page’s title will be used as the text area’s title, page content will be displayed as text area inner content text (make sure it fits in the available space) while the feature image may be used in a theme specific way (either as a text area background image or in a specific placement) – the designs vary.

Note: The number of available text area locations can differ between themes.

SEO

While including SEO markup and optimizations, our themes do not include SEO control functionality (due to such functionality not being allowed in repository themes). To fine tune the SEO attributes for the homepage you can use your favourite SEO plugin and define these attributes on the static page that’s currently defined as the homepage:
Note: In Fluida (as of version 1.3.x) you will need to define attributes for the general homepage instead (usually configurable in the SEO plugin’s settings interface).

This tutorial applies to our customize-based themes: Fluida, Septera, Anima and Kahuna (and most likely all future themes). Verbosa implements a lighter set of features and includes only a subset of the options described here (but they function the same).

More Tutorials This article is part of our WordPress general and theme specific tutorials series. For more useful information check out our tutorials section.

Leave a Comment