Get Started

Helpful Design System Colours

Array argument validation is_arg() and get_arg()

This is great to help you pass functions between template parts.

e.g. get_template_part('template-parts/component','animals', $animals_args);

Template Part - section-zoo.php

/*------------------------------------*\
	# EXAMPLE ARRAY
\*------------------------------------*/

$animal_args = array(
	'animals' => array('dog', 'deer', 'cat'),
	'title' => get_field('title'),
	'sub_title' => 'Animals'
);

get_template_part('template-parts/component','animals', $animals_args);

Template Part - component-animals.php

/*------------------------------------*\
	# EXAMPLE OUTPUT
\*------------------------------------*/

$is_title     = is_arg('title', $args); // This will return false because get_field('title') doesn't exist.
$is_nothing   = is_arg('something', $args); // This will return false.
$is_animals   = is_arg('animals', $args); // This will return truthy as an array.

$sub_title = get_arg('sub_title', $args); // This will return 'Animals'.

$animals = get_arg('animals', $args);

if($animals && is_array($animals) ) {
	foreach( $animals as $animal ) {
		echo $animal;
	}
}

Attribute output from associative array get_attributes()

This is used in component_button() to add more attributes that don't have specific arguments.

$attributes = array(
	'data-url' => 'http://lateralaspect.com.au',
	'data-id' => 'latasp',
);

get_attributes( $attributes );

Returns: data-url="http://lateralaspect.com.au" data-id="latasp"

Colors

Typography

Icons

Buttons

Links

Boxes

Cards

Post Block

September 09, 2019

Cockburn Sound pink snapper and blue swimmer crab changes now in effect

Remember the latest management changes, including seasonal closures, for both pink snapper and blue swimmer crabs in the West Coast Bioregion came into effect on September 1. Both of these closures are critical in…

Read More

July 28, 2022

New Ammo Jetty design tailor-made for great fishing!

Plans unveiled this week put fishing at the heart of the design for a new Ammo Jetty at Woodman Point in Cockburn Sound, showing fishers’ voices were heard loud and clear by the Department of Transport (DoT) when…

Read More

Card Long

June 20, 2024

Category Label

This is a longer card title that can span multiple lines if needed

This is some body text for the long card component. It can include multiple sentences to provide more detailed information about the content being highlighted in the card.

Read more

Headings

Post Block Headings

These are married to the .c-post-block but can be slowly decoupled.

See also .c-instagram-block for identical headings.

Key Issues

View All

Handling, releasing, and respecting our catch

Latest News

Read More

Handling, releasing, and respecting our catch

Read More

Latest News

Read More

Latest News

Read More

Handling, releasing, and respecting our catch

Tabs

Accordions

Accordion Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.

Catch and release best practice

copy link to section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Catch and release best practice

copy link to section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Catch and release best practice

copy link to section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Maecenas faucibus mollis interdum.

Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Maecenas faucibus mollis interdum.

Catch and release with images

copy link to section

This accordion demonstrates image content in both columns with optional captions.

Proper catch and release technique ensures fish survival.

Always use appropriate measuring tools.

Tables

See: page-artificial-reefs.php

Person

John Doe

Lead Instructor

Perth, Australia

Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.

Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Listings

Promo Banner

CTA

CTA - Block

Last updated January 1, 2020

Sample Top Heading

Main Heading

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero.

Read More

Last updated January 1, 2020

Sample Top Heading

Main Heading

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero.

Read More

Last updated January 1, 2020

Main Heading

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero.

Read More

CTA - Complex