Media Carousel for Guten Blocks

外掛說明

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/ui@5.0/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/ui@5.0/dist/fancybox/fancybox.css – Use to achieve lightbox functionality for images and videos in popup
  • Slick JS: https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js – Used to achieve slider functionality for images and videos.
  • Slick CSS: https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css – Used to achieve slider functionality for images and videos.

螢幕擷圖

  • It will show Back-End Option for Media Carousel – Image and Video Upload Options
  • It will show Back-End View for Media Carousel Section
  • It will show Back-End Option for Media Carousel – How to Enable the Caption option and How it will show Back-End Option for Media Carousel
  • It will show Back-End Option for Media Carousel – How to change Border Radius option and How it will show Back-End Option for Media Carousel
  • It will show Back-End Option for Media Carousel – How to Enable the FancyBox option
  • It will show Back-End Option for Media Carousel – How to Enable the Navigation Arrows option
  • It will show Back-End Option for Media Carousel – How to Enable the Navigation Dots option
  • It will show Front-End View for Media Carousel when FancyBox is Enable
  • It will show Front-End View for Media Carousel when Caption is Enable ,Dots is Enable and Enable the Navigation Arrows option
  • It will show Back-End Option for Media Carousel – How to switch to other slider mode i.e Carousel Type
  • It will show Front-End View for Media Carousel when Carousel Type is Enable

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Media Carousel for Guten Blocks The Media Carousel for Guten Blocks is a versatile tool for displaying images and videos, featuring customizable options like slider speed, autoplay, and FancyBox integration to enhance your website's design and functionality.

安裝方式

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

常見問題集

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.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Media Carousel for Guten Blocks〉的開發相關工作。

參與者

變更記錄

1.0.0

  • Release
    Initial Release