Media Carousel for Guten Blocks
Media Carousel for Guten Blocks

Media Carousel for Guten Blocks

ZealousWeb
Download

The Media Carousel for Guten Blocks is a versatile content block that enables users to dynamically upload and display images and videos. It offers a range of customizable features to enhance the presentation of media. Users can enable captions for their media, adjust the border radius for both images and videos, and utilize FancyBox settings to activate fancybox functionality for an enhanced viewing experience. The Slider Type settings provide options to choose the type of slider, adjust its speed, and configure autoplay and infinite loop features. Additionally, users can show or hide navigation arrows, with customizable styles and colors, and select the type and color of navigation dots to match their design preferences.

Plugin Requirement

PHP version : 7.4 and latest
WordPress : WordPress 5.9 and latest

OUR OTHER PLUGINS

Getting Help With WordPress

If you have any difficulties while using this Plugin, please feel free to contact us at support

We also offer custom WordPress extension development and WordPress theme design services to fulfill your e-commerce objectives.

Our professional impassioned WordPress experts provide profound and customer-oriented development of your project within short timeframes.

Thank you for choosing a Plugin developed by ZealousWeb!

Functionality

This plugin utilizes third-party libraries to enhance its functionality:

  • Fancybox JS: https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js – Used to achieve lightbox functionality for displaying images and videos in a popup.
  • Fancybox CSS: https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css – Use to achieve lightbox functionality for images and videos in popup
  • Slick JS: https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js – Used to achieve slider functionality for images and videos.
  • Slick CSS: https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css – Used to achieve slider functionality for images and videos.
How to integrate Media Carousel for Guten blocks?

  1. Add a new post or page.
  2. Click on the “+” icon to add a new block.
  3. Search for “Media Carousel for Guten blocks” and add the block to your content.
  4. Configure the block settings, including Upload Media, Media settings, Media options, etc.
  5. Publish or update your post/page to see the Media Carousel for Guten blocks in action.

What slider types are available in the Media Carousel for Guten Blocks?

There are two main slider types: Simple Slider and Carousel Slider.

What is the difference between the Simple Slider and Carousel Slider?

The Simple Slider provides straightforward transitions and minimalistic design, while the Carousel Slider offers a more dynamic display with multiple items visible at once and advanced features like center mode and lazy loading.

What is the FancyBox feature?

FancyBox allows users to view content, such as YouTube videos, in a larger, detailed pop-up window.

What is the purpose of navigation arrows in the carousel?

Navigation arrows allow users to manually cycle through the media items, enhancing user control and navigation.

What is the Caption feature in the Media Carousel?

The Caption feature allows users to add descriptive text to each media item, providing context and additional information.

What is the benefit of using navigation dots?

Navigation dots provide a visual indicator of the total number of media items and the current position within the carousel, enhancing user navigation.

1.0.0

  • Release
    Initial Release

Installing the plugin is easy. Just follow these steps:

  1. From the dashboard of your site, navigate to Plugins –> Add New.
  2. Select the Upload option and hit “Choose File.”
  3. When the popup appears, select the gutenberg-media-carousel.zip file from your desktop.
  4. Follow the on-screen instructions and wait till the upload completes.
  5. When it’s finished, activate the plugin via the prompt. A message will display confirming activation was successful.

That’s it! Configure your settings as you see fit, and you’re on your way to creating visually appealing grids in Gutenberg.

e.g.

  1. Upload the plugin files to the /wp-content/plugins/gutenberg-media-carousel directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

Reviews

0 out of 5 stars

  • Version: 1.0.0
  • Last updated: 1 month ago
  • Active installations: 0
  • WordPress version: 5.9
  • Tested up to: 6.6.2
  • PHP version: 7.4