CWP comes with built in themes (collection of HTML templates and presentational styles) ready to use called Starter theme and Wātea theme. There are several ways to customise the way your site looks without having to get developers or designers to build a new theme for you, and these are detailed below.

You will require CMS administrator access to edit theme configurations within the Settings section which can be found in the main CMS menu. Please note that if you have your own theme some of these options may not function as described unless your developer has maintained support for the following features. 

Site title and tagline

The site-wide title and tagline can be configured through the Settings section. Add your Site title and Site tagline in the provided fields and click the button Save.

starter theme home page with site title "my council"

This change will affect several areas in the site, but specifics depend on the template used. The default template will display the title and tagline in the header area, in the footer copyright and in the page title. 

Logos

By default, the CWP Starter theme has the newzealand.govt.nz logo shown in the bottom right of the theme (website footer).

logo customisation screen

These can be changed as follows:

  • Navigate to the Settings section, Logos/Icons tab.
  • Customise the organisation logo by attaching an image to the Logo, to appear in the top left.
  • Replace the "newzealand.govt.nz" logo by attaching a new image to the Footer logo, to appear in the bottom right.
    • Set a custom link by filling the Footer logo link field.
    • Set an accessibility description (that will propagate to "title" and "alt" attributes) by filling the Footer logo description field.
  • Click the button Save.

The logos aren't automatically resized, so make sure they are exactly the size you'd like them to appear before uploading them.

Wātea Plus

Please note: This feature is only available in CWP 2.x and is disabled by default. A developer will need to enable this, see the developer documentation(external link) to learn more.

Adjusting site fonts and colours

When using the Wātea theme, the main font and colours of your site can be configured through the Settings section.

These can be changed as follows:

1. In the CMS, navigate to the Settings section, Theme Options tab.
2. Select the desired font and colours for each area of your site.
3. Click the button Save.

Note: Please ensure the accent colour is not the same as any of the background colours as there are areas where the accent colour should contrast against the background colours.

Social media and sharing

You can add a link to your organisation's Facebook page by following these steps:

  1. Visit your Facebook page and copy the parts of the URL that appear after 'facebook.com' So, if your URL was http://www.facebook.com/visitnewzealand(external link), copy 'visitnewzealand'. If it was http://www.facebook.com/profile.php?id=12635800428(external link), then copy 'profile.php?id=12635800428'.
  2. In the CMS, navigate to the Settings section, Social Media tab.
  3. Paste the copied part of the URL into the Facebook UID or username field.
  4. Click the button Save.

In a similar way, you can add a link to your organisation's Twitter account to the Twitter username field.

When using the Wātea theme, these two options will add linked icons in the bottom right of the footer of each page.

You can also let your site visitors share pages on your site through their own social networks by setting up AddThis.

  1. If you don't have an AddThis account already, set one up by visiting http://addthis.com/(external link). Click Create Account and follow the sign-up process.
  2. Navigate to the Settings section, Social Media tab.
  3. Enter your AddThis Profile Id in the provided field.
  4. Click the button Save.

Favicons and Apple Touch Web Clip icons

With the default CWP theme, icons in themes/default/ico are used by default to display the favicon and Apple Touch Web Clip icons(external link), the latter are used when you bookmark the website to the home screen of an iOS device.

These can be changed as follows:

  1. In the CMS navigate to the Settings section, Logos/Icons tab.
  2. Add the new images to the Favicon and Apple Touch image fields.
  3. Click the button Save.
Ensure the favicon.ico file you upload is either 16x16, 32x32 or 48x48 in dimension and is in a Windows compatible ICO format. Apple Touch Web Clip icons must be uploaded in the correct dimensions as per the label next to each field, and they must be in PNG format.

Website visitor traffic reporting via Google Analytics (GA)

To track your website visitor traffic statistics using Google Analytics:

  1. Find your GA Account number, by visiting the Google Analytics website.
  2. In the CMS, navigate to the Settings section.
  3. Enter the code into the Google Analytics account field.
  4. Click the button Save.
  5. Login to Google Analytics and verify it is now measuring your website traffic.

Last modified: