Wunan Website Content Management System

Managing the Wunan Website

A How-To Guide

Introduction

Managing the Wunan website is reasonably straight forward and once you have familiarised yourself with the CMS (Content Management System), you can easily edit existing content and create new posts and pages.

The Wunan website uses the WordPress Gutenberg block editor to visually compose pages. There are a number of different blocks to choose from, all which display content in different ways.

Table of Contents

  1. Add a new page
  2. Add a blog post
  3. Annual Reports and Research Reports
  4. Navigation Menus
  5. Social Media Icons
  6. SEO (Search Engine Optimisation)
  7. Contact Forms
  8. Cover Page Template
  9. Job Listings

1. Add a new page

To create a new page on the Wunan website, hover your cursor over the Pages menu item in the lefthand sidebar of the dashboard when logged in, then click Add New.

Alternatively, hover your cursor over the New menu item in the top admin bar and then click Page.

Add New Page screen.

From here you can enter the page’s title and start adding the page’s content using blocks.

a. Blocks

There are many Blocks to choose from. The following blocks are most frequently used on the Wunan website. Click on the icon for a video demonstration.

b. Block Settings

Many blocks have settings that allow the content to be formatted in different ways. For example, the paragraph block has a components toolbar that looks like this:

Paragraph components toolbar

The Paragraph toolbar appears when the paragraph is selected and allows you to set the text alignment, font weight, add a hyperlink, and so on.

c. Block Alignment

Some blocks can be set to Align center, Full width and Wide width. When these options are available they will appear in the block’s components toolbar. The following example shows the components toolbar for the Icon block, with alignment set to Wide width.

Alignment components toolbar.
  • Align center horizontally positions the content in the center of the screen with a default, narrow width.
  • Full width stretches the content to fill the entire width of the screen.
  • Wide width is the happy medium between Align center and Full width.

Once you have added the content to the page and are ready to display it on the website, click on the blue Publish button at the top right of the screen.

c. The Colour Palette

Many blocks enable you to adjust the colours of various elements. The Wunan Colour Palette contains 7 colours to choose from. Experiment with the colour settings and create content which is consistent with the style of the website.

The Wunan Colour Palette, accessed from the right hand sidebar while editing a block.

2. Add a blog post

To create a new blog post on the Wunan website, hover your cursor over the Posts menu item in the lefthand sidebar of the dashboard when logged in, then click Add New.

Alternatively, hover your cursor over the New menu item in the top admin bar and then click Post. All the Blocks available on the Add New Page screen can be used for posts, too.

Add New Post screen.

The Add new post screen is very similar to the Add New Page screen, with some exceptions. The righthand sidebar contains a number of options for the post, including Categories, Tags and Featured Image.

3. Annual Reports and Research Reports

Annual Reports and Research Reports can be added from the lefthand sidebar of the dashboard when logged in. Hover your cursor over the Annual Reports or Research Reports menu item in the sidebar and then click Add New.

Alternatively, hover your cursor over the New menu item in the top admin bar and then click Annual Report or Research Report.

The Add New Report screen.

Enter a heading in the Add title field (eg. ‘2020’ if it is an Annual Report). Then click the Add File button to upload the report in PDF format. You may optionally select a Featured Image for this Report (lower right of screenshot above). This image will be displayed as the thumbnail for the report on the Resources page. If no featured image is selected, an automatically generated thumbnail of the first page of the PDF will be used instead.

Click the blue Publish button when finished and the report will now be visible on the website.

To update the Wunan website’s navigation menu, select Menus under the Appearance menu item in the dashboard’s sidebar when logged in.

Add pages to the menu.

Tick the page you wish to add, then click on the Add to Menu button.

The item will be added to the menu, which can then be dragged and dropped into the desired position.

You may also edit the footer navigation menu items by changing the dropdown select box to Footer.

Change the menu you are editing by clicking the dropdown field.

5. Social Media Icons

Links to social media networks appear as icons in the Wunan website’s header and footer. These can be altered by going to Theme Settings and clicking the Social tab.

The Social tab of the Theme Settings area.

New networks can be added by clicking Add Social Network, then selecting the appropriate icon and entering a URL.

Clicking the Update button will add these social media icons to the front end of the website.

6. Search Engine Optimisation

An SEO plugin has been included with the website and allows you to add keywords to your pages and posts to assist organic search results. When you open the Pages tab, you will see that each individual page has colour values and warnings assigned in the SEO column.

When editing a page or post on the Wunan website, towards the bottom of the screen you will find an SEO section where you can add custom titles and meta descriptions:

SEO settings for the About Us page.

Additional documentation, including helpful tips on how to optimise your website, is available on the The SEO Framework website.

7. Contact Forms

a. Changing the notification email

To change the email address where form submissions are delivered, click on the Forms menu item in the sidebar of the dashboard when logged in. Hover your cursor over the form you wish to adjust, then click Notifications.

The Forms admin page.

Click on Admin Notification and you will be presented with the following screen. Simply enter the new email address in the Send to Email field, then click the blue Update Notification button at the bottom of the screen.

Change where email notifications are sent.

b. Viewing form entries

In addition to sending form submissions to the specified email address (described above), all form entries will be logged on the website.

To view form entries on the website, hover over the Forms menu item in the sidebar of the dashboard when logged in, then click Entries. You will be presented with a screen that lists all entries for the current form.

To switch to a different form, click on the downward arrow next to the form’s title, and select the form for which you wish to view the entries.

8. Cover Page Template

In addition to the default page template, there is a Cover Page Template. The Cover Page Template is optional and may be useful for campaign landing pages.

The Cover Page Template.

See the video below for a demonstration on how to create a page using the Cover Page Template.

9. Job Listings

a. Posting a new job listing

New jobs can be added from the lefthand sidebar of the dashboard when logged in and will appear on the Work With Us page when published. Hover your cursor over the Jobs menu item in the sidebar and then click Add New.

Alternatively, hover your cursor over the New menu item in the top admin bar and then click Job.

The Add new Job screen

Enter a heading for the job in the Add title field (eg. ‘Admin staff’), followed by the content such as the job description, benefits, etc.

Click the blue Publish button when finished and the job listing will now be visible on the website. The job application form will appear automatically beneath the job description.

b. Removing a job listing

You can permanently remove a job listing by moving the job post to the trash.

To temporarily remove a job listing, edit the job post and click on the blue Switch to draft link at the top of the edit screen. The job post will remain in the admin section but be hidden from website visitors, and can be republished at any time.

Temporarily remove a job listing by clicking Switch to draft

c. Displaying job listings

Currently active jobs will appear under the Available Opportunities on the Work With Us page. When no active jobs are available, a standard message is displayed.