Landing Page templates

Aberration includes a few front page options:

  • Using the default blog home page that WordPress starts you off with
  • Static Front Page which WordPress lets you select any page you make
  • Landing – Info
  • Landing – Gallery
  • Landing – Splash

The first two are WordPress based, but for Aberration, you can see what each of the Landing pages offer:

Landing Info

All you need to do is add your content to your page and select the “Landing – Info” page template. For the banner, this is an image I uploaded to the Media Library and then used a text widget to load the image, assigned to the Banner Sidebar position.

landing info

Landing Gallery (Post Format)

This option gives you a Gallery Post Format layout which is set to show 8 posts. You can change this post count from the customizer. This landing page is best when you have gallery posts already available because it grabs the most recent posts and displays them in a grid style as you see below. When you mouseover each post thumbnail, an overlay will show with the title that is clickable and will then take you to the full post view.  To use this option, simply create a page, title it, and then select the “Landing – Gallery” page template.

For more information that relates to this landing page, you can refer to the Introduction to the Gallery Post Format tutorial.

Please note that any content you add to the page editor will not show.

landing gallery

Customize the Landing – Gallery Page

  1. Go to Appearance >> Customize >> Blog Options
  2. Find the “Landing Post Gallery Count” setting and make your change. I would recommend using 4-counts like, 4, 8, 12, etc.
    landing gallery count setting
  3. If you need to change the Overlay colours, then go to the “Colours” tab in the customizer 
  4. Find the “Gallery Post Format….” settings and make your changes
    gallery post colours
  5. Click “Save & Publish

Landing – Splash

This option will allow you to create a page, then assign the Landing – Splash page template to it. The introduction text and button that you see below are done from the page editor to give you a bit more flexibility, but I would recommend not going too crazy with content, as this is only a splash page. You can link your button to any page you want in your site using the editor link setting. When you create your button, simply create a text link.

Your image should be a nice big quality photo so that larger screens and resolutions can be accommodated. However, if your photo is smaller than 2560×1440 pixels, the template is styled to cover (enlarge or shrink) the photo, always filling the viewing area of the window.

landing splash

 Changing Your Splash Image

  1. Go to Appearance >> Customize >> Splash Page
  2. Find the “Upload Your own Splash Image” setting and change the image.
    splash image setting
  3. Find the text settings to change the colours, including the button.
    splash text settings
  4. Click “Save & Publish