Articles

Overview

Overview

 

Landing page for Sydney: https://www.sydney.com/articles
Landing page for Visitnsw: https://www.visitnsw.com/articles

 

Three different styles at the highest level:

There are sub-types within each of these however.

Listicle:

Subtype 1: Experience led listicles (multiple products aligned as a theme per point): https://www.sydney.com/articles/valentines-day 
Subtype 2: Product led listicles (individual products per point): https://www.sydney.com/articles/rooftop-pools-in-sydney  

NOTE: Listicles can have numbers either ascending or descending, or can leave off

Example of numbers ascending: https://www.sydney.com/articles/unique-ways-to-experience-sydney-icons 
Example of numbers descending: https://www.sydney.com/articles/unforgettable-sydney-instagram-spots 
Example of no numbers: https://www.sydney.com/articles/sunrise-in-sydney 

Itinerary: 

Subtype 1: Multiple days (split out as specific individual products per Morning/Afternoon/Night including Key Facts): https://www.sydney.com/articles/3-day-dog-friendly-itinerary-in-sydney 
Subtype 2: Day trip (split out into many options for products per morning/afternoon/night): https://www.sydney.com/articles/day-trip-to-the-northern-beaches 

Standard: 

Longer form content, no sub-types

https://www.sydney.com/articles/what-to-do-in-sydney-in-winter 

 

Located in the CMS to build: Content > Add content > Article

Standard Article Example
Listicle Example

Listicle Example

 

NOTE: Listicles can have numbers either ascending or descending, or can leave off

Listicle Instructions

Listicle Instructions

A few points when building a listicle

 

Choosing Numbers

Linking Numbers Into Copy

Linking ATDW (highlight the text to be linked and then select the baby yoda icon in format bar)

Formatting Copy

External Links in Copy

Add the Image (camera icon end of format bar)

Adding Icons - Map Marker or Clock

Front end example:

How to do:

Itinerary Example
Teaser Tiles

Teaser Tiles

Teaser tiles are what are pulled through onto editorial pages:

Article teaser tiles

  • Teaser image = vertical/portrait image
  • Teaser image horizontal = of course horizontal/landscape (what is shown above in the screenshot)

Listicle Example

High Level Summary

Monday.com

Jira

Image Library

ATDW

Article Image Captions

Images - Media Name & Image Credits

Naming Conventions

High Level Summary

High Level Summary

If possible - whatever content piece you're working on, whether it's copy | a tiles container | an image | any widget | a tile;

Page Name - What it is - Specific Identifier

  • E.g. Homepage - Things to do - Musicals
  • E.g. Events Landing Page - Promoted Product Widget
  • E.g. Header - Waterside restaurants in Sydney -  Berowra Waters Inn
  • E.g. Spit Bridge to Manly Walk - FAQs - Fast Facts

 

So then, when you were looking in the backend of a page, an example of the full list of widgets that you might see are: 

  • EV Road Trips - Intro Video
  • EV Road Trips - State Map of Chargers
  • EV Road Trips - Accommodation with onsite charging
  • EV Road Trips - 5 Coastal EV Road Trips
  • EV Road Trips - 4 Country EV Road Trips
  • EV Road Trips - FAQs
  • EV Road Trips - Electric Vehicles in NSW

and if you ever needed to bring up content from this campaign in the future, it is so easy to track it all down with one single search of EV Road Trips

Images - Media Name & Image Credits

Images - Media Name & Image Credits

---

Media Name = Back-end of CMS - producer use only

Image Caption/Article Image Caption = displayed to website user

 

Media Name*

Tip: always avoid a comma: ',' in the media name - the back-end won't recognise when trying to search

Header images:

Start with always including "Header" in the name - this is because these are uploaded as a different media type, and we can't pull in one image into multiple locations (which we can with all other images). Then follow after the "Header" with the Page Title, then whatever the image is of

E.g: Media Name*: Header - Sydney Restaurants Outdoor dining - Watsons Bay Boutique Hotel

Link
 

DNSW library images:

We can pull these into multiple locations across the website (body copy and any tile). Image only needs to be uploaded once.

Start with what the image is of (as simple/specific as possible) - followed by the location town/area - followed by the region

E.g: Media Name*: Woman enjoying food and drink at The Boat House - Palm Beach - Sydney North

Link

 

Images sourced from ATDW:

Include ATDW at the start - this is so we know to only use it against their product, and their listing name next so we know which specific lisiting it is, then just the image information

E.g: Media Name*: ATDW - Pier One Sydney Harbour - Admiral Suite Bathroom

 

Article Image Captions:

Name of the business/activity + Location + Always include an image credit if not DNSW. Formatting is - Credit: *the photographer*, *if there's also an organisation*

E.g. Sydney's Open For Lunch - YCK Laneways - Credit: Cassandra Hannagan

E.g. Admiral Suite Bathroom at Pier One Sydney Harbour - Credit: Dave Wheeler | City of Sydney

Widgets

Widgets

---

Copy widgets:

These are used for the centre aligned copy as the introduction to most editorial pages

When naming the "title*" of what will be displayed in the backend, begin with the page name it is living on, followed by what piece of content it is, e.g. "intro" or "main" or "Getting around" etc

E.g. Digital Publisher Guide - intro

Live example

Intro Copy example

 

Standard content widgets: 

These are used for the full length copy on editorial pages. Name is the same as above - page title - content piece

E.g. Manly - Main

 

Tile Container widgets:

When naming the "title*" of what will be displayed in the backend, begin with the page name it is living on, followed by the name of the tiles container (so the subject/group)

E.g. Adventure & Sport - Outdoor activities in Sydney

Live example

 

Tiles:

When naming the "title*" of what will be displayed in the backend, begin with the page name it is living on, followed by the name of the tiles container (so the subject/group), followed by the name of the tile

E.g. Adventure & Sport - Outdoor activities in Sydney - Walks & Hikes

Live example