AdBrains Hero Slider

外掛說明

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

螢幕擷圖

適用於區塊編輯器

這個外掛提供 2 個可供區塊編輯器使用的區塊。

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

安裝方式

  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

常見問題集

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.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈AdBrains Hero Slider〉的開發相關工作。

參與者

將〈AdBrains Hero Slider〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0.0

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