Title: Simple Fullscreen Responsive Slider Author: Chris Stephens Published: 2014 年 6 月 24 日 Last modified: 2015 年 6 月 14 日 --- 搜索插件 ![](https://ps.w.org/simple-fullscreen-responsive-slider/assets/banner-772x250.png? rev=937961) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://ps.w.org/simple-fullscreen-responsive-slider/assets/icon-256x256.png? rev=980033) # Simple Fullscreen Responsive Slider 作者：[Chris Stephens](https://profiles.wordpress.org/chrisstephens/) [下载](https://downloads.wordpress.org/plugin/simple-fullscreen-responsive-slider.zip) * [详情](https://cn.wordpress.org/plugins/simple-fullscreen-responsive-slider/#description) * [评价](https://cn.wordpress.org/plugins/simple-fullscreen-responsive-slider/#reviews) * [安装](https://cn.wordpress.org/plugins/simple-fullscreen-responsive-slider/#installation) * [开发进展](https://cn.wordpress.org/plugins/simple-fullscreen-responsive-slider/#developers) [支持](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/) ## 描述 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). ## 屏幕截图 * [[ * The options panel for Simple Slider. ## 安装 **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. ## 常见问题 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. ## 评价 ![](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/) 2016 年 9 月 3 日 Highly customizable via css. Perfect picture scaling for fullscreen slides via cover and contain. [ 阅读所有4条评价 ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/) ## 贡献者及开发者 「Simple Fullscreen Responsive Slider」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Chris Stephens ](https://profiles.wordpress.org/chrisstephens/) [帮助将「Simple Fullscreen Responsive Slider」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/simple-fullscreen-responsive-slider) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/simple-fullscreen-responsive-slider/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/simple-fullscreen-responsive-slider/)， 或通过[RSS](https://plugins.trac.wordpress.org/log/simple-fullscreen-responsive-slider/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/simple-fullscreen-responsive-slider/)。 ## 更新日志 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. ## 额外信息 * 版本 **1.0.5** * 最后更新：**11 年前** * 活跃安装数量 **200+** * WordPress 版本 ** 3.0.0 或更高版本 ** * 已测试的最高版本为 **4.2.2.** * 语言 * [English (US)](https://wordpress.org/plugins/simple-fullscreen-responsive-slider/) * 标签 * [fullscreen](https://cn.wordpress.org/plugins/tags/fullscreen/)[fullscreen slider](https://cn.wordpress.org/plugins/tags/fullscreen-slider/) [responsive](https://cn.wordpress.org/plugins/tags/responsive/)[responsive slider](https://cn.wordpress.org/plugins/tags/responsive-slider/) [slider](https://cn.wordpress.org/plugins/tags/slider/) * [高级视图](https://cn.wordpress.org/plugins/simple-fullscreen-responsive-slider/advanced/) ## 评级 4.3 星（最高 5 星）。 * [ 2 条 5 星评价 ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/?filter=4) * [ 1 条 3 星评价 ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/?filter=2) * [ 0 条 1 星评价 ](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) [查看全部评论](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/reviews/) ## 贡献者 * [ Chris Stephens ](https://profiles.wordpress.org/chrisstephens/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/simple-fullscreen-responsive-slider/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DAAYWU24GLCHL)