Menu Close

Gutenberg slick Slider Block

Gutenberg Slick Slider Block

A simple slider for WordPress using Gutenberg Block


WordPress version : > 5.0
ACF version: 5.8.0

Steps for install :

  • Copy the contents of functions.php and paste in your theme function.php
  • Copy the folders strucuture of “custom” folder, and paste it in the theme root ( if in your theme you have a custom folder, merge them )
  • Add to your theme custom js, the necessary js for made work the slider ( you find in custom.js )
  • Go on backend navigate to ACF create a new field group, and add the a “gallery” field. ( in my case i’ve call it “blocco_img_slider” , if you change the name remember to update in “custom/blocks/block-image_slider.php” )
  • Go on post or page and add a new block and under the category “Layout Elements” you find your new block
View Source Code
Posted in web development, WordPress