Serious Slider

Description

Overview

Serious Slider is a highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress.

Create beautiful, responsive slideshows within seconds. Use minimum styling and JavaScript with hardware accelerated CSS3 transitions to create a really fluid experience.

Live Demo | Documentation | Features | Support

Serious Slider uses the very familiar WordPress dashboard interface for creating slides and sliders so there’s absolutely no learning curve. You just select the media image and press “Create Slider”. After that it’s like adding or editing WordPress posts, using featured images and other meta information like buttons and URLs.

Serious Slider works with all WordPress themes and has been designed to integrate seamlessly with our own selected themes.

Main Features

  • Create unlimited sliders with unlimited slides. The only limit is your imagination on how to use them.
  • Add titles, texts, buttons and links to each slide. All slide texts support HTML tags and even other shortcodes.
  • Easy to use media button. Effortlessly add slideshows in posts, pages or custom post types via the “Add Slider” media button in the WordPress text editor. Then just select your desired image slider from a dropdown list, no need to remember or copy slider IDs
  • Auto-generated Shortcodes and PHP integration. Use the auto generated shortcode to include slideshows with themes or other plugins. Copy-paste the auto generated PHP code to integrate with custom code.
  • Serious Slider Widget. Display slideshows in sidebars via the provided Serious Slider widget
  • Use multiple sliders in the same page.
  • Familiar admin user interface. Create sliders and slides with the familiarity of managing posts and categories, without having to learn another user interface
  • Lightweight and powerful. Only minimum JavaScript and CSS3 are being loaded on your site
  • Fast slider creation. Create awesome, responsive WordPress slideshows in a matter of seconds
  • Browser compatibility. The image slider looks and behaves great on various devices and browsers
  • 7+ Appearance Styles. Choose from different appearance styles to make the navigation arrows, bullets, buttons and colors match your site.
  • 7+ Transition Effects. Fade, Slide, Overslide, Underslide, Parallax, Horizontal flip and Vertical Flip.
  • 5+ Caption Text Animations. Choose how caption text appears on the slide: Fade, Slide, Blur and Zoom In/Out.
  • Highly customizable. Customize image sizes, timings, text size and alignment, text shadow, background color and accent color.
  • Individual options for each slider. All the customization options and set individually for every slider.
  • Translation ready. Every single line of text in the slider is translatable both in the front-end as well in the back-end. Compatible with multi-language plugins (WPML, qTranslate, PolyLang).
  • SEO friendly. Built with search engines in mind, the slider uses correct HTML semantics.
  • Accessibility ready.
  • Once click demo content. It’s that easy, you’re one click away from a working image slider to get you started.

Customization Features

  • Add individual URLs to target specific pages
  • Add slide buttons with customizable link, link text and “open in new window” option
  • Choose how to make text over images more visible: either add text shadow, multiline text background or full caption background
  • Choose from 7 slider styles, 7 transition effects and 5 caption text animations
  • Customize your slider’s transition duration and delay
  • Choose between auto-height and fixed size for your images
  • Customize your slider’s font size, text alignment, caption size and accent color

Functionality Features

  • Our image slider uses WordPress core functionality only, providing you with the familiar WordPress interface for creating both slides and slides.
  • Easily transfer existing slides from one slider to another
  • Schedule slides to automatically become visible at any time in the future.
  • Quickly restore deleted slides from the Trash
  • Use WordPress’ text editor to add HTML content and even shortcodes to your slides
  • Bulk edit slides and slides

Screenshots

  • Serious Slider default (Light) style
  • Serious Slider Dark style with caption text background
  • Serious Slider Caption Left style
  • Dashboard - create new slider
  • Dashboard - manage slides overview
  • Dashboard - slider integration

Installation

Automatic installation

  1. Navigate to Plugins in your dashboard and click the Add New button.
  2. Type in “Cryout Serious Slider” in the search box on the right and press Enter, then click the Install button next to the plugin title.
  3. After installation Activate the plugin, look for Serious Slider in the dashboard menu to set up a slider.

Manual installation

  1. Upload cryout-serious-slider folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Navigate to Serious Slider in the dashboard menu to set up a slider.

Creating the first slider

  • Create a sample slider using the plugin’s demo content functionality, or
  • Follow our slider set-up tutorial

FAQ

Installation Instructions

Automatic installation

  1. Navigate to Plugins in your dashboard and click the Add New button.
  2. Type in “Cryout Serious Slider” in the search box on the right and press Enter, then click the Install button next to the plugin title.
  3. After installation Activate the plugin, look for Serious Slider in the dashboard menu to set up a slider.

Manual installation

  1. Upload cryout-serious-slider folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Navigate to Serious Slider in the dashboard menu to set up a slider.

Creating the first slider

  • Create a sample slider using the plugin’s demo content functionality, or
  • Follow our slider set-up tutorial

Reviews

Great

Just made the update to version 1 and it’s incredible. Fits perfectly with my theme.

Easy, Easy!

Just as advertised! Easy to use, comes with a sample slideshow for reference and several out of the box nice looking templates. Use normal WP editor to add text and links to slides.

Only reason I gave it a 4 instead of a 5-star rating is that I don’t care for the shadow on the navigation arrows when hovering over the pictures, and the coding could use a little fine tuning for a better view on portrait view on smaller devices. Otherwise, a first-rate product.

Read all 2 reviews

Contributors & Developers

“Serious Slider” is open source software. The following people have contributed to this plugin.

Contributors

“Serious Slider” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Serious Slider” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.3

  • Fixed slider indicators being left aligned in Webkit browsers
  • Tweaked and re-checked all slider styles

1.0.2

  • Fixed shortcode attributes filter in wrong location and not working
  • Fixed slider missing indicators when ‘cryout theme’ style is used
  • Fixed slider description field being visible when HTML descriptions are enabled
  • Improved ‘manage slider’ section appearance and responsiveness

1.0.1

  • Fixed notice of undefined function call in shortcodes.php
  • Updated info on plugin about page

1.0.0

  • Added 4 new design styles (Square, Tall, Caption Left & Caption Bottom)
  • Totally revamped design of existing styles (Light, Dark, Bootstrap & Cryout)
  • Added slider buttons with up to 2 buttons per slide (with customizable label and link); removed in-caption links styling
  • Added caption alignment and caption max-width options
  • Added caption text styling option
  • Added accent color option
  • Added caption animation option with 4 effects
  • Added quick image management (add/change/remove) in the slides list section
  • Added ‘orderby’, ‘hidecaption’, ‘hidetitle’ slider shortcode parameters
  • Updated caption markup for compatibility with our Kahuna and Anima themes built-in styling
  • Several minor tweaks:
    • link to slides management in the slider section, added ‘Insert Slider’ button next to ‘Insert Media’;
    • moved toolbar button to secondary TinyMCE Editor row;
    • updated plugin info and links;
    • new banner and icon images;
    • added missing ‘no sliders’ message;

0.6.5

  • Added ‘shortcode’ column in sliders list
  • Fixed animation hiccup on some versions of Safari
  • Fixed slider bullets alignment
  • Fixed unclosed label in widget HTML markup
  • Changed class initialization hook to ‘setup_theme’

0.6.4

  • Added check to hide caption titles and text when they are not defined
  • Fixed widget slider no longer displaying slider output buffering shortcode in 0.6.1
  • Improved styling to remove prev/next buttons border on some themes

0.6.3

  • Fixed leftover debug output in 0.6.2

0.6.2

  • Fixed slides links always opening in a new window

0.6.1

  • Fixed extraneous slide/term fields being visible after double quick edit
  • Fixed version information not updated in about page
  • Fixed slide image not vertically center-aligned when image is narrower than screen
  • Improved slider captions responsiveness
  • Fixed slider being displayed at top of content due to improper outputting (also separated inline script and moved to footer enqueue)
  • Removed some log messages that would appear in the browser’s console
  • Fixed overslide, underslide and parallax transitions functionality on 3D-enabled browsers

0.6

  • Enabled quick-edit functionality on the sliders
  • Fixed slider query overlapping WordPress query in specific usage scenarios (thanks to webdragon)
  • Limited dashboard resource loading only to plugin’s sections
  • Fixed multiple instances of the same slider missing styling after moving inline styling to footer in 0.5.1
  • Added extra taxonomy hook for support in Cryout themes
  • Fixed animation glitch on Fluida theme

0.5.1

  • Moved inline styling to footer
  • Fixed responsive styling issue on about page
  • Added widget HTML wrapper for better compatibility with themes
  • Added get_sliders_list() function for custom theme integration
  • Improved ‘No slides’ message to link to slider management / sample slider loader.
  • Corrected slider selection label in slider metabox
  • Corrected insert slider window to display ‘no slider available’ message when there are no sliders
  • Fixed missing closing bracked in template code example
  • Fixed slider image tag to only be outputted when an image was defined
  • Improved contrained slider layout
  • Fixed missing insert slider icon in TinyMCE editor

0.5

  • Initial release.