Matrix is UWA's primary content management system managed by Digital and Creative Services. These pages act as a guide and reference to using Matrix in conjunction with the Rebrand Core template.

Rebrand Core significantly lowers the level of skill required to create media-rich and complex pages; however, in the pursuit of modern HTML features, it does slightly increase the minimum skill level needed to edit and manage pages. Ideally, you should have a basic understanding of HTML code such as the example on the right.

<img src="image.jpg" class="right" alt="Image description" />
<p class="introduction">Introduction text...</p>
<ul class="links">
    <li><a href="website.url">Link label</a></li>
    <li><a href="website.url">Link label</a></li>

General topics

These are topics aimed at content editors and beginner users.

Matrix basics
An introduction to the Matrix interface and using the asset map.
Editing page content
A guide to editing standard Matrix pages.
Asset screens overview
An overview of the functionality of the common Matrix asset configuration screens.
Style and device reference
A gallery of styles and devices along with instructions or sample HTML code.

Advanced topics

These topics are primarily a reference for use within Digital and Creative Services or for users with significant training and skill.

Design customisations
Design customisations control the core template and variables for a sub-site.
New site creation
Creating a new sub-site from the ground up.
Site migration procedure
A rough outline of the procedure for converting a Matrix site from an older core to Rebrand Core.
Compatibility with older cores
Additional notes on migrating to Rebrand Core.

Notable changes over previous cores

The following list is an overview of some of the changes for creating and editing Matrix pages.

CSS Class names

Many CSS class names have been changed for clarity and consistency. Multi-word classes are now always hyphenated.

A few notable changes include <ul class="linklist"> becomes <ul class="links"> and <div class="floathalf"> has become <div class="column-half">.

Classes often also have a single and plural variant such as <a class="link" href="...">...</a> and <ul class="links"><li><a href="...">...</a></li></ul>

Metadata devices are no more
Additional CSS and Javascript devices are now automatically detected and loaded as needed.
No need for Raw HTML and heavy nesting for complex layouts.
Complex layouts can now be completed with a couple of snippets and/or smart classes such as column-half placed in the matrix div properties. No need for Raw HTML blocks, custom css, or heavy use of nesting and asset listings.

Navigation is now hidden within MegaMenu, this clears space for richer content and media, but requires more attention to building navigation in landing pages with a variety of Stamps and call to action buttons.

On sub-pages you can expose related naigation items automatically with the Site navigation snippets, ideal for a right column.