Descripción
Hero Block is a Gutenberg-native block plugin that allows you to build beautiful hero banners and sliders with powerful customization options.
It contains two main blocks:
1. Hero Slider Block (parent block)
— Allows creating slideshows for hero sections
— Supports autoplay, fade/slide effects, arrows, pagination and more
(Defined in: adbrains-hero-slider/adb-hero-slider)
2. Hero Slide Block (child block)
— Each slide can be an image or video
— Includes overlay colors, gradients, alignments, animations and more
(Defined in: adbrains-hero-slider/adb-hero-slide)
Perfect for landing pages, banners, hero sections, and visually rich headers.
✨ Key Features
Hero Slider (Parent Block):
– Full-width & wide alignment
– Autoplay with delay control
– Pause autoplay on hover
– Fade or slide animations
– Arrow navigation toggle
– Pagination dots (bullets)
– Custom transition speed
– Looping slides
– Custom slides-per-view and spacing
Hero Slide (Child Block):
– Select image or video background
– Video controls & poster image
– Overlay color with opacity control
– Gradient overlay support
– Vertical & horizontal alignment
– Wide or full content width
– Animation type & delay
– Image object-fit control
Technical
- 100% Gutenberg / Block Editor native
- Uses block.json specification
- Includes editor scripts, styles, and front-end View Script
- No external dependencies (lightweight)
Third-Party Software
This plugin bundles the following third-party library:
- Swiper (v12)
- License: MIT License
- Source: https://swiperjs.com/
- Copyright (c) Vladimir Kharlampidi
Capturas




Bloques
Este plugin provee 2 bloques.
- Hero Slider A hero slider containing multiple hero slides.
- Hero Slide A single slide with image or video background and hero content.
Instalación
- Upload the plugin folder to
/wp-content/plugins/adbrains-hero-slider - Activate the plugin from the WordPress Plugins menu
- Open the block editor and search for:
- Hero Slider
- Hero Slide
- Add slides inside a Hero Slider block
Preguntas frecuentes
-
Does this support Full Site Editing themes?
-
Yes, it works on block themes and classic themes.
-
Can I use videos in slides?
-
Yes. Each Hero Slide supports video backgrounds.
-
Does it work without JavaScript frameworks?
-
Yes. It only uses native block editor scripts and a minimal view.js runtime.
-
Are animations included?
-
Basic animation types and delay settings are provided per slide.
Reseñas
No hay reseñas para este plugin.
Colaboradores y desarrolladores
“AdBrains Hero Slider” es un software de código abierto. Las siguientes personas han colaborado con este plugin.
ColaboradoresTraduce “AdBrains Hero Slider” a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN , o suscríbete al log de desarrollo por RSS .
Registro de cambios
1.0.0
- Initial release of Hero Block
- Hero Slider block added
- Hero Slide block added
