AdBrains Hero Slider

Deskripsyon

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

Mga Screenshot

Blocks

Ang plugin na ito ay nagbibigay ng 2 (na) block.

  • Hero Slider A hero slider containing multiple hero slides.
  • Hero Slide A single slide with image or video background and hero content.

Pag-install

  1. Upload the plugin folder to /wp-content/plugins/adbrains-hero-slider
  2. Activate the plugin from the WordPress Plugins menu
  3. Open the block editor and search for:
    • Hero Slider
    • Hero Slide
  4. Add slides inside a Hero Slider block

FAQ

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.

Mga Review

Wala pang reviews para sa plugin na ito.

Mga Contributor at Developer

Ang “AdBrains Hero Slider” ay open source software. Ang mga sumusunod na tao ay nag-ambag sa plugin na ito.

Mga Contributor

Isalin ang “AdBrains Hero Slider” sa iyong wika.

Interesado sa development?

Tingnan ang code, i-check ang SVN repository, o mag-subscribe sa development log sa pamamagitan ng RSS.

Changelog

1.0.0

  • Initial release of Hero Block
  • Hero Slider block added
  • Hero Slide block added