AdBrains Hero Slider

Beskrivning

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

Skärmdumpar

Block

Detta tillägg tillhandahåller 2 block.

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

Installation

  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

Vanliga frågor

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.

Recensioner

Detta tillägg har inga recensioner.

Bidragsgivare och utvecklare

”AdBrains Hero Slider” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

Översätt ”AdBrains Hero Slider” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

1.0.0

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