Home (original) – Extra Large
Home (original) – Large
Home (original) – Medium
Home (original) – Small
Home (original) – Extra Small
Home (original) – Body Text
This is an example of a counter – 0%
It is a text wysiwig element so can be rendered from any text content type and uses all of the same text size functionality as the rest of the text elements
Typography is set by size not by h tags
so h1 can be tiny
and p tags can be large
- You can also do custom lists
- And list configurations
This is a blockquote
– it can be any text size and format
A countdown – Countdown…
These are the available button styles and types
This is a tabbed pane for displaying content
This is a tabbed pane for displaying content
This is a read more component
This is some read more text and image
This is a carousel element
This is a merge tag calling in content from specific id
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
It doesn’t look particularly impressive on the front-end but in the CMS is where the magic happens this is using {merge_tags} to dynamically pull information from posts and pages and then render it in a text field – (if the content changes it updates dynamically)
This is a double merge tag
This is the other feature – double merge tags render different text when logged in and logged out. These can be used in menu items buttons wherever they will be useful.
You might want to render this message logged out
This also works for urls – if you want a user to go to a different url logged-out
This is another carousel to illustrate the versatility.
The carousel component can either be built manually creating your own custom slides or it can pull posts from custom post types to display them.
This is a gallery with a lightbox
This is the map feature.
It either uses the address set in the element or it uses the branch addresses set in the theme options.
This is an accordion component.
This is a handy way to present FAQ questions
Dont you agree?
This is a handy way to present FAQ questions
Dont you agree?
This is a handy way to present FAQ questions
Dont you agree?
This is a video component.
This is an image component.
These are some examples of cards.
These are some examples of cards.
These are some examples of cards.
These are some examples of cards.
These are some merged cards.
These are some merged cards.
These are some merged cards.
These are some merged cards.
Countdown…
Until Christmas 2026
This is a video background component.
Which can also switch to an image on mobile.
Or not. I’m not your mum
This is a image background component.
This is a copied component.
It doesnt look like much again from the front-end but this saves setting up style each time for buttons or commonly used components.
I would use this feature cautiously or when we train individuals to use the CMS to use it cautiously as the copy component maintains all of the original styling and content of the copied component – particularly with buttons so if we were being wise it might be sensible to set up a global component with all of the components that are going to be used and call it Component List. This was it doesnt have a url thats being referenced so it wont ever be deteced by seo and it can all be changed from one place. It is important to be aware if the original component gets deleted then so too will all of the iterations of it
This is a divider.
Used for visually breaking up elements or text.
This is a divider.
Used for visually breaking up elements or text.
This is a table component.
| This is a list of numbers | And this is a list of letters |
|---|---|
| 1 | A |
| 2 | B |
| 3 | C |
This is a pie chart.
These are line graphs.
These are bar graphs.
0+
Component types
1
Layout type
0s
Different ways of presenting content
0%
Guaranteed to make our lives easier
This is an example of a Global Layout.
- It is set once in the post type
- This way it ensures that it only needs to be changed once
- Below are some examples of it being used