Mega Blocks – Editable Slider Block provides a powerful, customizable slider for the WordPress block editor (Gutenberg). It comes with Bootstrap 4, Swiper.js, background settings, and various customization options for your needs.

Features

Responsive slider with Bootstrap 4 and Swiper.js integration.
Easy-to-use block in the Gutenberg editor.
Customizable background settings (image, color, gradient).
Padding and spacing controls.
Google Fonts integration for typography customization.
Animate.css integration for animations.
Over 100 ready-to-use slider designs.
Flexible layouts with advanced settings for background and typography.
Mobile-responsive design with touch-friendly Swiper.js integration.
Cross-browser compatibility for a consistent experience.
Easy installation and intuitive customization options.
Dynamic slider elements for custom animations and transitions.
Advanced typography settings to match brand guidelines.
Gradient and overlay effects for enhanced slider visuals.
Lightweight and optimized for fast loading.

This plugin is ideal for users looking to add stylish, customizable sliders to their WordPress websites with ease.

Why Choose Mega Gutenberg Slider?

User-Friendly Interface: Create stunning sliders effortlessly with the intuitive Gutenberg block editor.
Highly Customizable: Tailor your sliders with advanced settings for background, typography, and animations.
Mobile-Responsive Design: Ensure your sliders look great on all devices.
Feature-Rich Functionality: Leverage advanced options like gradient backgrounds, Google Fonts, and animation effects.

Layout and Background Options

Enhance Your Sliders with Flexible Layout Choices, explore various layout and background options to make your sliders captivating and engaging.

Banner Left Align: Display banner content aligned to the left, ideal for key text and buttons.
Banner Right Align: Align your banner content to the right for a clean, balanced look.
Banner Center Align: Create symmetry with a centered banner that makes main content stand out.
Left Align with Image: Combine text on the right with an image on the left for an engaging layout.
Right Align with Image: Showcase an image on the right with key text or call-to-action on the left.
Full Width Particle Background: Enhance your design with an animated particle background spanning the page.
Full Width Background Image: Feature a high-quality background image filling the page width for visual impact.
2 Column with Background Color: Organize content with background colors in a two-column layout.
Full Width Video Background: Engage visitors with a dynamic full-width video background.
Overlay Color on Background Image: Add an overlay to enhance text readability.
Box Layout with Solid Corners: A classic box layout with sharp corners, ideal for a structured design.
Box Layout With Rounded Corner: A modern box layout with rounded corners, adding a soft touch.

50+ Ready-to-Use Slider Designs

Start with professionally designed templates to save time and effort. The Mega Gutenberg Slider includes over 50+ pre-built slider designs tailored for various use cases.

Powerful Features at Your Fingertips

Typography Control: Add Google Fonts to enhance the text styling.
Animations: Integrate Animate.css effects for eye-catching transiti* * * ons.
Swiper.js Integration: Enable seamless, responsive, and touch-friendly sliders.
Bootstrap 4 Support: Ensure robust and reliable design compatibility.
Dynamic Elements: Customize animations and slider transitions for a unique look.
Advanced Backgrounds: Add gradients, overlays, or custom designs to fit your brand.
Optimized Performance: Lightweight code ensures quick load times.
RTL Support: Compatible with right-to-left languages for global reach.
Community and Updates: Regular plugin updates and an active support community.

Explore the Extensive Capabilities of Mega Gutenberg Slider

Customizable Elements: Adjust every aspect of your slider, from content alignment to animation speed. Cross-Browser Compatibility: Works flawlessly across modern web browsers. Easy Installation: Install and activate the plugin to start creating sliders instantly.

License

This plugin is licensed under the GPLv2 or later. See the License URI for details.

Installation

Upload the plugin files to the /wp-content/plugins/mega-blocks-editable-slider-block-with-advanced-background-settings directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the ‘Plugins’ screen in WordPress.
Edit or create a new page and add the “Mega Slider Block” from the Gutenberg block library.

Customize your slider’s appearance with the background and animation settings.

Frequently Asked Questions

Does this plugin support mobile devices?

Yes, the plugin is fully responsive and works great on mobile devices.

Can I customize the background of the slider?

Yes, you can set custom background images, colors, or gradients.

What animation options are available?

The plugin supports various animations through Animate.css. You can choose from multiple animation styles.

How do I add Google Fonts to my slider?

The plugin allows you to easily add Google Fonts to customize the typography of your slider.

Are there pre-designed templates available?

Yes, the plugin includes over 50+ ready-to-use slider designs to help you get started quickly.

Is it compatible with all modern browsers?

Yes, the plugin ensures compatibility with all major web browsers.

How does Swiper.js improve the slider functionality?

Swiper.js ensures a seamless, responsive, and touch-friendly slider experience across all devices.

What is Mega Gutenberg Slider, and how does it work?

Mega Gutenberg Slider is a flexible and powerful WordPress slider plugin designed to help you create visually stunning sliders with ease. It offers a no-code, visual editor with drag-and-drop functionality, making it accessible for beginners and advanced users alike.

Is Mega Gutenberg Slider compatible with popular page builders?

Yes! Mega Gutenberg Slider is fully compatible with popular page builders such as Elementor, WPBakery, and Divi. This allows you to seamlessly integrate sliders into any layout created with these page builders.

Can I customize the slider’s appearance without coding?

Absolutely! The plugin includes a visual editor where you can adjust fonts, colors, animations, and more with just a few clicks. No coding skills are required to create fully customized sliders.

Is Mega Gutenberg Block Slider compeletely free with premium features?

Yes, Mega Gutenberg Slider has a compeletely free with all premium features.

What types of animations are available for text and content?

Mega Gutenberg Slider offers a wide range of animations for headings, subheadings, and content, including effects like “Bounce,” “Fade In,” “Zoom In,” and more. You can choose animation types and set individual delays to create dynamic content that captures attention.

Can I use custom fonts in my sliders?

Yes! The slider block supports a variety of Google Fonts that you can apply to headings, subheadings, and content. Choose from fonts like Roboto, Lato, and Oswald, and customize the size, color, and weight to fit your branding.

Does Mega Gutenberg Slider support video backgrounds?

Absolutely! You can set custom video backgrounds using URLs or embed videos from YouTube and Vimeo. Each video can be set to autoplay, loop, and mute, allowing for highly engaging background visuals.

How can I control the overlay and opacity for background images?

You can add a color overlay to background images to improve text readability or achieve a specific visual effect. Adjust the overlay color and opacity using the plugin settings for a customized look.

Can I add social media icons to my sliders?

Yes, Mega Gutenberg Slider supports adding social media icons in different positions. You can customize icon colors, sizes, and hover effects to ensure they align with your design.

What customization options are available for buttons in sliders?

The slider buttons are fully customizable, including options for background color, font color, border radius, and border color. You can also set hover colors for both the button and font, ensuring an interactive experience.

Is there support for two-column layouts?

Yes! You can set up two-column layouts for slides, with options for left and right image or video placements. Control image dimensions, border radius, and switch layout directions as needed.

Can I adjust padding, margins, and border radius for the sliders?

Mega Gutenberg Slider allows you to set custom padding, margins, and border radius for each slide, enabling you to refine the spacing and layout for each slide element.