Instructions for editing site content

You can click on any images below to open them in a bigger pop-up. You can also hover over the left and right-hand sides to swipe through each set of images.

If you have any issues completing any of the steps below, please contact Reward Design we can talk you through it instead!

Recommended image sizes, suitable for web:

General Images:

  • 900px x 600px = 3/4 page width (recommended for most images, including images at the top of the page)
  • 600px x 400px = 1/2 page width
  • Lender logos = 600 x 300px with a significant amount of space around the logo.

Images should be jpeg files at a resolution of 72 dpi.

This can be done using Photoshop or a similar photo editing program.

Images should be no bigger than around 300kb. Anything larger will fill up space on the server and make the site run slowly.

Images should be appropriately named before they are uploaded. Ideally, their name is related to the page or post they will be seen on.

PDFs should be as small as possible and also appropriately named.

How to change images:

Please make sure the image/s you are uploading are the correct size and resolution.

Images should be named appropriately before they are uploaded.

Step 1:

Firstly, you will need to upload your new image to the media library (see orange arrow). You can do this by clicking and dragging the jpeg into this window, or by selecting ‘Add new media file’ (see pink arrow).

You can do this for one image or multiple at a time.

Please note: your images should be appropriately named before they are uploaded. Ideally, their name is related to the page or post they will be seen on.

Step 2:

Then you will need to find the image you wish to change on a page or post. You can find the page on the live site, or in the backend.

From the live site:

  • Navigate to the page using the menu, then select ‘Edit’ in the top black bar (see pink arrow in first image).

From the backend:

  • Navigate to ‘Posts’ to find the right page (see pink arrow in second image). You may need to search for it (see blue arrow in second image) or filter by categories (see orange arrows in second image) to find the right page.
  • Edit the page by clicking on the title or by hovering on the title and clicking ‘Edit’ (see green arrow in second image).

Step 3:

You will then need to navigate to the image you want to change. We often have the live page open in another tab to reference which section we want to edit.

If the image is in the top banner:

  • Scroll down in the RH column to the ‘Featured Image’ section, and click on the image to open the media library (see pink arrow in first image).
  • Select your newly uploaded image (see pink arrow in second image), or drag and drop your image into this window, then click ‘Select’ (see orange arrow in second image).
  • If you can’t see the whole media library, please make sure that you have selected ‘Images and PDFs’ in the filter section (see green arrow in second image).

If the image is on the rest of the page:

  • Hover over the image element, and click the pencil icon in the green tab (see pink arrow in third image)
  • This will open a pop-up. Click the image to open the media library (see pink arrow in fourth image) and select one of your previously uploaded images (see pink arrow in fifth image).
    • You can also upload any additional images in this window if you haven’t uploaded the right image yet by dragging a file into this window.
  • Then click the blue ‘Select’ button (see orange arrow in fifth image). Then ‘Save Changes’ in the Image pop-up (see pink arrow in sixth image).

Step 4:

You can repeat this process for any number of pictures on one page. Once you are happy with the changes, make sure to click the blue ‘Update’ button (see pink arrow).

If you don’t save your edits or update the page once you are done, your edits will not be saved. We generally save as we go, after each image.

You can then view the live page to check your edits.

How to edit text:

Step 1:

First, you will need to find the page or post you wish to edit. You can find the page on the live site, or in the backend.

From the live site:

  • Navigate to the page using the menu, then select ‘Edit’ in the top black bar (see pink arrow in first image).

From the backend:

  • Navigate to ‘Posts’ to find the right page (see pink arrow in second image). You may need to search for it (see blue arrow in second image) or filter by categories (see orange arrows in second image) to find the right page.
  • Edit the page by clicking on the title or by hovering on the title and clicking ‘Edit’ (see green arrow in second image).

Step 2:

Find the text you wish to edit on the page.

You can then edit the text block by hovering over it and selecting the pencil tool in the green bar (see pink arrow).

This will open a pop-up window to edit the text.

Step 3:

In this pop-up you can edit and adjust the text as needed (see pink arrow).

Please keep any text you edit in the same style as the existing text. The text can change by itself if you are copying and pasting from another document.

To ensure it is the same, please select your text and check the dropdown (see orange arrow) before you paste any changes. Once you have pasted the text, check it is the same before saving.

NOTE: There may be two types of text styles in one text block (e.g. Heading 4 and a Paragraph)

Once you are done, make sure to press the blue ‘Save Changes’ button (see green arrow).

Step 4:

You can then repeat steps 2 and 3 for any other text blocks you wish to edit on the page.

Once you are finished, click the blue ‘Update’ button (see pink arrow).

If you don’t save your edits or update the page once you are done, your edits will not be saved. We generally save as we go after each edit.

You can then view the live page to check your edits.

How to add new Area Insight pages:

Step 1:

First, you can find an existing area insights post that you can duplicate and edit. You can find the page on the live site, or in the backend.

From the live site:

  • Navigate to the page using the menu, then select ‘Duplicate Post’ in the top black bar (see pink arrow in first image).

From the backend:

  • Navigate to ‘Posts’ to find the right page (see pink arrow in second image). You may need to search for it (see blue arrow in second image) or filter by categories (see orange arrow in second image) to find the right page.
  • Duplicate the page by hovering over the name and selecting ‘Clone’ (see green arrow). This will create a duplicate of the news post with ‘- Draft’ at the end of the title.

From the live site:

This will open the duplicated page in the same window. This page is a draft and won’t be seen until you publish the page.

From the backend:

Edit the duplicated post (with ‘-Draft’ at the end of the title) by clicking on the title or by hovering on the title and clicking ‘Edit’ (see pink arrow in first image).

Step 3:

As you have duplicated the content from an existing page, you will then need to replace the information from the old suburb to the new one.

Firstly, you will need to rename the title of the page to the new Area Insight (see pink arrow in first image). This is what will show on the Area Insights page. Please do not edit the title element in the content as this will automatically generate the title based on what you call the page.

You can then edit the top image as outlined in the ‘Changing Images‘ tab and the text in each section as outlined in the ‘Editing Text‘ tab.

Note: there are some sections that are the same on multiple pages across the site. Please do not edit these, and only edit the relevant text for the area you are creating.

Step 4:

You will also need to edit the excerpt, as this is what will show on the main Area Insights page as a preview. If you can’t see the excerpt section, you will need to scroll to the top of the page and select ‘Screen Options’ in the top RH corner (see pink arrow in first image). Then make sure the ‘Excerpt’ option is ticked (see pink arrow in second image).

You can then scroll down to the bottom of the page, and there will be an excerpt section where you can write a short introduction sentence (see pink arrow in third image).

Step 5:

Once you are finished, make sure to click the blue ‘Publish’ button (see pink arrow).

If you don’t save your edits or update the page once you are done, your edits will not be saved. We generally save as we go after each edit.

You can then view the live page to check your edits.