Slider Revolution

Offshore includes the popular Revolution Slider Created By ThemePunch. This slider is a beautifully animated slider that is 100% responsive and has some amazing options. We cannot cover everything here but we outline how to setup a slider and how to add slides to it. We also include a video tutorial walk through.

View ThemePunch Documentation  Purchase Plugin For Auto Updates*

* Your purchase of Offshore includes a copy of the Revolution Slider. If you wish to receive auto updates and plugin support from ThemePunch, it requires a separate purchase of the plugin.

 

Revolution Sliders & Slides

How To Create A New Revolution Slider

  • Step 1 – Click on the ‘Revolution Slider’ tab on your WP admin sidebar. Once on this tab, click the ‘New Slider’ button.
  • Step 2 – Select the content source type from the 1st section called ‘Content Source’. If you choose ‘Post-Based Slider’ or Specific Posts, please refer to the Revolution Slider Docs for information on how to set up Content Source types.
  • Step 3 – Insert a slider name and alias from the 2nd section called ‘Slider Title & Shortcode’. The alias text will generate a shortcode that can be used in the editing field of pages or posts.
  • Step 4 – Select a layout in the 3rd section called ‘Select a Slider Type’ and each type will have its own settings. Once you’ve selected a Slider Type, you can also choose to load a preset from that Slider Type.
  • Step 5 – Set the layout and resolution settings from the 4th section called ‘Slide Layout’. Here, you can set different heights and widths for your slider when viewed on different mobile screens or view ports.
  • Step 6 – On the right hand side, you’ll find many more options you can set for you slider, such as General, Layout & Visual, Navigation, etc. Each option will have a self-explanatory description, so feel free to explore each tab and test the options out.
  • Step 7 – Once you are done, click the green ‘Save Settings’ button at the very bottom of the page, or the green save icon on the top of the screen.

 

How To Add Slides To Your Slider

  • Step 1 – Go to the Slider Revolution tab on your WP admin sidebar and select the Slider you’d like to add slides to from the Revolution Sliders section.
  • Step 2 – Hover over the ‘Add Slide’ button and select the type of slide you’d like to add. Once selected, it will create a new blank slide.
  • Step 3 – You can change the title of your new slide by hovering on it, and clicking the name field. Enter your new name, then click the pencil icon right beside it to save your new slider name.
  • Step 4 – Before you reach the Slide Editor, you’ll find additional tabs that allows you to set the slide’s Main Background, General Settings, Thumbnail, Slide Animation, Link & SEO, etc. We won’t go into detail on what each option in these tabs do, but please feel free to check out each option.
  • Step 5 – Below the page is the Slide Editor. To add a new layer, hover over the blue ‘Add Layer’ button on the top left side of the canvas and select which type of layer you’d like to add. You can add a Text/HTML layer, an Image layer, a Video layer, a Button layer, a Shape layer, etc.
  • Step 6 – Once you add a layer, You can customize it further by using the tabs on top of the canvas. These tabs are the Style tab, Animation tab, Loop tab, Visibility tab, Behaviour tab, etc. We won’t go into detail on what each option in these tabs do, but feel free to check out each option.
  • Step 7 – You can switch to and from layers using the dropdown beside the ‘Add Layer’ button. On this toolbar, you’ll also find the image icon, resize icon, delete icon and duplicate icon.
  • Step 8 – If you enable the ‘Custom Grid Size’ options under the ‘Slide Layout’ section in the Slider Settings, you’ll also find viewport icons where you can change between viewports and adjust how the slider is displayed on each.
  • Step 9 – Below the canvas is the Animation Timeline. Here, you can see all the layers you currently have. You can rearrange layers here, and you can also click the Play button to Preview the slide’s animations.
  • Step 10 – Once finished, click the green save icon on the upper right part of the screen. Keep repeating this process for any new slides you’d like to create.
Was this article helpful to you? Yes No