Content model — Lil Regie's front-end workshop

The Content Model

Page content hierarchy

Page
- Masthead Block (Meta)Required
  - LinkOptional
  - ButtonOptional
  - MenuOptional
- Default BlockZero or more
  - LinkOptional
  - ButtonOptional
  - MenuOptional
- List BlockZero or more
  - Biographies listOptional
    - PersonOne or more, Required
  - Blog post listOptional
    - Blog postOne or more, Required
  - Icon marker listOptional
    - Icon markerOne or more, Required
  - Image tiles listOptional
    - Image tileOne or more, Required
  - Name/Value pair listOptional
    - Name/Value pairOne or more, Required
  - Solutions listOptional
    - SolutionOne or more, Required
      - FeatureOne or more, Required
  - Tab groupOptional
    - Tab itemOne or more, Required
  - Testimonial listOptional
    - TestimonialOne or more, Required
- Figure BlockZero or more
  - LinkOptional
  - ButtonOptional
  - MenuOptional
- Copy BlockZero or more
Menu
- LinkOptional
- ButtonOptional
- MenuOptional
  - LinkOptional
  - ButtonOptional
  - MenuOptional
    …etc…

Content type: Page

A Page is a container for a series of Straps/Blocks, and is tied to a URL.

Fields

id

UID. Required. Unique. Key field.

url

String. Required. Unique.

Desired URL for this Page, starting from the root node

title

String. Required.

A short keyword-rich heading displayed in the browser tab

heading

String. Required.

A short keyword-rich heading displayed at the top of the page.

Related to: heading/heading_page

introduction

HTML. Optional.

Introduce the page, or support the page heading with this block of text.

Related to: paragraph/paragraph_intro

description

String. Optional.

Describe this page for crawlers, or social media previews.

image

Image. Optional.

Use a custom preview image for this page in crawlers or social media previews.

Images should ideally be 1200⨉630, but could be smaller at 600⨉315.

sitemap_inclusion

Boolean. Optional. Defaults to: true.

Do you want this Page to be listed in the sitemap?

content

content. Required.

Link one or more of the following block-like content types from the content model to this Block

Masthead Block
One or more, Required
Default block
Zero or more, Optional
Figure (image) block
Zero or more, Optional
List block
Zero or more, Optional
Copy block
Zero or more, Optional

Content type: Default Block

The Default Block is the simplest of Blocks, and can’t be extended with more content.

Like other blocks it supports optional extra fields such as headings, descriptions, call to actions and fineprint.

Related patterns

Fields

id

UID. Required. Unique. Key field.

name

String. Required. Unique.

Give this block a memorable name

background_alternate

Boolean. Optional. Defaults to: false.

Do you want this Block to use the alternate background colour?

mascot_alignment

List. Optional. Defaults to: none.

Add the Lil Regie mascot to the top of this block by selecting the appropriate position:

none
wave, left
wave, center
wave, right
curious, left
curious, center
curious, right

heading

String. Optional.

A short keyword-rich heading displayed at the top of this block.

Related to: heading/heading_section

description

HTML. Optional.

Support the heading or describe this Block with this chunk of HTML.

call_to_action

list. Optional.

Add a link, button, or dropdown menu to this Block, acting as a call-to-action.

Link
Zero or more, Optional
Button
Zero or more, Optional
Menu
Zero or more, Optional

fineprint

HTML. Optional.

Give this block a disclaimer or fineprint.

Content type: List Block

A List Block is an extension of the Default Block, and is a container for a pre-defined list or tab group.

Like other blocks it supports optional extra fields such as headings, descriptions, call to actions and fineprint.

Related patterns

Fields

[…]

This model extends the fields in block_default

content

content. Required.

Link one or more of the following list-like content types from the content model to this Block

Biographies list
Zero or more, Optional
Blog post list
Zero or more, Optional
Icon marker list
Zero or more, Optional
Image tiles list
Zero or more, Optional
Name/Value pairs list
Zero or more, Optional
Solutions list
Zero or more, Optional
Testimonials list
Zero or more, Optional
Tab Group
Zero or more, Optional

Content type: Figure Block

A Figure Block is an extension of the Default Block, and is a container for an image or is content supported by an image.

Like other blocks it supports optional extra fields such as headings, descriptions, call to actions and fineprint.

Related patterns

Fields

[…]

This model extends the fields in block_default

image

Image. Required.

Upload an image for this Figure block.

image_position

List. Optional. Defaults to: first.

Valid options include:

first
after
left
right

Content type: Copy Block

A Copy Block is an extension of the Default Block, and is a container for arbitrary WYSIWYG content.

Like other blocks it supports optional extra fields such as headings, descriptions, call to actions and fineprint.

Related patterns

Fields

[…]: This model extends the fields in block_default
content: HTML. Required.; Arbitrary HTML content. Since the other fields in this Block are optional, you could theoretically use this block to only include this HTML content.

Content type: Masthead Block (Meta)

A Masthead Block is the first of any of the four other block types of content. Because it’s the first item, its heading, and description are up-sized.

Unlike other blocks, the masthead block must include a heading field. Like other blocks it supports optional extra fields such as descriptions, call to actions and fineprint.

Related patterns

Content type: Biographies list

A list of people, their titles, and a short biography for each

Related patterns

list/list_biographies

Fields

id

UID. Required. Unique. Key field.

content

content. Required.

Link one or more of the following list-item content types from the content model to this List

Person
One or more, Required

Content type: Person

All the details associated with a person at Lil Regie. This person can be listed in list_biographies and attributed as an author of a blog_post.

Related patterns

Fields

id: UID. Required. Unique. Key field.
name: String. Required.; What is this person’s name?
job_title: String. Required.; What does this person do?
photo: Image. Required.; Upload a portrait photo of this person
biography: HTML. Required.; Give a short biography of this person

Content type: Blog post list

A list of blog posts and their metadata

Related patterns

list/list_blog_posts

Fields

id

UID. Required. Unique. Key field.

content

content. Required.

Link one or more of the following blog posts from the content model to this List

Blog post
One or more, Required

Content type: Blog post

A web log, or page of free-form content. Extends the Page model by adding authorship and date information

Fields

[…]: This model extends the fields in page
author: Person ID. Required.; Link this blog post to an author, in this case a Person content-type.
date_published: Date. Required.; What date was this post published?

Content type: Icon marker list

A list of small chunks of content, each denominated by an icon

Related patterns

list/list_icon_markers

Fields

id

UID. Required. Unique. Key field.

content

content. Required.

Link one or more of the following icon marked content from the content model to this List

Icon marker
One or more, Required

Content type: Icon marker

A small chunk of content that has an accompanying icon

Related patterns

list/list_icon_markers

Fields

id: UID. Required. Unique. Key field.
icon: Image. Required.; Upload an icon that represents this small chunk of content
content: HTML. Required.; Add a chunk of content

Content type: Image tiles list

A list of images with accompanying text, all set as tiles

Related patterns

list/list_image_tiles

Fields

id

UID. Required. Unique. Key field.

content

content. Required.

Link one or more of the following image tiles from the content model to this List

Image tile
One or more, Required

Content type: Image tile

An image with a caption, often represented in a tile, and laid out in a grid.

Related patterns

list/list_image_tiles

Fields

id: UID. Required. Unique. Key field.
image: Image. Required.; Upload an image for this tile
caption: String. Required.; Describe this image with a short 1-3 word caption

Content type: Name/Value pairs list

A list of paired keys and their values

Related patterns

list/list_name_value_pairs

Fields

id

UID. Required. Unique. Key field.

content

content. Required.

Link one or more of the following name/value pairs from the content model to this List

Name/Value pair
One or more, Required

Content type: Name/Value pair

A key or name, and its value

Related patterns

list/list_name_value_pairs

Fields

id: UID. Required. Unique. Key field.
key: String. Required.; What is this paired item called?
value: String. Required.; What is the value of this paired item?

Content type: Solutions list

A list of solutions or product offerings

Related patterns

list/list_solutions

Fields

id

UID. Required. Unique. Key field.

content

content. Required.

Link one or more of the following Solutions content types from the content model to this List

Solution
One or more, Required

Content type: Solution

One of the product offerings or solutions Lil Regie provides. e.g. Event Registration

Related patterns

list/list_solutions

Fields

id

UID. Required. Unique. Key field.

title

String. Required.

Give this solution a punchy name.

description

String. Required.

Describe this solution succinctly

page_link

Page ID. Required.

What page do you want to link this solution to?

features

List. Required.

Add one or more features that this solution should be known for

Feature
One or more, Required

Content type: Feature

A benefit to a user or customer for a given solution

Related patterns

list/list_solutions

Fields

id: UID. Required. Unique. Key field.
feature: String. Required.; Describe this feature

Content type: Tab group

A collection of tabs and their content

Related patterns

custom/custom_tabs

Fields

id

UID. Required. Unique. Key field.

content

content. Required.

Link one or more chunks of content via a tab and pane relationshi[]

Tab
One or more, Required

Content type: Tab

A block of free-form content that fits within a tab pane. A title describes the content.

Related patterns

custom/custom_tabs

Fields

id: UID. Required. Unique. Key field.
title: String. Optional.; Give a short title for this content. This title will act as the link text for the corresponding tab item.
content: HTML. Optional.; Free-form HTML content, including images.

Content type: Testimonials list

A list of customer testimonials

Related patterns

list/list_testimonials

Fields

id

UID. Required. Unique. Key field.

content

content. Required.

Link one or more of the following testimonials from the content model to this List

Testimonial
One or more, Required

Content type: Testimonial

A cited customer testimonial. Incldues the customer organisation logo and their quote.

Related patterns

list/list_testimonials

Fields

id: UID. Required. Unique. Key field.
author: String. Optional.; Who is the quoted person?
company: String. Optional.; What organisation do they represent?
url: URL. Optional.; What is their organisation’s full web address?
logo: Image. Required.; Upload a logo for this customer’s organisation
quote: HTML. Required.; What did the customer say about Lil Regie?

Content type: Menu

A list of links, buttons, or dropdowns of lists

Related patterns

Fields

id

UID. Required. Unique. Key field.

name

String. Required.

Give this menu a memorable name

title

String. Required.

Give this menu a title, so that we can represent it in a dropdown, or label it with a heading.

list

list. Required.

What items do you want to associate with this menu? Arrange items in this list in the order you want

Note that, if another Menu is chosen, then a dropdown will be used, and the Menu’s title will be the dropdown’s display text.

Link
Zero or more, Optional
Button
Zero or more, Optional
Menu
Zero or more, Optional

Content type: Link

A URL reference with a human-readable name

Related patterns

link/link_default

Fields

id: UID. Required. Unique. Key field.
url: URL. Required.; Where should this link go?
title: String. Required.; What text should this link have?

Content type: Button

A link that looks like a button

Related patterns

Fields

id

UID. Required. Unique. Key field.

url

URL. Required.

Where should this button take the user when clicked?

title

String. Required.

What text should this button have?

type

list. Required. Defaults to: small, secondary colour.

What type of button do you want?

large, primary colour
large, secondary colour
small, primary colour
small, secondary colour