Title: Splide Carousel Block Author: David Jensen Published: 14 Ottobre 2022 Last modified: 17 Gennaio 2026 --- Ricerca i plugin ![](https://ps.w.org/splide-carousel/assets/banner-772x250.jpg?rev=2798866) ![](https://ps.w.org/splide-carousel/assets/icon-256x256.png?rev=2798866) # Splide Carousel Block Di [David Jensen](https://profiles.wordpress.org/dkjensen/) [Scarica](https://downloads.wordpress.org/plugin/splide-carousel.1.7.1.zip) [Anteprima in tempo reale](https://it.wordpress.org/plugins/splide-carousel/?preview=1) * [Dettagli](https://it.wordpress.org/plugins/splide-carousel/#description) * [Recensioni](https://it.wordpress.org/plugins/splide-carousel/#reviews) * [Installazione](https://it.wordpress.org/plugins/splide-carousel/#installation) * [Sviluppo](https://it.wordpress.org/plugins/splide-carousel/#developers) [Supporto](https://wordpress.org/support/plugin/splide-carousel/) ## Descrizione Il blocco Splide Carousel introduce la funzionalità di creare caroselli/slider all’interno dell’editor a blocchi. Ogni carosello può contenere un numero infinito di slide, ciascuna slide contiene i propri blocchi interni. Usa il blocco Splide Carousel per creare caroselli di immagini, slider di testimonial e altro ancora in Gutenberg! [View Demo](https://splide-demo.cloudcatch.io/) ### Opzioni * Navigazione con frecce * Dots Pagination * Riproduzione automatica * Transizioni di scorrimento e dissolvenza * Loop infinito * API per controllare il carosello utilizzando JavaScript * Fixed Slide Width / Height * Larghezza / altezza variabile della slide * Numero di slide per pagina * Spaziatura slide * Supporto video * Scorrimento automatico * Hash Navigation * Lazyload * Compatibile con FSE (Full Site Editing) * Completamente accessibile * Supporto RTL * Responsive * Nessun problema con Google Lighthouse * Leggero * […e altro ancora!](https://splidejs.com/guides/options/#options) ### Attribuzione Il blocco Splide Carousel utilizza la libreria [Splide](https://splidejs.com/). ## Screenshot * [[ * Vista editor a blocchi * [[ * Vista editor a blocchi * [[ * Vista frontend * [[ * Vista frontend * [[ * Controlli del blocco ## Blocchi Questo plugin fornisce 2 blocchi. * Splide Carousel * Splide Carousel Item ## Installazione 1. Carica i file del plugin nella directory `/wp-content/plugins/splide-carousel`, oppure installa il plugin direttamente dalla schermata dei plugin di WordPress. 2. Attiva il plugin dalla schermata ‘Plugin’ su WordPress ## FAQ ### Ci sono altre opzioni che posso utilizzare? Sì, nelle impostazioni avanzate del blocco Splide Carousel è possibile inserire una stringa JSON valida contenente opzioni aggiuntive [disponibili qui](https://splidejs.com/guides/options/). es.: `{"focus":"center","trimSpace":false}` ### Posso impostare le opzioni predefinite del carosello a livello globale? Sì, dobbiamo attendere un evento JavaScript che viene attivato quando il carosello è pronto, e poi quindi aggiungere le impostazioni predefinite. ``` document.addEventListener( 'splideReady', function( e ) { e.detail.defaults = { arrowPath: 'M30.2 19.4L11 .2c-.3-.3-.9-.3-1.2 0-.3.3-.3.8 0 1.2L28.4 20 9.8 38.6c-.3.3-.3.9 0 1.2.3.3.9.3 1.2 0l19.2-19.2c.3-.3.3-.9 0-1.2z', perPage: 3 }; } ); ``` ### Posso controllare il carosello utilizzando JavaScript / API? Yes, each carousel is given a unique ID by default, or you can provide your own using the **HTML Anchor** field under the block Advanced Settings. Ogni blocco espone una variabile globale che segue questa convenzione: `{ID}Carousel`. Ad esempio, se l’ID del carosello è **testimonials**, la variabile globale sarà ` testimonialsCarousel`. Using this global variable, you can control the carousel programatically using the [Splide API](https://splidejs.com/guides/apis/). **Esempio per passare alla terza slide:** ``` testimonialsCarousel.Components.Controller.go(2); ``` ## Recensioni ![](https://secure.gravatar.com/avatar/957feec0e802d0d23963430cfadbf1221d1a328f93d1d8cba8ee012c8970f3bc? s=60&d=retro&r=g) ### 󠀁[Everything you want in a slider block, and nothing you don’t](https://wordpress.org/support/topic/everything-you-want-in-a-slider-block-and-nothing-you-dont/)󠁿 [Eric Michel](https://profiles.wordpress.org/ytfeldrawkcab/) 22 Agosto 2025 Flexible, well-implemented, performant, the barest of dependencies. If you care about not bogging down your page with massive libraries, this is the one. ![](https://secure.gravatar.com/avatar/ffa71f7f491eccadcbb4e4e19fc98149a90c2c26916aca6178a6afecd657f768? s=60&d=retro&r=g) ### 󠀁[Useful and lightweight](https://wordpress.org/support/topic/useful-and-lightweight-7/)󠁿 [chrislaai](https://profiles.wordpress.org/chrislaai/) 2 Luglio 2025 Useful and lightweight, hope to support Thumbnail Carousel ![](https://secure.gravatar.com/avatar/60f2341a8a035f01db06bf62e135d0c9121c87b1a2c17d8202f3c555394720c4? s=60&d=retro&r=g) ### 󠀁[Really well implemented](https://wordpress.org/support/topic/really-well-implemented/)󠁿 [choerzer](https://profiles.wordpress.org/werbedesign/) 19 Giugno 2025 Does what it should and the block is good to use ![](https://secure.gravatar.com/avatar/67685d3feeb0e207400e65ce119eea52edd91d6f22e7472a423e6d3d3a5bf92f? s=60&d=retro&r=g) ### 󠀁[Best slider block plugin](https://wordpress.org/support/topic/best-slider-block-plugin/)󠁿 [Ankit Punia](https://profiles.wordpress.org/fossist/) 11 Maggio 2025 This is fantastic, very low on resources. Can you please add blocks for previous and next buttons so that we can place them according to our needs? Again, thank you for this free treat. ![](https://secure.gravatar.com/avatar/77ed620ff79e9faa84bc7b42ea0ce0d83b07c0e7b95c6b8759255c675a9f604b? s=60&d=retro&r=g) ### 󠀁[Splide, my favorite slider/carousel now in WP](https://wordpress.org/support/topic/splide-my-favorite-slider-carousel-now-in-wp/)󠁿 [cucom](https://profiles.wordpress.org/cucom/) 27 Febbraio 2025 I pretty much always use splide in my non-WordPress projects, so great to see it as a block. So far no problems with it, and all the important options are there. I just wish there was a query-loop block for this, ( I would pay for this ) Keep it up! ![](https://secure.gravatar.com/avatar/0872b7ddce8c2ffc03e1c9c604ecb24dd2f8942f22730c169b2a3637980d0a8c? s=60&d=retro&r=g) ### 󠀁[Useful & flexible!](https://wordpress.org/support/topic/useful-flexible/)󠁿 [cherlynne134](https://profiles.wordpress.org/cherlynne134/) 5 Febbraio 2025 I have tried multiple carousel plugins and end up finding out there’s a splide js plugin. Really useful for an experienced developer to customise their carousels and is enough for those that have no experience to use as well! [ Leggi tutte le recensioni di 11 ](https://wordpress.org/support/plugin/splide-carousel/reviews/) ## Contributi e sviluppo “Splide Carousel Block” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito. Collaboratori * [ David Jensen ](https://profiles.wordpress.org/dkjensen/) * [ CloudCatch ](https://profiles.wordpress.org/cloudcatch/) “Splide Carousel Block” è stato tradotto in 1 lingua. Grazie a [chi traduce](https://translate.wordpress.org/projects/wp-plugins/splide-carousel/contributors) per il contributo. [Traduci “Splide Carousel Block” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/splide-carousel) ### Ti interessa lo sviluppo? [Esplora il codice](https://plugins.trac.wordpress.org/browser/splide-carousel/) segui il [repository SVN](https://plugins.svn.wordpress.org/splide-carousel/), segui il [log delle modifiche](https://plugins.trac.wordpress.org/log/splide-carousel/) tramite [RSS](https://plugins.trac.wordpress.org/log/splide-carousel/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.7.1 * Enhancement – Compatibility with WordPress 6.9 * Fix – responsive breakpoint changes causing unexpected or invalid content #### 1.7.0 * Enhancement – Update Add New Slide button to work with native Inserter to support` cloudcatch/splide-carousel-item` variations / defaults #### 1.6.0 * Enhancement – Bump block apiVersion to 3 * Chore – Update dependencies and WordPress compatibility to 6.8 #### 1.5.0 * Enhancement – Compatibility with WordPress 6.7 #### 1.4.7 * Fix – Slides not visible in RTL direction mode #### 1.4.6 * Fix – Speed setting change causing unexpected / invalid content error #### 1.4.5 * **POTENTIAL BREAKING CHANGE:** Now using the CSS class `.wp-block-splide-carousel` to encapsulate the carousel and its components. If you have any custom styles applied to the carousel or its components, it’s recommended to test this update in a staging environment before updating in production. #### 1.4.4 * Fix – Carousel JavaScript variable name duplicating “Carousel” in the name #### 1.4.3 * Fix – HTML Anchor not applying to carousel #### 1.4.2 * Fix – Prevent autoplay and auto scroll in block editor #### 1.4.1 * Docs – Update tested up to #### 1.4.0 * Enhancement – Improved editor UX * Enhancement – Added ability to make entire slide clickable link #### 1.3.0 * Enhancement – Added Grid extension * Enhancement – Added autoplay play/pause buttons #### 1.2.0 * Enhancement – Added Inspector Controls to avoid having to use JSON * Enhancement – Exposed global variable to programatically control the carousel using the Splide API #### 1.1.0 * Enhancement – Ability to add photos in bulk when new block is created and when block has no slides #### 1.0.0 * Initial release ## Meta * Versione **1.7.1** * Ultimo aggiornamento **3 mesi fa** * Installazioni attive **3.000+** * Versione WordPress ** 6.5 o superiore ** * Testato fino alla versione **6.9.4** * Versione PHP ** 7.0 o superiore ** * Lingue * [English (US)](https://wordpress.org/plugins/splide-carousel/) e [Italian](https://it.wordpress.org/plugins/splide-carousel/). * [Traduci nella tua lingua](https://translate.wordpress.org/projects/wp-plugins/splide-carousel) * Tag * [block](https://it.wordpress.org/plugins/tags/block/)[carousel](https://it.wordpress.org/plugins/tags/carousel/) [full-site-editing](https://it.wordpress.org/plugins/tags/full-site-editing/) [slider](https://it.wordpress.org/plugins/tags/slider/)[splide](https://it.wordpress.org/plugins/tags/splide/) * [Visualizzazione avanzata](https://it.wordpress.org/plugins/splide-carousel/advanced/) ## Valutazioni 5 su 5 stelle. * [ 11 recensioni a 5-stelle ](https://wordpress.org/support/plugin/splide-carousel/reviews/?filter=5) * [ 0 recensioni a 4-stelle ](https://wordpress.org/support/plugin/splide-carousel/reviews/?filter=4) * [ 0 recensioni a 3-stelle ](https://wordpress.org/support/plugin/splide-carousel/reviews/?filter=3) * [ 0 recensioni a 2-stelle ](https://wordpress.org/support/plugin/splide-carousel/reviews/?filter=2) * [ 0 recensioni a 1-stelle ](https://wordpress.org/support/plugin/splide-carousel/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/splide-carousel/reviews/#new-post) [Vedi tutte le recensioni](https://wordpress.org/support/plugin/splide-carousel/reviews/) ## Collaboratori * [ David Jensen ](https://profiles.wordpress.org/dkjensen/) * [ CloudCatch ](https://profiles.wordpress.org/cloudcatch/) ## Supporto Hai qualcosa da dire? Ti serve aiuto? Problemi risolti negli ultimi due mesi: 0 su 1 [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/splide-carousel/) ## Donazioni Vuoi sostenere le versioni future? [ Fai una donazione per lo sviluppo ](https://www.buymeacoffee.com/dkjensen)