This lightweight plugin creates an slider that is placed where you need it in your own wordpress/jquery website.
jquery Slider Shock is highly configurable, you can choice from 39 skins included transparent, select a pattern from 21, choose the background color, the transitions, the limit of slices, the skin of the arrows, change the height of the images, images alignment, the text format, the thumbs position and the data source from wordpress post types, categories and taxonomies, RSS, Youtube, Twitter, Flickr or Instagram images.
jQuery Slider Shock has a very complete documentation into which you can find from how to set it up to more advance usage.
Among its features, you can easily add thumbnails on any of the sides of the slider ( top, bottom, left, right ) allowing users to navigate easily between slides; add videos from YouTube, Vimeo or Hulu; create a unique slider adding not only videos or only images, but they both between slides.
You can have as many sliders as you want in the a single page, also you can choose if your images or videos are shown slow or fast defining the delay time.
You can customize the slider appearance like background color, text format, height and position of the images and skins among other things.
By WpThemeShock and
WpThemeGenerator,
see it in action.
- Upload jQuery Slider Shock 1.0 to the /wp-content/plugins/ directory
- Activate the plugin through the 'Plugins' menu in WordPress
- Make sure that in the header.php file, is included on the line 63, the version 1.7.2 or higher of jQuery. In that line, the following code is what should be:
4. Create a category or use an existing one: Images with the same category will be shown on a slider. Example: images with category france will show on a slide while Images with category Spain will be shown in another one.
5. Add a new Slide for each image: In order to insert an image to the slider, that image must be uploaded on a post. Any text placed on the post will be the caption text and the tittle of the post (if any) will be the slide tittle.
6. The image uploaded must be set as a featured image for that post.
7. Also, the category created must be checked while creating the post.
8. Once created and published the posts with the featured images, go to the Slidershock control panel in the dashboard, and select the category you classified the images in from the categories dropdown menu. In the controls area, configure the slider settings at your convenience having in mind that the number of slides you select is the number of slides that will be shown disregarding how many images have you uploaded to slider.
9. Copy the shortcode generated on a new post. The tittle of the post will be the slide tittle. any text besides the short code will be external text. Publish it.
== Screenshots ==
1. Controls in slidershock are divided in three functional areas: (1) Content area - (2) Controls area - (3) Shortcode area
2. Create a category or use an existing one: Images with the same category will be shown on a slider.
3. Add a new Slide for each image: In order to insert an image to the slider, that image must be uploaded on a post.
4. The image uploaded must be set as a featured image for that post.
5. Also, the category created must be checked while creating the post.
6. The result should be like this.
== Changelog ==
### 1.0
== Upgrade notice ==
== Features ==
1. Complete documentation.
2. Add thumbnails on any of the four sides of the slider.
3. Add videos from any of your favorite videos host.
4. Several sliders in the same page.
5. Adjust captions width and position.
6. Select a specific image width.
7. Select a color or a pattern background for your labels.
8. Fully responsive, mobile ready ( Premium ).
9. Deactivate responsiveness and choose a fixed size.
10. Create a video slider or get external sources.
11. Mix videos and images inside the slider.
12. Add a background to the text captions inside the Slider.
13. Add background patterns via external URL.
14. Add margins to your images.
15. Pick a style for title and text.
16. Adjust width and position of your captions.
17. Select a skin for your slider ( Premium ).
18. Several slides sources, even external ( Premium ).
19. Add captions to your slides.
20. Choose delay time.
21. Add thumbnail labels.
22. Choose how many slides you want to show.
23. Several transition effects ( Premium ).
24. Select the style of the arrows.
