Managing the Wunan Website
A How-To Guide
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
- Add a new page
- Add a blog post
- Annual Reports and Research Reports
- Navigation Menus
- Social Media Icons
- SEO (Search Engine Optimisation)
- Contact Forms
- Cover Page Template
- 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.
From here you can enter the page’s title and start adding the page’s content using 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:
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.
- 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.
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.
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.
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.
4. Navigation Menus
To update the Wunan website’s navigation menu, select Menus under the Appearance menu item in the dashboard’s sidebar when logged in.
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.
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.
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:
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.
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.
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.
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.
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.
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.