Welcome to the OpenCities help centre. Search for what you're after, or browse the categories.
Can't find what you're looking for? Submit a support ticket and we'll be in touch.

Follow

Create an OC Blog page

avatar of OpenCities Product Team

OpenCities Product Team

Last updated

The Latest Updates accordion on consultation pages contains detailed updates and news on projects. To add updates you can use OC Blog pages or OC News Article pages. However, we recommend using OC Blog pages as news articles will also be listed on any news listings you have on your site.

This article will discuss:

When an OC Consultation page is created, 3 child folders are created with it. The 'Latest Updates' folder is where you will create your OC Blog pages.

Latest updates and blog posts in site tree

OC Blog pages will display under a Latest Updates accordion on the consultation page. Clicking on an item in the accordion will take your community to a page with the full article.

An example of a blog post

See it in action: Check out a blog about a 'New Library Centre' consultation on our demo site.

How to create an OC Blog page

  1. Right-click on the Latest Updates folder under the consultation page.
  2. Select Create Page.
  3. Choose OC Blog as the content type. You should only be able to select from OC News Article or OC Blog.
  4. Fill in the necessary fields.
  5. Publish your blog page.

Make sure you publish the OC Blog page and the 'Latest Updates' folder, so they will show on the OC Consultation page.

What to include on your OC Blog page:

The main feature of an OC Blog page is the WYSIWYG Editor, which you will use to create the content of the blog post, however, the page fields are just as important. Use the following information to fill out the blog page fields:

Field Function
Page name Completes the unique page URL
Blog title The title of the blog page, this displays at the top of the blog page and on the parent consultation page.
Add blog summary A brief overview of the blog for the parent consultation page and search results.
Add official publish date The publish date which is displayed on the blog page and the parent consultation page. The listing in the Latest Updates accordion will organize blog posts using this date, starting with the most recent publication date.
Add blog image

Main image for the blog, used on the blog page and the parent consultation page.

Note: when choosing an image, make sure it is at least 900px wide. This size will work for all templates available.

Supporting information
Additional side panels (Only for templates with side panels) Add additional side panel content using a WYSIWYG Editor. Use the field provided to name the panel and the 'edit' button to open the WYSIWYG Editor.
Add supporting links Related internal/external links for the blog
Add supporting documents Related documents for the blog
Add common search terms people would use when looking for this content Keywords to boost the page in search results
Content labels These labels organize your content internally (i.e. your site visitors won't see the labels). You can make lists out of content with the same label.

Templates

There are 3 templates available for an OC Blog page: OC Default, OC Full Width, and OC With Full Width Image

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

OC Default:

  • A 2-column template showing the official publication date below the blog title, followed by the main image wrapped by the WYSIWYG content (image approx. 480px wide)
  • The right column includes any side panel content, related links, and related documents.
    Note: when viewed on a mobile device, all right column content will display below the WYSIWYG content.
A blog post with the default template

OC Full Width:

  • A full-width template showing the official publication date below the blog title, followed by the main image wrapped by the WYSIWYG content (image approx. 480px wide)
  • Side panel content, related links, and related documents will display below the WYSIWYG content.
A blog post with the full width template

OC With Full Width Image:

  • A 2-column template showing the official publication date below the blog title and a full-width image followed by the WYSIWYG content (image approx. 900px wide)
  • The right column includes any side panel content, related links, and related documents.
    Note: when viewed on a mobile device, all right column content will display below the WYSIWYG content.
A blog post with the full width image template

What else?

Was this article helpful?
0 out of 0 found this helpful