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
Content Pillars

Colours and Text


Colours
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
Content Blocks
These are just a selection of the blocks available, more can be found in the templates section of your site. If you have other requirements let me know and I can set up a new block.


5 Content Block
Note: Can be used to filter tagged content or set to specific content pieces.
2 Item Fullscreen Block
Note: You can adjust the main heading, direct to a content piece or a listing.


Feature Block
Note: You can adjust the colour, title, subheading text and image and/or video.
Full Screen Heading Banner
Note: Colour, text and image are all able to be changed.


Text Left – Image Right with CTA
Note: You can add this block with links to businesses or other content. Mirrored version also available.
40% Wide Image With Listing
Note: Only to be used to link to listings.


Carousel Listings Block
Note: You can add this block with links to businesses or other content.
Video Block
Note: Easily embed YouTube videos using this block.
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.
<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/>