Wiki

Here are some guidelines to using the admin area and general styling rules.

Use the quick links on the right to jump to specific sections.

Media

Before uploading a media file give it a name that reflects its content. Uploading a file called ‘image-01.jpg’ is not descriptive enough, whereas calling it ‘claire-on-a-chair.jpg’ is much better.

Very large images are automatically resized on upload, to a max of 2048 pixels width or height. This is to ensure image files are kept to a reasonable size, yet large enough to use full-screen if wanted.

You can upload batches of images directly into the Media Library, or from the page you’re working on.

Page Layouts

Using the default page template creates a page with a sidebar. Each page’s sidebar can be set individually (See below). If you want to use the full-width style, select ‘Full Width’ from the Template options on the right of the page.

It may be quicker to start by copying an existing page and pasting the content into a new page. To do this go to the page you want to copy, ensure you’re in the CLASSIC MODE and click on the Text tab, next to the Visual tab (You will see the content along with html code). Copy all the code and either create or go to your new page. Ensure the same Text tab is selected and paste the code. Now either use the Visual tab or select the BACKEND EDITOR. Remember to save any changes.

As well as laying out pages in the normal way, you can use the BACKEND EDITOR to create rows and columns and insert all sorts of different types of content and styling options.

To use the backend editor, on the page you’re editing, click the blue BACKEND EDITOR button. To revert to classic editing mode, click on the blue CLASSIC MODE button (they replace each other).

Rows

Rows run across the page and may have a background colour, or a background image set.

Layout

The space on a page can be very important. You may want a row to butt up to the next, or you may decide it needs some space, or you may want to insert some space between the edge of a coloured text box and the text itself.

Using the Design Options you can set margins and padding, as well as border radius (rounded corners), background colour or background image.

If using more than one column, you can set them to equal height, if wanted.

  • Margin – the space between one element and the neighbouring one
  • Border – a line of division between the margin and padding, not used extensively
  • Padding – the space between text and its bounding box edge
Three places to edit each page element

Slideshows

Slideshows are quite intuitive to build and insert into pages.

A good starting point would be to duplicate one of the existing slideshows that most closely resembles the one in your mind. To do this, go to Layerslider WP, roll over the most suitable slideshow and click on the downwards-facing arrow. You will be presented with the option to Duplicate (amongst others) and clicking on it will create a copy, which you can click on to edit.

The first thing to do is change the title, by clicking on Slider Settings, entering your new title and clicking on Save Changes. You shouldn’t need to change any other settings here.

Next click on the Slides tab and ensure you’re on the slide you wish to change (Slide #1 if you’re going to change them all). The main features are setting the main Slide Background Image, Adjusting the Slide Timing Duration and perhaps the slide transition. The rest involves adding/editing text panes and dropping in logos in the layers, underneath the Preview pane.

The layers can be re-ordered, added to, made invisible and locked in place. Each layer can be build using images, text, html, video/audio or dynamic content from posts. This content can be further styled using the Styles and Transitions tabs.

Layers can be styled and positioned. Note that this text box has been set to a width of 500 pixels with Word-wrap, so the text flows from line to line.

Note: If when saving you get a Forbidden error pop-up window, simply click OK and Whitelist the action (OK, OK) and try saving again.

[NOTE add note about transitions? note how to insert into pages]

Resources

To add a resource:

  1. Go to the Portfolio and click on the ‘Example Resource’ entry.
  2. Now click on the blue ‘Classic Mode’ button, then select and copy all the content in the Visual pane.
  3. Now click on the ‘Add New Portfolio’ button on the left.
  4. Give the entry a title, paste (the example content) into the Visual pane and click on the blue ‘Backend Editor’ button.
  5. You can now follow the instructions in the Text block…