Guide to Editing the Homepage
Guide to Editing the Course Pages
Course/Seminar page editing overview
Course Page This image shows a scaled down representation of a Course Page or Seminar page.

Within it there are 4 editable sections, customisable for each Course and although very easy to modify without having any previous web building experience, close attention should be paid when editing all areas.

The 5 editable sections include:

  • Header
  • Introduction
  • Course content
  • Discussion

You’ll find below a series of accordian sections that expand to explain how each section should be modified.
Please take the time to review these sections and continue to refer back to them if you are uncertain of what to do.

*Note: All pages of this Course Site incorporate a ‘Visual Builder’ that makes editing for ‘non web developers’ much easier and is available to admin users via the ‘Enable Visual Builder’  button at the very top of the page. (see highlighted in black bar at top of image)

Please refer to the sections below for detailed editing guides.

 

1. Header section editing

The video above shows the simple approach to customising the Header section which includes modifying the Header text and replacing the main image:

First thing is to click on the ‘ENABLE VISUAL BUILDER’ button  Enable Visual Builder  (at the top of the page) to open up the editing mode.

Immediately you’ll notice that the Header area is surrounded by a BLUE section box, rolling over this section will reveal a GREEN outlined area that designates the ROW your content sits in and a GREY outlined area that holds your content.

It is generally only the GREY content areas that you’ll need to edit but in this Header section we’ll also need to make a change in the BLUE area to replace the image.

Replacing the Header text:

  • Rollover and Click within the GREY area to reveal the editing bar.
  • Select the Cog editing symbol Cog button.
  • Highlight the Title Text that appears in the editing window and replace with your text.
  • Select the GREEN tick button to Save the content change.
  • Click the Visual Builder SAVE and exit the Visual Builder.

Replacing the Header image:

You’ll notice that the Header placeholder image of the Monkey shows a sizing guide for your header image.
1200 x 650 pixels and a file size of around 100 kbs or less is advised.
If you have the ability to save your image to this size before loading to the site that would be beneficial.

  • Begin by clicking the ‘Enable Visual Builder’ button Enable Visual Builder to open up the editing mode.

Unlike the Homepage, The image in this case exists as a background image in the BLUE Section so we will only be editing the BLUE section to replace the image.

  • Rollover the section to reveal the BLUE editing panel Editing panel.
  • Click on the Cog symbol Editing cog
  • Select the BACKGROUND tab
  • Click on the IMAGE tab
  • Select the image
  • Click on Upload Files / Select Files and browse to where you have your image stored on your computer.
  • Select OPEN or UPLOAD
  • Next give the image an alt description for accessibility purposes – i.e. Monkey but something more appropriate to your chosen image
  • Set the alignment to CENTRE
  • set the size to FULL SIZE
  • and hit Upload Image

Your new image will appear.

  • Select the GREEN tick button to Save the content change
  • Click the Visual Builder SAVE and exit the Visual Builder.

Your Header has now been updated

2. Introduction section editing

The Introduction area gives you the option to include an ‘About this week’ text block or to just to display a decorative green band to seperate your Header from the main content

Begin by selecting the ‘ENABLE VISUAL BUILDER’ button Enable Visual Builder to open up the editing mode

  • Select the GREY area that holds the ‘About this Week’ text and select the editing COG Cog button
  • Highlight the Title text and replace if required
  • Highlight the Body Text below and re-write with your new text
  • Select the GREEN tick button to Save the content change

If you have updated text content in this row you can delete the GREEN row directly below It

  • Do this by Selecting the GREEN row and clicking on the Bin icon Bin button in the GREEN bar

If you don’t require the ‘About this Week’ text row you can delete the GREEN row that holds the text by doing the same

  • Click the Visual Builder SAVE and exit the Visual Builder.
3. Course Content section editing

The Course Content area is set up with 4 different rows for you to modify to suit the content you wish to display. If any of these rows or components aren’t needed they can simply be deleted.

Begin by selecting the ‘ENABLE VISUAL BUILDER’ button Enable Visual Builder to open up the editing mode.

  • Select the GREY area that holds the ‘Main Content Area Heading’ text and select the editing COG Cog button
  • Highlight the replace with your new Heading text
  • Do the same for the required body text which is also visible in this editing window
  • Select the GREEN tick button to Save the content change

You’ll see your text has been updated and you can move on to editing the remainder of the Main content area.

Modifying the ‘Resources’ Row:

Editing ResourcesThe Resources area offers a set of predesigned icons to suit different content types and are stored in your site’s Media Library.
You can modify, multiply and delete resource entries as required.

  • To begin, select the GREY area that holds the ‘Resources for this week’ content and select the editing COG Cog button
  • Highlight and replace the line of body text with your own text. Replace with as much text as you require.

Linking to a PDF reading file:

When possible it’s good practice to upload any PDF files to the Media library before linking to them.

  • Through the WordPress dashboard, open the Media Library and select the PDF you wish to link to
  • Select the “Copy URL to clipboard”
  • Highlight and modify the Reading text Reading resources
  • Click the Chain icon
  • Paste the copied URL into the URL field
  • In the ‘Target’ field select ’New Window’  and press ‘OK’

Linking to a Video resource:

Unless your video is less than 12mbs you won’t be able to upload it to the sites Media Library. You may need to link to a video on YouTube or a similar platform.

  • Browse to and Copy your Video URL to your clipboard.
  • Highlight and modify the Video Resource text Video resource
  • Click the Chain icon 
  • Paste the copied URL into the URL field
  • In the ‘Target’ field select ’New Window’  and press ‘OK’

Linking to a Audio resource:

Unlike video, audio files will often be smaller than 12mbs and can be easily uploaded to the sites Media Library.
It’s recommended to do so before linking to them

  • Open the Media library and select the Audio file you wish to link to
  • Select the “Copy URL to clipboard”
  • Highlight and modify the Audio text Audio resource
  • Click the Chain icon Link
  • Paste the copied URL into the URL field
  • In the ‘Target’ field select ’New Window’  and press ‘OK’

If you wish to link to an audio file on SoundCloud or a similar platform:

  • Browse to and Copy your Audio URL to your clipboard.
  • Highlight and modify the Audio Resource text Audio resource
  • Click the Chain iconLink
  • Paste the copied URL into the URL field
  • In the ‘Target’ field select ’New Window’  and press ‘OK’

Linking to a Weblink:

  • Browse to and Copy your external web URL to your clipboard.
  • Highlight and modify the Weblink text web link
  • Click the Chain iconLink
  • Paste the copied URL into the URL field
  • In the ‘Target’ field select ’New Window’  and press ‘OK’

If additional Resource links are needed:

  • Copy an entire text row including the icon
  • tab down to the next line, paste and modify the copied text and its link.

If Resource links are not needed:

  • Copy an entire text row including the icon and hit Delete.
  • When completed Select the GREEN tick button to Save the content change
  • Click the Visual Builder SAVE and exit the Visual Builder.

Modifying the ‘Activity’ Row:
Activity

The Activity Row may or may not be required and if it isn’t simply delete the row by:

  • Rolling over and clicking the GREEN border surrounding the content
  • Click on the Bin icon Bin button in the GREEN editing bar to delete the entire Row
  • Select the GREEN tick button  to Save the content change
  • Click the Visual Builder SAVE and exit the Visual Builder.

If the Activity Row is required:

  • Select the GREY content area and Click on the editing Cog Cog button
  • Highlight and modify the text as required for the suggested Activity.
  • Select the GREEN Tick button  to Save the content change
  • Click the Visual Builder SAVE and exit the Visual Builder.

 

Modifying the ‘Further Text’ Row:

This Row is provided for any additional text that might be required.

Delete or Modify in accordance with the steps outlined above.

 

 

 

 

4. Discussion section editing

 

A Discussion thread has been added to all Course pages by default and will populate automatically if students choose to make comments or ask questions.

If the Discussion section isn’t required you can delete the section with the following two step approach:

Step 1:  Delete the ‘Lets Talk’ Section:

  • Rollover and Click just inside the BLUE border surrounding the ‘Let’s Talk’ content.
  • Click the Bin icon Bin button to delete the section.
  • Select the GREEN Tick button to Save the content change
  • Click the Visual Builder SAVE and exit the Visual Builder.

Step 2:  Remove the Comments Thread at the base

  • In the Top Bar Select the ‘Edit Post’ button edit post to the left of the ‘Enable Visual Builder’ button.
  • Scroll down to the ‘Discussion’ panel near the bottom of the page.
  • Uncheck ‘Allow Comments’ and ‘Allow trackbacks and pingbacks’
  • Select Update.
  • DONE!