RoyalSlider – A Premium, Responsive Content Slider for WordPress

Saturday 25th, March 2017 / 07:47 Written by
RoyalSlider – A Premium, Responsive Content Slider for WordPress
840 Flares Twitter 0 Facebook 0 Google+ 8 LinkedIn 0 StumbleUpon 832 Filament.io 840 Flares ×

The new version of RoyalSlider has adapted recent web design trends, such as a responsive design and touch swipe navigation. It is a completely new and updated slider from the previous versions of it and compared to most other sliders it is packed with features and layout options. It has been a crowd favorite with over 8000 downloads and a high star rating. There are many WordPress slider plugins to shoose from, just check this post, but not all of them are responsive and have the as many cool features as RoyalSlider.

The key features of the slider includes touch navigation for both mobile and desktop, support for CSS hardware acceleration on devices, Youtube and Vimeo videos, Smart lazy-loading and other premium features.

RoyalSlider is a WordPress plugin, which means it is easy to install and setup inside your WordPress admin area. Once it is installed, you can start configuring the plugins and set up how the slider look and to define your own dynamic slide decks. Check out the live demo of the slider before you read on!

Creating New Slides

When you start using RoyalSlider you will be asked to choose between various types of sliders. The custom slider option allows you to setup your slider completely as you like it. You can choose from the following:

  • Custom Slider – build your own slider from scratch, upload images, create custom HTML designs.
  • Slider from your posts – self explanatory, create a slider from all your posts.
  • Flickr gallery – grab your images from Flickr to create a slider for your website using the Flickr API.
  • 500px gallery – this image gallery grabs your images from 500px.com
  • Default WordPress Gallery – for image galleries that will be added inside posts.

royal-slider-slider-types

You have different options on to what type of slider you wanted to go with.

Adding Images to the Slider

Once the slider has been created, the next you do is to add slides. It is fairly easy to work with the options panel of RoyalSlider. Adding images is quick via the drag and drop interface of the slider’s image uploader.

adding-images

Upload your image into the server and choose the picture from your media library.

The RoyalSlider Options Panel

RoyalSlider’s options panel has a visual and almost “no-brainer” interface. First you choose a template to

It is fairly easy to manage and work with, all the necessary customizations can be done thru their dropdown menu interface.

slider-styles

The template options panel  includes thumbnails, full screen layout, custom HTML elements and more.

The slides are edited individually and it is easy to embed a video into the slide.

slider-options

Add videos from Youtube or Vimeo by typing in the URL in the options panel.

One thing I personally like in this slider is the ability to incorporate custom HTML codes into your slide, aside from the image and video add-on that it also allows. Web developers who are comfortable messing up with HTML codes would love to have this feature.

html-content-editor

The custom HTML editor in action.

Working With Images

RoyalSlider’s neat options panel makes it easy for us to build our slider. It also sports a drag and drop interface for rearranging and positioning the images.

image-drag-drop

Drag and drop to arrange the images according to your preference. You can also delete images by scrolling over it. A delete, zoom and edit button shows up.

You can also preview the images you have added to the slider directly in the admin area:

image-preview

You can add custom HTML designs, code snippets and other elements into the image. The CSS styler is a handy tool to style the HTML codes you previously added. The editor also previews the image being edited to the actual size, placing the HTML blocks would be easier as you would have the idea on how it would probably look in the website.

html-block-editor

 

Conclusion

First, RoyallSlider is proven and the large satisfied user base makes it a safe choise. In addtion, the plugin has the right amount of built in features while maintaining a user friendly admin panel. One of the strength of this slider is the ability to place custom HTML code snippets into the slides. The HTML markup feature allow developers control the slider even more.

Responsiveness of the slider to different screen sizes is another top-notch feature. If you are looking to have an all-around slider for your website, do not forget to add this yet another premium slider to your list.

840 Flares Twitter 0 Facebook 0 Google+ 8 LinkedIn 0 StumbleUpon 832 Filament.io 840 Flares ×

About the author

Hi Guys, I'm David a WordPress enthusiast and a full time writer. I have been playing around with WordPress for the past few years and right now I am expanding my knowledge by searching doing reviews of themes and plugins. Hope you enjoy my posts.

View all articles by David