Website built in St Austell, Cornwall. Photography and other visuals supplied by client. This paragraph is intended for information only (ie not to be viewed on the frontend of the website).

Website User Guide

General info

> = click

Administrator role:

Have access to all settings and tabs in left sidebar menu. I have used a plugin called ‘Minimal Admin’ to hide unneccessary stuff. If you want to see everything then deactivate this plugin – however there should be no need to.

Editor role (recommended for Client):

Only see the ‘Page’ menu on left sidebar menu in Admin. They can add content to exsisting pages and add new pages but nothing else (ie they have no access to plugin settings, Users, Appearance tabs etc).

Installed plugins info:

Tablepress

Use Tablepress to create tables for tabular style data.  In main Left Sidebar > Tablepress > Add New Table. Create your table by giving it a name and difining number of columns and rows (don’t worry these can be changed later if required) > Add Table.  On the next page add your table data. The top (light blue) row is the table headings (eg Subject, Name, Email etc).

Under ‘Table Manipulation‘ heading you can refine you table settings (add rows, delete rows etc).

Under ‘Table options‘  leave all settings alone except for ; if you wish to create a narrow table (ie as it may not fit adjacent to an image when you review the page) then type ‘narrow’ in the ‘Extra CSS Classes‘ field.

Under ‘Features of the ‘DataTables Javascript Library‘ just make sure to uncheck the first checkbox and leave the rest alone.

Save the table. You can now add the table to a page…

Adding the table to the Blog Post or to a Page.

When creating a post you add your content in the wysiwyg editor. Place your cursor within the content of the editor where you’d like to add the table. Click the top right icon on the wysiwyg toolbar (just above the question mark). You can now select the table you wish to add to the page.

………………………………………………………………………………………

PageMash

Top left menu > Pages > pageMash

You can reorder the pages here if necessary so that they appear in the dropdown menu in the desired order. Just drag & drop, then > ‘Update’ (bottom right).

Don’t change the order of the ‘Top Level’ menu items (ie School to School Support, Enquiries, Research & Professional Development etc). The pagemash plugin has been installed so that you can reorder the pages that are children of the top level pages (ie pages that appear in the dropdown menu).

………………………………………………………………………………………

Contact Form with Captcha

The form on the enquiries page is added with this plugin. Hover/Click settings in the left sidebar menu > Contact form with Captcha. Specify your captcha key-  (Get a key from https://www.google.com/recaptcha/admin/create). Enter details in the fields and > Save changes.

………………………………………………………………………………………

 

Editing pages

All content fields on each individual edit page will be labelled.

On the left sidebar menu hover/click on ‘Posts’ or ‘Pages’ to create a new post or page. Posts are published in the ‘Blog‘ section. Pages are where you add pages below the four main sections plus enquiries (PTSP, School to School, Research, School Direct)

All Pages/Posts

There are two fields at the bottom of every page/post ‘Title’ and ‘Description’. Fill these out with you SEO  Meta ‘Titles’ & ‘Descriptions’. These fields are optional – if you don’t fill them out then the Meta ‘Title’ & ‘Description’ will be created by the software.

Publish / Update buton

Blue button on the right side of the page. Click to save any changes/updates or to publish a post/page. If you forget you’ll lose any changes you may have made.

…………………………………………..

Home:

The main (first) wysiwyg editor is not used for the homepage so you can ignore it.

Full width photo

Crop images for the main panel (full width photo)  to 1040 pixels wide x 520 pixels height or very similar – the programming will force the image to those dimensions if it’s different. For more info on how to crop your image click here.

Intro Text (x4)

The four wysiwyg editors that follow the Full Width Photo field are where you enter the intro text for each main section.

Images (x4)

Add images for the square boxes on the homepage. To edit the images (crop your original image appropriately) see link – For more info on how to crop your image click here.

…………………………………………..

Top Level Pages – PTSP, School  to School, Research…, School Direct & Enquiries.

Add content in the wysiwyg editor. If you wish to add a image within the wysiwyg edit box you must ensure it’s not within a paragraph (hit return so the cursor is on a new line before adding the image).

If you wish to add a table to present tabular data then create the table using ‘Tablepress’ (instructions above under ‘Installed plugins info’ > ‘Table press’.

For instructions on how to add a testimonial see below under ‘Testimonials’.

Add an image for ‘Full Width Photo’.  (REQUIRED)

…………………………………………..

Child Pages – Pages below the top level items (ie FAQ, Who can apply)

Add content in the wysiwyg editor. If you wish to add a image within the wysiwyg edit box you must ensure it’s not within a paragraph (hit return so the cursor is on a new line before adding the image).

If you wish to add a table to present tabular data then create the table using ‘Tablepress’ (instructions above under ‘Installed plugins info’ > ‘Table press’.

For instructions on how to add a testimonial see below under ‘Testimonials’.

Add an image for ‘Full Width Photo’. On the child pages this image is optional – if you don’t add one here then the image you added to the Parent page will be displayed (previous step in this guide).

Page Attributes – box below ‘Publish’ or ‘Update button.

Under ‘Page attributes’ you define which page is the parent of the page you are creating. For example if I’m adding a page named ‘FAQ’  which belongs to the ‘Research & Professional Development’ section then I’d click ‘(no parent) ‘ and then select from the dropdown which page my new page belongs to (in this case ‘Research & Professional Development’). When the page is published the ‘FAQ’ menu item will appear in the main navigation when the user hovers over ‘Research & Professional Development’.

This is only necessary for child pages level pages (School to School, Enquiries etc) have no parent.

…………………………………………..

Testimonials

Within the wysiwyg editor type your testimonial. Select the testimonial text . Click the ‘Blockquote’ icon (6th from left) on the wysiwyg editor toolbar ; if you wish to create a narrow testimonial (ie as it may not fit adjacent to an image when you review the page) then click the ‘Text’ tab (adjacent to ‘Visual’ tab on the top right of wysiwyg editor toolbar).  Find the <blockquote> within the code and replace the <blockquote> tag with <blockquote id=”narrow”>. The testimonial will now display at the narrow width and fit pefectly nex to any images you may have added to the wysiwyg content.

Image captions

In the ‘Edit image’ page type your cation in the ‘Caption’ field. The caption will now appear below the photo on the page. See below for further info on managing images.

…………………………………………..

Some notes about images

Where images are required > click ‘Add image’ button or if you’re adding an image from within the wysiwyg editor click the ‘Add media’ button (above the wysiwyg toolbar). A box pops up. Click ‘Select files’. Find the image on your computer and click ‘Open’ to select it. Then (back on the pop up box) click ‘Select image’. Once you’re finished with adding text etc to your new page click ‘Publish’ or ‘Update’ (if it’s an existing page). View the page to check the images look right. If you wish you can edit the image from within the WordPress Admin area (see below)

Editing an image

Thumbnail images

The Full Width Photo needs to be a specific height / width. WordPress will create a crop of the correct dimension automatically however you may wish to crop it yourself more carefully (WordPress will crop the centre section).

Click /Hover ‘Media’ in the left sidebar menu > Click the image you wish to edit/crop.

Click ‘Edit image’ button > in the ‘Image Crop’ box enter the aspect ratio (2 x 1) for the thumbnail > hold down the shift key on the keyboard, place your cursor over the image and drag (whilst holding down shift) to select the area of image you want as you thumbnail. Click the top left icon ‘Crop’ > click ‘Save’ > ‘Update” and you’re done.