Using the AUSteve-Gallery-preview plugin

To create a new Media Category for a project

  • Go to Media -> Media Categories
  • Use whatever name you like
  • Set a slug that makes sense, lower case letters and hyphens only
  • Add it to a parent category if applicable

To upload images for a project

  • Go to Media -> Library -> Add New
  • Select your image files (jpg, png or gif)
  • One-by-one click on each new image after it’s been uploaded
    • Set the media category by ticking the appropriate box (more than one can be selected)
    • Set relevant names, captions & alternative text for your images to help with search engine optimization (SEO), to get your site up the Google rankings
  • You can filter your media library by category to ensure all images have been put in the right category

To create a new project page

  • Go to Pages -> Add New
  • Give your page a title – the title of your project
  • Set the Parent page
  • Leave the template as ‘Default’
  • Set whatever content you like, you can use html tags for emphasis and layout if you know what you are doing in the Text (HTML) view, otherwise use the Visual view
  • To include the gallery for your project paste the following into the page, and update the slug to match your project
No images found for this category
  • Save your changes and view the page using the ‘View page’ button towards the top of the screen

To add your project page to the parent page

  • This is done by modifying the sidebar specific to your parent page, you’ll need these values before proceeding
    • Check which sidebar to modify by opening up the parent page editor and checking which template is being used (Pages -> the parent page)
    • Find the URL of the image you want to use as a preview image by opening the image in your media library (Media -> Library)
    • Get the URL of your project page (Pages -> project page -> View page, then  copy the whole URL)
  • Once you know the above, go to Appearance -> Widgets
  • Drag the ‘AUSteve Gallery Widget’ from the list of available widgets onto the sidebar of choice
  • Once in the sidebar, edit the Title to reflect your project title.
  • Paste the URL of one of your project images into the Preview image field.
  • Paste the URL of your project page into the ‘Link URL’ field
  • Enter the text that you want to appear on the preview button in the ‘Link wording’ field
    • Generally, this should be the same for all of your sidebar widgets
  • Save each widget added