| 1 |
=== GutSlider - All in One Slider and Carousel Blocks for Gutenberg === |
| 2 |
Contributors: binsaifullah |
| 3 |
Tags: slider, carousel, slider block, gutenberg slider, image slider |
| 4 |
Requires at least: 6.5 |
| 5 |
Tested up to: 7.1 |
| 6 |
Stable tag: 3.1.0 |
| 7 |
Requires PHP: 7.4 |
| 8 |
License: GPLv2 or later |
| 9 |
License URI: https://www.gnu.org/licenses/gpl-2.0.html |
| 10 |
|
| 11 |
Build responsive sliders and carousels in the block editor - image, video, post, testimonial, logo and before-after slider blocks. |
| 12 |
|
| 13 |
== Description == |
| 14 |
|
| 15 |
**GutSlider is an all-in-one slider and carousel plugin for the WordPress block editor (Gutenberg).** It adds a set of native slider blocks so you can build an image slider, content slider, post carousel, video carousel, testimonial slider, logo carousel or a before-after comparison slider directly on the page - no shortcodes, no page builder, no code. |
| 16 |
|
| 17 |
Every block is built with native Gutenberg components, so the editing experience feels like WordPress itself. Drag and drop your content, adjust the settings in the sidebar, and see the result live in the editor. |
| 18 |
|
| 19 |
**Fast by design.** GutSlider only loads its scripts and styles on pages where a slider block is actually used, generates a single minified CSS file per page instead of inline `<style>` tags, and ships without jQuery. Sliding is powered by Swiper JS for smooth, hardware-accelerated transitions. |
| 20 |
|
| 21 |
[youtube http://www.youtube.com/watch?v=P9Zj4bSVq4I] |
| 22 |
|
| 23 |
### Why Choose GutSlider |
| 24 |
|
| 25 |
* **Slide any content** - images, video, text, buttons, headings, or any other block. |
| 26 |
* **Conditional asset loading** - scripts and styles load only on pages that use a slider block. |
| 27 |
* **No jQuery** - modern, dependency-free JavaScript built on Swiper JS. |
| 28 |
* **Native block editor UI** - built with Gutenberg components, not a bolted-on iframe or modal. |
| 29 |
* **Fully responsive** - separate Desktop, Tablet and Mobile values for spacing, columns, typography and more. |
| 30 |
* **Complete slider controls** - autoplay, loop, speed, effects, centered mode, free mode and column counts. |
| 31 |
* **Custom navigation and pagination** - styles, positions, sizes, colours, gaps and remote navigation. |
| 32 |
* **CSS entrance animations** - per-element animations with adjustable delay. |
| 33 |
* **Lightbox support** - open carousel photos in a full-screen lightbox. |
| 34 |
* **Google Fonts and typography controls** - full typography panel on every text element. |
| 35 |
* **Block patterns library** - ready-made slider layouts you can insert and edit. |
| 36 |
* **Enable or disable blocks** - turn off the blocks you do not use from the GutSlider dashboard. |
| 37 |
* **Translation ready** - fully internationalised and RTL friendly. |
| 38 |
|
| 39 |
### Free Slider and Carousel Blocks |
| 40 |
|
| 41 |
* **[Static Slider](https://gutslider.com/static)** - a classic hero slider with image, heading, text and buttons. |
| 42 |
* **[Flexible Slider](https://gutslider.com/flexible)** - slide any block content you like. |
| 43 |
* **[Testimonial Slider](https://gutslider.com/testimonial)** - reviews with photo, rating, name and designation. |
| 44 |
* **[Photo Carousel](https://gutslider.com/photo)** - image carousel with lightbox support. |
| 45 |
* **[Logo Carousel](https://gutslider.com/brand-logos)** - client and brand logo carousel. |
| 46 |
* **[Before After Slider](https://gutslider.com/before-after)** - drag-to-compare image comparison slider. |
| 47 |
* **[Video Carousel](https://gutslider.com/videos)** - YouTube and Vimeo video carousel with custom thumbnails. |
| 48 |
* **[Blog Post Slider](https://gutslider.com/post-slider)** - dynamic post slider and carousel with query controls. |
| 49 |
* **[Marquee](https://gutslider.com/marquee)** - continuous scrolling marquee for any content. |
| 50 |
|
| 51 |
### Pro Slider and Carousel Blocks |
| 52 |
|
| 53 |
Need more? [GutSlider Pro](https://gutslider.com/pricing/) adds premium blocks and features: |
| 54 |
|
| 55 |
* **[Shader Slider](https://demos.gutslider.com/fashion-slider/)** |
| 56 |
* **[Shutters Slider](https://demos.gutslider.com/shutters-slider/)** |
| 57 |
* **[Slicer Slider](https://demos.gutslider.com/slicer-slider/)** |
| 58 |
* **[Fashion Slider](https://demos.gutslider.com/fashion-slider/)** |
| 59 |
* **[Triple Slider](https://demos.gutslider.com/triple-slider/)** |
| 60 |
* **[Card Slider](https://demos.gutslider.com/card-slider/)** |
| 61 |
* **[Hover Slider](https://demos.gutslider.com/hover-slider/)** |
| 62 |
* **[Tinder Slider](https://gutslider.com/pricing/)** |
| 63 |
* **[Spring Carousel](https://demos.gutslider.com/spring-carousel/)** |
| 64 |
* **[Panorama Carousel](https://demos.gutslider.com/panorama-carousel/)** |
| 65 |
* **[3D Carousel](https://demos.gutslider.com/3d-carousel/)** |
| 66 |
* **[Material Carousel](https://demos.gutslider.com/material-slider/)** |
| 67 |
* **[Marquee Carousel](https://demos.gutslider.com/marquee-carousel/)** |
| 68 |
* **[WooCommerce Product Carousel](https://demos.gutslider.com/product-carousel/)** |
| 69 |
* **[WooCommerce Product Categories Carousel](https://demos.gutslider.com/product-categories-carousel/)** |
| 70 |
* **Thumbnail Gallery Navigation** - thumbnail-based navigation for the Static and Blog Post sliders. |
| 71 |
|
| 72 |
### Links |
| 73 |
|
| 74 |
* [All Demos](https://demos.gutslider.com/) |
| 75 |
* [Documentation](https://gutslider.com/) |
| 76 |
* [Get GutSlider Pro](https://gutslider.com/pricing/) |
| 77 |
|
| 78 |
== Installation == |
| 79 |
|
| 80 |
**From your WordPress dashboard** |
| 81 |
|
| 82 |
1. Go to *Plugins > Add New* and search for **GutSlider**. |
| 83 |
2. Click *Install Now*, then *Activate*. |
| 84 |
|
| 85 |
**Manual installation** |
| 86 |
|
| 87 |
1. Upload the `slider-blocks` folder to the `/wp-content/plugins/` directory. |
| 88 |
2. Activate the plugin through the *Plugins* screen in WordPress. |
| 89 |
|
| 90 |
**Getting started** |
| 91 |
|
| 92 |
1. Edit any post or page, click the block inserter (+) and open the **GutSlider Blocks** category. |
| 93 |
2. Add the slider or carousel block you need and configure it from the sidebar. |
| 94 |
3. Visit *GutSlider* in the admin menu to enable or disable individual blocks. |
| 95 |
|
| 96 |
== Frequently Asked Questions == |
| 97 |
|
| 98 |
= Is GutSlider free? = |
| 99 |
Yes. All the blocks listed under "Free Slider and Carousel Blocks" are free forever. GutSlider Pro is an optional upgrade that adds extra blocks and features. |
| 100 |
|
| 101 |
= Do I need to know how to code? = |
| 102 |
No. Every slider is built visually in the block editor with drag-and-drop content and sidebar settings. |
| 103 |
|
| 104 |
= Are the sliders responsive? = |
| 105 |
Yes. Every slider and carousel is fully responsive, and most settings have separate Desktop, Tablet and Mobile values. |
| 106 |
|
| 107 |
= Will it slow down my site? = |
| 108 |
No. GutSlider only loads its scripts and styles on pages where a slider block is used, writes a single minified CSS file per page, and does not use jQuery. |
| 109 |
|
| 110 |
= Does GutSlider work with any theme? = |
| 111 |
Yes. It works with both block themes and classic themes, and has been tested with the most popular WordPress themes. |
| 112 |
|
| 113 |
= Does it work in the Site Editor and with block patterns? = |
| 114 |
Yes. The blocks work in posts, pages, templates, template parts and reusable patterns. |
| 115 |
|
| 116 |
= Which slider library does GutSlider use? = |
| 117 |
Swiper JS - a modern, touch-friendly slider library. No jQuery is required. |
| 118 |
|
| 119 |
= Can I create a slider from my blog posts or products? = |
| 120 |
Yes. The free Blog Post block builds a slider or carousel from your posts. WooCommerce product and product category carousels are available in GutSlider Pro. |
| 121 |
|
| 122 |
= I updated the plugin and now I see a block error. What should I do? = |
| 123 |
Open the post or page in the editor and click **Attempt Block Recovery**, then update the post. This resolves block validation notices left over from a markup change. |
| 124 |
|
| 125 |
= How do I report a bug or request a feature? = |
| 126 |
Use the plugin's [support forum](https://wordpress.org/support/plugin/slider-blocks/) on WordPress.org. |
| 127 |
|
| 128 |
== Screenshots == |
| 129 |
|
| 130 |
1. All GutSlider blocks available in the block inserter. |
| 131 |
2. Testimonial slider with photo, rating, name and designation. |
| 132 |
3. Photo carousel being edited, with the settings sidebar open. |
| 133 |
4. Photo carousel on the frontend with navigation and pagination. |
| 134 |
5. Before After slider for drag-to-compare image comparisons. |
| 135 |
6. Video carousel with YouTube and Vimeo videos. |
| 136 |
7. Static slider used as a full-width hero section. |
| 137 |
|
| 138 |
== External Services == |
| 139 |
|
| 140 |
**Google Fonts** - When you select a Google Font in a block's typography settings, the font stylesheet is requested from `https://fonts.googleapis.com` and the font files from `https://fonts.gstatic.com` on the pages where that block appears. Visitors' IP address and browser user agent are sent to Google as part of that request. No request is made if you only use system or theme fonts. |
| 141 |
Google Terms of Service: https://policies.google.com/terms - Google Privacy Policy: https://policies.google.com/privacy |
| 142 |
|
| 143 |
== Third Party Libraries == |
| 144 |
|
| 145 |
* [Swiper JS](https://swiperjs.com/) (MIT) - slider and carousel engine. |
| 146 |
* [fslightbox](https://fslightbox.com/) - image lightbox for the Photo Carousel block. |
| 147 |
|
| 148 |
== Changelog == |
| 149 |
= 3.1.0 = |
| 150 |
* Added: Redesigned dashboard with live block, usage and front-end weight figures |
| 151 |
* Added: New start screen when a slider block is first inserted, with a pattern shortcut |
| 152 |
* Added: Blocks can be switched on and off straight from the dashboard |
| 153 |
* Improved: Release notes and getting-started progress now reflect the real state of the site |
| 154 |
|
| 155 |
= 3.0.0 = |
| 156 |
* Optimized for performance |
| 157 |
* Custom taxonomy supports for blog post block |
| 158 |
* Clean Dashboard with clear settings |
| 159 |
* Settings UI is improved |
| 160 |
|
| 161 |
= 2.13.2 = |
| 162 |
* Fixed: Sorting setting issue |
| 163 |
|
| 164 |
= 2.13.1 = |
| 165 |
* Updated: Deprecated components updated to the latest APIs |
| 166 |
* Checked: Compatibility with WordPress 7.0 |
| 167 |
|
| 168 |
= 2.13.0 = |
| 169 |
* Added: New Marquee block |
| 170 |
|
| 171 |
= 2.12.0 = |
| 172 |
* Added: Patterns library |
| 173 |
* Added: Testimonial block visibility option for all elements |
| 174 |
* Improved: Sorting component |
| 175 |
* Updated: Block icon colours changed to native |
| 176 |
|
| 177 |
= 2.11.4 = |
| 178 |
* Fixed: Bricks Builder conflict |
| 179 |
|
| 180 |
= 2.11.3 = |
| 181 |
* Fixed: Dynamic block fatal error |
| 182 |
|
| 183 |
= 2.11.2 = |
| 184 |
* Fixed: Fatal error |
| 185 |
|
| 186 |
= 2.11.1 = |
| 187 |
* Fixed: apiVersion updated |
| 188 |
|
| 189 |
= 2.11.0 = |
| 190 |
* Info: Prepared for the new review process |
| 191 |
|
| 192 |
= 2.10.1 = |
| 193 |
* Fixed: Photo Carousel style overriding issue |
| 194 |
* Fixed: Classic theme assets loading issue |
| 195 |
|
| 196 |
= 2.10.0 = |
| 197 |
* Redesign: Admin dashboard redesigned with a clean and elegant layout |
| 198 |
* Updated: Compatibility with the latest Pro version |
| 199 |
|
| 200 |
= 2.9.17 = |
| 201 |
* Added: Detach Content support for the Blog Post block |
| 202 |
* Fixed: Video custom poster style issues |
| 203 |
|
| 204 |
= 2.9.16 = |
| 205 |
* Added: Remote Navigation for Static, Flexible, Photos, Videos, Testimonials, Brand Logos and Blog Post blocks |
| 206 |
|
| 207 |
= 2.9.15 = |
| 208 |
* Added: Global link for the Testimonial block |
| 209 |
* Added: Custom thumbnail support for the Videos block |
| 210 |
* Fixed: Static Slider secondary button rendering issue |
| 211 |
|
| 212 |
= 2.9.14 = |
| 213 |
* Added: Global link for the Static and Flexible Slider blocks |
| 214 |
|
| 215 |
For the full release history, see [changelog.txt](https://plugins.svn.wordpress.org/slider-blocks/trunk/changelog.txt). |
| 216 |
|
| 217 |
== Upgrade Notice == |
| 218 |
|
| 219 |
= 2.13.2 = |
| 220 |
Fixes the sorting setting issue. Compatible with WordPress 7.0. |
| 221 |
|
