Website Guide

FOR DESTINATION WEBSITE ADMINS 

Welcome!

 

We encourage you to be updating and adding to your own destination site all the time. 

So here are some ‘how to’ videos to get you going and some image guides below that – but we are always here to help if you need, just sing out.

 

– Nina

[email protected]

 

Content Blocks

Highlights Block

Note: You can add a call to action button on this block
View a live example

3 Column Block

Note: You can adjust the main heading, each tile’s image, heading, short description and link destination. The call to action text ‘Explore’ is set.
View a live example

Feature 50/50 Block

Note: You can adjust the colour and your title can be text or an image file
View a live example

Feature 60/40 Block

Note: This block will adapt to the size of your image and the colour is set
View a live example

Feature Carousel Block – No links

Note: You can add this block with links for each tile or without. No max number.
View a live example

Feature Carousel Block – With links

Note: Same block as previous but with links for each tile.
View a live example

Colours and Text

Colours

When you add a Feature 50/50 block, select your destination’s colour.

Text Sizes

This isn’t to scale exactly but gives you an idea of what each Heading option looks like.

The title of your post will automatically be Heading 1
The heading of your Editorial Text Block will automatically be Heading 2 

Body text will always be Paragraph
If you want to use a sub-heading in the body text, you can use Heading 3

Handy (Totally Optional) HTML

 

Remember:

1.Using html is totally optional, you can ignore this section if you like

2. Always use the Text tab when inserting html, rather than the Visual tab

3. If you get stuck, just send me a quick email. [email protected]

 

HOW TO MAKE YOUR YOUTUBE VIDEO EMBED A BIT LARGER ON DESKTOP (IN A WAY THAT STILL WORKS FOR MOBILE)

Adding this piece of html to the start and the end of your YouTube embed code (which comes from YouTube), means the video will appear nice and large on desktop and still optimise for mobile.

Show me

<div class="video_wrapper"><insert your iframe YouTube embed code here></div>

HOW TO ADD A HYPERLINK INTO A TEXT HEADER OR TITLE

Some title fields don’t allow you to add a hyperlink the easy way. We can still do this, but for now it just requires a bit of html.

There is no visual or text tab for these fields, so just paste this in directly and adjust with your link text and destination url.

<a href=“add your destination url here”>add your link text here</a>

Example:

<a href=“https://visitgreatoceanroad.org.au/accommodation”>Find a Place to Stay</a>

 

HOW TO ADD A PARAGRAPH SPACE IF NOTHING ELSE IS WORKING

In the text tab, create a paragraph space as usual, but then insert one of the below on its own in that space.

<br/>

&nbsp;