Title: Simple Fullscreen Responsive Slider Author: Chris Stephens Published: 24. juuni 2014 Last modified: 14. juuni 2015 --- Search plugins ![](https://ps.w.org/simple-fullscreen-responsive-slider/assets/banner-772x250.png? rev=937961) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/simple-fullscreen-responsive-slider/assets/icon-256x256.png? rev=980033) # Simple Fullscreen Responsive Slider By [Chris Stephens](https://profiles.wordpress.org/chrisstephens/) [Download](https://downloads.wordpress.org/plugin/simple-fullscreen-responsive-slider.zip) * [Details](https://et.wordpress.org/plugins/simple-fullscreen-responsive-slider/#description) * [Reviews](https://et.wordpress.org/plugins/simple-fullscreen-responsive-slider/#reviews) * [Installation](https://et.wordpress.org/plugins/simple-fullscreen-responsive-slider/#installation) * [Development](https://et.wordpress.org/plugins/simple-fullscreen-responsive-slider/#developers) [Support](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/) ## Description Simple Fullscreen Responsive Slider (or Simple Slider) is exactly that—an easy- to-use, lightweight, responsive slider plugin designed to add a fullscreen slide show to your front page. It supports multiple post thumbnails for slide backgrounds, has no branding, and you can edit all the CSS directly from the options page (or add it into your stylesheet and leave the custom CSS blank). **DEVELOPER-FRIENDLY** Or perhaps this section should read “client-friendly” as the plugin has no branding on the slide editor or options page. Our goal was to create a useful slider that other developers would feel comfortable with and enjoy using on client projects. Note: The plugin is intended for developers and changing its appearance requires customizing the default CSS. **CUSTOMIZABLE** The plugin provides either a fading or sliding transition (with customizable slide and effect durations), slide overlays, and allows developers to edit all CSS directly from the options screen. Alternatively, you can leave the custom CSS blank and add the required styles into your main stylesheet. **RESPONSIVE DESIGN** When combined with Chris Scott/VOCE Platform’s awesome Multiple Post Thumbnails plugin (see [ Multiple Post Thumbnails), users can attach up to six separate images for a true responsive slider. The plugin will prompt for six different backgrounds and use those images according to the device used (instead of sending large images to mobile devices and/or low resolution images to retina and 4K displays). If you leave a slot open, it will search subsequently smaller sized images so, at a minimum, you must attach an image to the smallest slot. The slider uses Patrick Kunka’s EasyFader jQuery plugin (visit https://github.com/ patrickkunka/easyfader for more information). ## Screenshots * [[ * The options panel for Simple Slider. ## Installation **INSTALLING THE PLUGIN** The plugin can be installed and activated in the usual fashion. See [Managing Plugins if you need help with this. **ADDING THE CODE** You will need to manually edit your theme and insert the following code to display the slider. This is typically added after your opening body or header tag and it will only work on your front page. The slider will not display properly if this is wrapped in additional tags. ``` ``` **SAVING THE OPTIONS** Lastly, you will need to, at a minimum, visit the slider options page and save the default options to the options database. You can do this from the newly created“ Settings > Slider Options” page. From here, you can style the slider by customizing the default CSS. As this plugin is designed for other developers the default CSS is quite basic. ## FAQ Let us know if you have any questions or suggestions! Q. What happens if I use MultiPostThumbnails but do not fill (attach) all of the image sizes? A. The plugin will search for subsequently smaller sized images and use them to construct the media queries. As a result, the first (and smallest) image slot is required. Q. What are the image sizes used by Simple Slider? A. On its own, Simple Slider provides one featured image slot for a “one size fits all” background. If you have Multiple Post Thumbnails installed, Simple Slider will instead prompt for: 1. Smartphones: 888px by 888px (max-width: 1136px) 2. Tablets: 1366px by 768px (max-width: 1599px) 3. Laptops: 1600px by 900px (max-width: 1919px) 4. Desktops: 1920px by 1080px (max-width: 2559px) 5. Retina Displays: 2560px by 1600px (max-width: 3839px) 6. 4K Displays: 3840px by 2160px (min-width: 3839px) Q. I can’t get my slider to show up on my home page? A. Chances are it’s getting wrapped with another tag that does not have the correct CSS. Q. How do I style the slider? A. The slider is intended for web designers and so customizing the appearance requires changing the default CSS. ## Reviews ![](https://secure.gravatar.com/avatar/1b676c8d4510d6cd9b727d44d95f0b5f96e0f395bd9d3aa0eb017bd3f82bd7d8? s=60&d=retro&r=g) ### 󠀁[Works like a charm](https://wordpress.org/support/topic/works-like-a-charm-839/)󠁿 [DTGGG](https://profiles.wordpress.org/dtggg/) 3. sept 2016 Highly customizable via css. Perfect picture scaling for fullscreen slides via cover and contain. [ Read all 4 reviews ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/) ## Contributors & Developers “Simple Fullscreen Responsive Slider” is open source software. The following people have contributed to this plugin. Contributors * [ Chris Stephens ](https://profiles.wordpress.org/chrisstephens/) [Translate “Simple Fullscreen Responsive Slider” into your language.](https://translate.wordpress.org/projects/wp-plugins/simple-fullscreen-responsive-slider) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/simple-fullscreen-responsive-slider/), check out the [SVN repository](https://plugins.svn.wordpress.org/simple-fullscreen-responsive-slider/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/simple-fullscreen-responsive-slider/) by [RSS](https://plugins.trac.wordpress.org/log/simple-fullscreen-responsive-slider/?limit=100&mode=stop_on_copy&format=rss). ## Changelog 1.0.4 – Minor CSS fix. Updated for WordPress 4.2.1. 1.0.3 – Minor bug fix. Updated for WordPress 4.0. 1.0.2 – Updated Dashicon and Plugin URL. 1.0.1 – Fixed a PHP Warning (Thanks @jonhurleydesign) 1.0.0 – Initial Release Tested to 3.9.2. ## Meta * Version **1.0.5** * Last updated **11 aastat ago** * Active installations **200+** * WordPress version ** 3.0.0 or higher ** * Tested up to **4.2.2.** * Language * [English (US)](https://wordpress.org/plugins/simple-fullscreen-responsive-slider/) * Tags * [fullscreen](https://et.wordpress.org/plugins/tags/fullscreen/)[fullscreen slider](https://et.wordpress.org/plugins/tags/fullscreen-slider/) [responsive](https://et.wordpress.org/plugins/tags/responsive/)[responsive slider](https://et.wordpress.org/plugins/tags/responsive-slider/) [slider](https://et.wordpress.org/plugins/tags/slider/) * [Advanced View](https://et.wordpress.org/plugins/simple-fullscreen-responsive-slider/advanced/) ## Ratings 4.3 out of 5 stars. * [ 2 5-star reviews ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/) ## Contributors * [ Chris Stephens ](https://profiles.wordpress.org/chrisstephens/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DAAYWU24GLCHL)