Landing page templates – OpenCities

An OC Landing Page is highly customizable, giving you the ability to choose from 6 templates. All of these templates show information about direct child pages of your landing page, including their page titles, short descriptions, and main images (if they have them).

All landing page templates also include 2 WYSIWYG areas, one above the child page links to introduce the child page listing, and one below the child page links for any supplemental content.

Please note that, by default, images on landing pages will display as usual when viewed on a desktop, but not when viewed on a mobile device. This improves the user's experience when viewing your site, and gives you more screen space to add the content that's important.

Choose the template that's right for you from the Template Name drop-down menu. If you want to preview your page with the template applied, Save before you press Preview.

Landing Page Template Name dropdown menu

OC Landing templates

OC 2 Columns with Quick Links: Content area is divided into 2 columns: WYSIWYG content and child page links in the left column with quick links in the right column Child page links are presented in a grid layout with the page title and short description WYSIWYG areas above and below child page links Quick links can be added in the Add links to key pages in this section field Use when: You have a lot of child pages and you want to have child pages or related pages presented as quick links, to cut down on browsing time If you have a handful of pages that need to be emphasized as quick links
OC 3 Columns: Full-width page with the child page links divided into 3 columns Child page links are presented in a grid layout with the page title and short description WYSIWYG content areas above and below the child page links Use for: top-level landing pages that work as main menus for a section
OC 3 Columns with Images: Full-width page with child page links divided into 3 columns Child page links are presented in a grid layout with the page title and short description. Images are generally shown at 380px wide WYSIWYG content areas above and below child links Use for: top-level landing pages that work as main menus for a section that can benefit from the use of images, such as library sections or leisure center sections
OC 3 Columns with Quick Links: Full-width page with child page links divided into 3 columns and a quick links bar above them Child page links are presented in a grid layout with the page title and short description WYSIWYG content areas above and below child links Use when: You want to emphasize certain pages as quick links There are a lot of child links and you want to cut down on browsing time
OC 3 Columns with Search: Full-width page with child page links divided into 3 columns and a search bar above them. Child page links are presented in a grid layout with the page title, image and short description. Images are generally shown at 380px wide. WYSIWYG content areas above and below child links Use when: There are a lot of pages that are all equally important You want to give your community the ability to browse your content and search for it if necessary
OC Full Width with Search: Full-width search with child page links in a list and a search function above them Child page links are presented in a stream layout with the page title, image and short description. (of approx. 150px wide) WYSIWYG content areas above and below child links Use when: You want to prioritise and encourage your community to search for the content they're looking for, instead of scrolling and browsing for it.

Landing page templates with the search function only display these content types: OC General, OC Landing Page, OC Module Interface and OC Redirect Page. If you have child pages that are other content types (an OC Park, for example) then it will not show on a landing page with a search function. We are assessing changing this to display all content types, please bear with us until we do.

What else?