User guide

Instructions

I’ve written instructions for the main Wunderbar editing tasks on this page.

Template Documentation

Instructions that are specific to the Scroller Theme – for general reference – a bit vague for instructions.

Documentation (how to use Scroller)

Theme Demo

 

Projects Portfolio

 

  • LH Menu >> Portfolio >> Add new
  • Enter project name
  • Select Categories
  • Date – Edit the ‘Publish Immediately’ date to the date of the event. (The projects will appear in the order that they are entered onto the system, most recent first. However you can edit the ‘Publish’ date to control this order.)

Right-hand content

  • Enter the caption text in the Project Description box
  • Enter the Artist and Date in the Manual Info Box at the bottom of screen ** Date format
  • Un-tick the Discuss/Comments Buttons

Image Prep

  • Multiple images can be added for each project. They should be the same size for one project, but different projects can have different sized images (eg if one project has mainly portrait images)
  • Most of the flickr images are 3888 wide x 2592 high. You can upload these images as they are. If the dimensions are different, re-size to 1920px wide x 1200px high

Add  Featured Image

  • Click RH ‘Set featured Image’ >> Upload Files >> select a file and upload. This image will display on the ‘all projects’ page, and at the top of the individual project page

Add  more Images to create a slideshow

  • Click ‘Add media’ >>  Upload Files >> select a files and upload in the order you wish they to appear. Close the dialogue box (Don’t click ‘Insert into post’). Once you have uploaded files to the portfolio post, they will automatically appear in the slideshow.

Remove images from the slideshow

  • LH Menu >> Media >> Find the image and click ‘Delete Permenantly

Video only (no images)

  • Copy the iframe code from Vimeo (click share icon to get the code) and paste into the ‘Video embed code’ box
  • Edit the iframe code as shown below – delete the caption, and change the dimensions. The height may vary depending on the aspect ratio of each video, width always 662px

    MAH03742 from Wunderbar Festival on Vimeo.

     

     

     

 Video (in addition to top slideshow images) 

  • If you have images and video, upload the images to the project post to go in the slideshow, then put the video lower down the page (probably under the text, so there’s a gap between the images and video.
  • To insert the video, copy and paste the URL and it will automatically embed in the page at the correct size (see admin view of this page in’ Text view’ to copy the shortcode) to see example of URL for the video below
  • Click Publish. You can also save as a draft, and preview draft (top right)

Posts (News/ What if)

 

  • LH Menu >> Posts >> Add new
  • Enter post title
  • Select Category – News
  • Date – edit if it’s an old post
  • Author – edit if it’s an old post

Image Prep

  • Multiple images can be added for each post. They should be the same size/shape for one post, but different posts can have different sized images (eg if one project has mainly portrait images)
  • Re-size to approx 1290px wide x 1080px high if there large – the most important thing is that multiple images on one post are the same. They ca be different ration to 1290px wide x 1080px

Add  Featured Image

  • Click RH ‘Set featured Image’ >> Upload Files >> select a file and upload. This image will display on the ‘all projects’ page, and at the top of the individual project page

Add  more Images to create a slideshow

  • Click ‘Add media’ >>  Upload Files >> select a files and upload in the order you wish they to appear. Close the dialogue box (Don’t click ‘Insert into post’). Once you have uploaded files to the portfolio post, they will automatically appear in the slideshow.

Remove images from the slideshow

  • LH Menu >> Media >> Find the image and click ‘Delete Permenantly

Video only (no images)

  • Copy the iframe code from Vimeo (click share icon to get the code) and paste into the ‘Video embed code’ box
  • Edit the iframe code as shown below – delete the caption, and change the dimensions. The height may vary depending on the aspect ratio of each video, width always 662px 

    MAH03742 from Wunderbar Festival on Vimeo.

     

     

     

 Video (in addition to top slideshow images) 

  • If you have images and video, upload the images to the project post to go in the slideshow, then put the video lower down the page (probably under the text, so there’s a gap between the images and video.
  • To insert the video, copy and paste the URL and it will automatically embed in the page at the correct size (see admin view of this page) to see example of URL for the video below
  • http://vimeo.com/71960207
  • Click Publish. You can also save as a draft, and preview draft (top right)

What if sidebar / right-hand widgets

The text to the right on the What if category if in a Widget:

  • Go to Appearance >> Widgets >> then open the Sidebar widget, eg Text: WHAT IF
  • Edit the text and click update. 
  • If you want to put linksin here, it’s easiest to create you text in the wordpress editor which writes the code for you. ie here type the text ad links, go to text view, copy and paste the code.

 

Homepage – “Scroll Layout”

  To edit the homepage Scroll Layout, Go to:

  • LH Menu >> Layout >> Layout
  • You will see all the sections on the homepage scroll layout (“No Title” is the  About Us Paralax header/ “Playfully disruptive”)
  • Click on the section you want to edit.
  • Edit the content and click update to save.
  • See the Scroller Documentation for how to edit the Layout and add Shortcode content

 

Main Menu

To add a Page to the scroll menu (as opposed to a Layout Section)

  • LH Menu >> Appearance >> Menus
  • Select the page from the left-hand box, click Add to menu
  • Label it with CSS class: external
  • Drag and drop to put the place in the right
  • Click to Save menu

widgets on pages search

ULW search
UWP Project Search
 

SEO ‘WordPress SEO by Yoast’

Fill in the SEO sections for each project, Post and Page –

  • Focus keyword – the top search word that people would type in to find this post
  • SEO Title – shows at the top of the ‘Preview Snippet’, eg in google search list
  • Meta description shows under the title of the ‘Preview Snippet’

 

Homepage – “Slider”

 

  • Prepare images to 1920px wide x 1200px high, save as 95% quality  jpeg
  • LH Menu >> Slider >> Slider
  • Add new slider

 Homepage  Slider Aeroplanes – 

  • View these is code view (as they are white on white here!)  ideally they should run in order: 1 on the oldest slider, 2 on the next slider etc, but a bit of randomness would work ok too… keeping them in order could be annoying if we want to shuffle the slides around regularly

 

Aeroplane1

Wunderbar

Aeroplane2

Aeroplane3

Aeroplane4

Aeroplane5

Wunderbar

Aeroplane6

Wunderbar

Aeroplane7

Wunderbar

Aeroplane8

Wunderbar