Title: Content Grid Slider Author: councilsoft Published: 2014 年 4 月 25 日 Last modified: 2014 年 9 月 12 日 --- 搜索插件 ![](https://ps.w.org/content-grid-slider/assets/banner-772x250.png?rev=902657) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://s.w.org/plugins/geopattern-icon/content-grid-slider_e7e7e7.svg) # Content Grid Slider 作者：[councilsoft](https://profiles.wordpress.org/councilsoft/) [下载](https://downloads.wordpress.org/plugin/content-grid-slider.1.5.zip) * [详情](https://cn.wordpress.org/plugins/content-grid-slider/#description) * [评价](https://cn.wordpress.org/plugins/content-grid-slider/#reviews) * [安装](https://cn.wordpress.org/plugins/content-grid-slider/#installation) * [开发进展](https://cn.wordpress.org/plugins/content-grid-slider/#developers) [支持](https://wordpress.org/support/plugin/content-grid-slider/) ## 描述 [Plugin’s Link](http://www.councilsoft.com/products/wordpress-plugins/content-grid-slider/) [Plugin’s Demo](http://www.councilsoft.com/content-grid-slider-demo/) Content Grid Slider uses custom post type for slides. This plugin allows you to add a carousel type grid slider with posts containing text and a custom link to redirect on a custom page by using custom posts. You can make different groups of posts depending upon your requirements. You can add custom page URL’s to your posts where you want to redirect users. You can use this on pages(recommended), widgets and even in your template files via shortcode. You have full control over their grouping and their sort order. A new feature of preview in color settings page has also been added. You can also see the live preview of slider while changing colors without actually saving it. If you see any formatting while copying the shortcode in visual mode, please remove formatting from wordpress dashboard. #### Steps to follow for creating grid slider with content * Go to ‘Grid Slider’ and click on ‘Add New Slide’ * Give title, and short description(3-4 list items recommended) * Set feature image for post thumbnail * Additionally you can select `Target Page URL`, where you want to redirect your user on read more link. * You can select a page, a post or even a custom page URL for redirecting Page. * You can also select `Target` attribute whether you want to open link in same window or another window. * Then you can use shortcode according to your needs * We recommend you to use one slider per page #### Simple Usage (Shortcode) ``` [content-slider] ``` #### Simple Usage (PHP) ``` ``` #### Advanced Usage (Shortcode) ``` [content-slider groups=3 orderby=ID] ``` #### Advanced Usage (PHP) ``` ``` #### Additional Features * Set Page URL – URL on which you want to add Read More link * Shortcode – Add rotating slides(in grids) like carousel slider to pages or Text Widget using the [content-slider] shortcode. * PHP Function – Embed Content Grid Slider in your template files with do_shortcode(‘[ content-slider]’) function. * Content Grid Slider Groups – Set up ‘Groups’ to display different groups of grid slides in different places. (_Example: Home Page, portfolio, Products, etc…_) ## 屏幕截图 [⌊Live view of Content Grid Slider⌉⌊Live view of Content Grid Slider⌉[ Live view of Content Grid Slider [⌊Responsive View of Content Grid Slider⌉⌊Responsive View of Content Grid Slider⌉[ Responsive View of Content Grid Slider [⌊Add a new Content Grid Slider slide⌉⌊Add a new Content Grid Slider slide⌉[ Add a new Content Grid Slider slide [⌊Groups of Slides for different pages⌉⌊Groups of Slides for different pages⌉[ Groups of Slides for different pages [⌊View a list of all of the Content Grid Slider slides you've created⌉⌊View a list of all of the Content Grid Slider slides you've created⌉[ View a list of all of the Content Grid Slider slides you’ve created [⌊Configure the Content Grid Slider's settings⌉⌊Configure the Content Grid Slider's settings⌉[ Configure the Content Grid Slider’s settings [⌊Preview of Shortcode Generated⌉⌊Preview of Shortcode Generated⌉[ Preview of Shortcode Generated [⌊Custom color Settings⌉⌊Custom color Settings⌉[ Custom color Settings [⌊Live preview of color applied⌉⌊Live preview of color applied⌉[ Live preview of color applied [⌊Custom Ordering of slides⌉⌊Custom Ordering of slides⌉[ Custom Ordering of slides [⌊Add shortcode to Page⌉⌊Add shortcode to Page⌉[ Add shortcode to Page ## 安装 This section describes how to install this plugin and get it working. 1. Upload the ‘Content Grid Slider’ folder to the ‘/wp-content/plugins/’ directory 2. Activate the _Content Grid Slider_ plugin through the ‘Plugins’ menu in WordPress 3. Generate shortcode by selecting ‘Content Grid Slider’ > Settings. 4. Insert the shortcode into your pages, Text widget or by adding the PHP template code to your theme’s template files. ## 常见问题 * See complete tutorials page at [Content Grid Slider Tutorial](http://www.councilsoft.com/products/wordpress-plugins/content-grid-slider/) * See Demo at [Content Grid Slider Plugin Demo](http://www.councilsoft.com/content-grid-slider-demo/) ## 评价 ![](https://secure.gravatar.com/avatar/3a103974089c7f1da296c5316466b818a7883afd6b045718c5c5e3f9841f7db1? s=60&d=retro&r=g) ### 󠀁[Love the Plugin](https://wordpress.org/support/topic/love-the-plugin-44/)󠁿 [006](https://profiles.wordpress.org/006-1/) 2017 年 2 月 7 日 Amazing plugin and absolutely fabulous support! Very thankful ![](https://secure.gravatar.com/avatar/b0760dc0c663c271f56f81b5091319f60cdc9cabdd8f4df94ac29b40695d0ad6? s=60&d=retro&r=g) ### 󠀁[Simply wonderful](https://wordpress.org/support/topic/simply-wonderful-8/)󠁿 [gauri1](https://profiles.wordpress.org/gauri1/) 2017 年 2 月 7 日 Easy to set up and easy to integrate with templates. It comes with lots of options even in the free version ![](https://secure.gravatar.com/avatar/166ebb7f843b6ad140ffeaac762a213bef8318fd127039d76188c726e115b278? s=60&d=retro&r=g) ### 󠀁[Nice slider](https://wordpress.org/support/topic/nice-slider-6/)󠁿 [vadukk1234](https://profiles.wordpress.org/vadukk1234/) 2017 年 2 月 7 日 Easy integration with my site and the features are just awesome. I am impressed with this fully responsive slider and it looks great on iPad, iPhone and desktop browsers. ![](https://secure.gravatar.com/avatar/6f18e339b2aac87279690d3e9356e0174a4c715a28a454c51d95e17ab4dab114? s=60&d=retro&r=g) ### 󠀁[Looks awesome](https://wordpress.org/support/topic/looks-awesome-10/)󠁿 [Garg Ritu](https://profiles.wordpress.org/garg-ritu/) 2017 年 2 月 7 日 What an awesome plugin! It offered me a unique way to showcase my products. From plugin download to viewing the grid slider on my site is very simple. Much appreciated work. ![](https://secure.gravatar.com/avatar/20b03f73f2d348f8a3af54f774f44e80030424416acd49583510051b31076685? s=60&d=retro&r=g) ### 󠀁[Very attractive and easy to use](https://wordpress.org/support/topic/very-attractive-and-easy-to-use-2/)󠁿 [Priyanka Sharma777](https://profiles.wordpress.org/priyanka-sharma777/) 2017 年 2 月 7 日 I think this is by far the best free grid slider that is very flexible. Highly recommended! ![](https://secure.gravatar.com/avatar/28bbc79725fe1aac971978e1074734d6f300152de9d91b1d8e6f132dff0d316a? s=60&d=retro&r=g) ### 󠀁[Excellent Grid Slider plugin](https://wordpress.org/support/topic/excellent-grid-slider-plugin/)󠁿 [ashish.chd1234](https://profiles.wordpress.org/ashishchd1234/) 2017 年 2 月 7 日 This is a awesome slider plugin. It solved all my problems which I was facing for long time. Thanks for creating it 🙂 [ 阅读所有14条评价 ](https://wordpress.org/support/plugin/content-grid-slider/reviews/) ## 贡献者及开发者 「Content Grid Slider」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ councilsoft ](https://profiles.wordpress.org/councilsoft/) [帮助将「Content Grid Slider」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/content-grid-slider) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/content-grid-slider/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/content-grid-slider/)，或通过[RSS](https://plugins.trac.wordpress.org/log/content-grid-slider/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/content-grid-slider/)。 ## 更新日志 #### 1.5 Following bugs has been fixed in this version * Fixed border issues in both sides of slider in responsive view. * Fixed issues with display/hide icons, content etc. while viewing in responsive modes. * Added demo link of the plugin. * File structure has been modified in a more organized way. * Color tab under settings is now responsive. * Design improvements under settings tab. Following new features has been added in this version * Live preview of color selection has been added i.e. user can see color preview without actually saving it. * A new tab ‘custom order’ has been added under settings page where you can re- arrange your slides display order with simple drag-drop. * uninstall.php has been added so that plugin’s data will get deleted after user deletes the plugin. * Two sections has been created in color settings tab for better representation for applying colors. * New Feature of ‘filter slider items’ based on categories has been applied on grid slides listing page. * New Feature of ‘filter slider items’ based on author has been added also on grid slides listing page. * Author info column has been added with each grid slide. #### 1.0 * The first version of this plugin! Enjoy! 🙂 _If you like the plugin, please vote for it!_ [Please Donate](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=councilsoft%40gmail%2ecom&lc=US&item_name=ContentGridSlider&item_number=CS-PLUGIN-CGS&amount=5%2e00¤cy_code=USD¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHostedGuest) ## 额外信息 * 版本 **1.5** * 最后更新：**12 年前** * 活跃安装数量 **50+** * WordPress 版本 ** 3.5 或更高版本 ** * 已测试的最高版本为 **4.0.38** * 语言 * [English (US)](https://wordpress.org/plugins/content-grid-slider/) * 标签 * [custom post slider](https://cn.wordpress.org/plugins/tags/custom-post-slider/) [sliders](https://cn.wordpress.org/plugins/tags/sliders/) * [高级视图](https://cn.wordpress.org/plugins/content-grid-slider/advanced/) ## 评级 4.4 星（最高 5 星）。 * [ 9 条 5 星评价 ](https://wordpress.org/support/plugin/content-grid-slider/reviews/?filter=5) * [ 2 条 4 星评价 ](https://wordpress.org/support/plugin/content-grid-slider/reviews/?filter=4) * [ 3 条 3 星评价 ](https://wordpress.org/support/plugin/content-grid-slider/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/content-grid-slider/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/content-grid-slider/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/content-grid-slider/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/content-grid-slider/reviews/) ## 贡献者 * [ councilsoft ](https://profiles.wordpress.org/councilsoft/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/content-grid-slider/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](http://www.councilsoft.com/donate/)