Landing pages

Landing pages provide users with a series of “calls to action” – links, buttons, etc. – and are generally not used to hold content, other than short introductions to content within different sections of the site. The theme has a template designed specifically for building landing pages which can be selected in the Page Attributes box to the right of the editor – it is called the Widgets Page Template.

To see an example of this template in action, please see the toolkit demo site.

Using the Widgets Page Template

This template allows you to build a page using a series of blocks or Widgets – you can stack the blocks in any order and drag and drop the blocks to change their order.

Banner Widget

This widget creates a banner for the page and is always used as the topmost widget if included. The banner consists of a series of Slides, each of which contains an image, title and short piece of text. Each slide can link to content on the site, so there are additional fields for the URL and the text which forms the link.

Information about adding images to a page is in the Media section of the user guide.

When you select the Internal Link option for a slide, a selection control showing pages on the site will appear – type the name of the page (or words from it) in the control, and select the page from the suggestions provided. When you select the External Link option for a slide, a text box will allow you to add a URL – always use a full URL here (complete with http(s)://).

The maximum number of slides you can place in a banner is 4 although, with forthcoming changes to restrict the maximum to 3 slides, we’d recommend not going beyond 3. When there is more than one slide in a banner, navigation buttons and arrows are added to facilitate navigating through the slides. The text for the tabs (buttons which are placed below the slides) is configured for each slide in the Tab title field.

Banners can use three different layout styles, which are configured using the Appearance tab for the widget. Examples of the three different layouts are available on the demo site.

Content Widget

Content widgets consist of a heading and text. Although images can be inserted into the text of a content widget, try to use the Featured Content Widget instead (see below) as this will ensure the layout looks good on smaller screen devices.

Featured Content Widget

These are similar to Content Widgets but have additional fields for an image/video and a URL. The image/video is placed to the right of the text in a column, and will be shown in a box with an aspect ratio of 2:1 or 1:1 (depending on your selection of a square or rectangular image). The URL is used to link the image to content on your site, and link from text placed at the end of the content.

Cards Widget

The cards widget is used to provide buttons linking to content on the site, with short text descriptions and an image. It is ideally used to provide secondary navigation to pages within a section of the site. The cards can be preceded by a heading and short paragraph of text. Each card consists of an image, title, short text and a URL.

The layout of cards in the widget is determined by settings in the Appearance tab at the top of the widget. Cards can be displayed flat (each card is placed in a row on the page with the image aligned left and text to the right) or stacked (each card is displayed in a column on the page, with the number of columns configured to 2, 3 or 4). We’d recommend not going above 3 columns at the moment as this is likely to change in future. Cards can also use different image sizes (square or a 2:1 rectangle).

Posts List Widget

This widget allows you to display your latest Posts, News items or Events (if your site uses the News and Events plugins) in a list. It also allows you to add multiple lists which are navigated using tabs. Each list can be configured to show the featured images for each post (or a default image can be chosen in case one hasn’t been set). Lists can also be filtered by category, and each list has a link in the top right which can be configured to link to the post archive or the category archive.

This widget replaces the News Events and Posts widget which is deprecated – the Posts List widget has more customisation options and can do things like show past events and featured images.

One example of using this widget to show lists of your latest posts in different categories. You could set up separate post lists for each category (up to a maximum of four) to show the latest four posts from each category and link to the category archive page.

Accordion Widget

This widget allows you to display text on a page by adding sections consisting of a title and text block. The title become a  button, which expands to show the text underneath it when clicked. This widget is useful for displaying large amounts of textual information on a page which can be broken into smaller chunks (like this page, or a FAQ, for example).

Map Widget

Maps can include any number of locations identified by markers. Clicking on the markers reveals a window which can contain a picture, title, text and a link to get directions using Google Maps.

If you are only adding one location marker, you can set the initial zoom level of the map (the initial zoom level and position of the map is determined automatically when you have more than one location).

Each location can display a different coloured marker, contain a title, text content and an image which can be shown in a popup.