-
Notifications
You must be signed in to change notification settings - Fork 0
/
readme.txt
129 lines (83 loc) · 7.08 KB
/
readme.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
=== Media Carousel for Guten Blocks ===
Contributors: zealopensource
Tags: Carousel, Media, Gutenberg
Donate link: http://www.zealousweb.com/payment/
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.4
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.1
License: GPLv3 or later
License URI: https://spdx.org/licenses/GPL-3.0-or-later.html
The Media Carousel for Guten Blocks: Customize media display with captions, border radius, FancyBox, sliders, and navigation options.
== Description ==
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.
== Installation ==
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.
1. Activate the plugin through the 'Plugins' screen in WordPress
== Plugin Requirement ==
PHP version : 7.4 and latest
WordPress : WordPress 5.9 and latest
== Frequently Asked Questions ==
= 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.
== Screenshots ==
1. It will show Back-End Option for Media Carousel - Image and Video Upload Options
2. It will show Back-End View for Media Carousel Section
3. 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
4. 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
5. It will show Back-End Option for Media Carousel - How to Enable the FancyBox option
6. It will show Back-End Option for Media Carousel - How to Enable the Navigation Arrows option
7. It will show Back-End Option for Media Carousel - How to Enable the Navigation Dots option
8. It will show Front-End View for Media Carousel when FancyBox is Enable
9. It will show Front-End View for Media Carousel when Caption is Enable ,Dots is Enable and Enable the Navigation Arrows option
10. It will show Back-End Option for Media Carousel - How to switch to other slider mode i.e Carousel Type
11. It will show Front-End View for Media Carousel when Carousel Type is Enable
== OUR OTHER PLUGINS ==
* <strong>[Accept PayPal Payments Using Contact Form 7 Pro](https://www.zealousweb.com/store/generate-pdf-using-contact-form-7-pro/)</strong>
* <strong>[Accept Stripe Payments Using Contact Form 7 Pro](https://www.zealousweb.com/store/accept-stripe-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept Authorize.NET Payments Using Contact Form 7 Pro](https://www.zealousweb.com/store/accept-authorize-net-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept 2Checkout Payments Using Contact Form 7 Pro](https://www.zealousweb.com/store/accept-2checkout-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept Sage Pay Payments Using Contact Form 7 Pro](https://www.zealousweb.com/store/accept-sage-pay-opayo-payments-using-contact-form-7-pro)</strong>
* <strong>[User Registration Using Contact Form 7 Pro](https://www.zealousweb.com/store/user-registration-using-contact-form-7-pro)</strong>
* <strong>[Abandoned Contact Form 7 Pro](https://www.zealousweb.com/store/abandoned-contact-form-7-pro)</strong>
== Getting Help With Wordpress ==
If you have any difficulties while using this Plugin, please feel free to contact us at https://zealousweb.com/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 <strong>[ZealousWeb](https://www.zealousweb.com)</strong>!
## 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 - Use to achieve lightbox functionality for images and videos in 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 - Use to achieve slider functionality for images and videos
-**Slick CSS:**https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css - Use to achieve slider functionality for images and videos
== Changelog ==
= 1.0.0 =
* Release
Initial Release