Aha Hero Slider

توسط Estevao Acioli

Aha Hero Slider is a 100% free hero carousel for WordPress: one shortcode, a dedicated slide library, and a front end that is tuned for real visitors — not only for wide desktop screens.

Demo | Product page | Documentation | Support

Why this plugin is different

Hero sections often look great on desktop and fall apart on mobile — cramped text, awkward crops, buttons that are hard to tap. Aha Hero Slider is built so your Default slides adapt the layout: on phones and small tablets, each slide becomes a clean card — image on top, then headline, copy, and CTAs on a dedicated content area — so your offer stays readable, on-brand, and conversion-friendly on the device people actually use to browse.

We’re Aha Plugins: we ship professional WordPress tools and use generous free plugins so you can see our quality firsthand. When you need more for your business, browse our plugins — we’ll be glad to earn your trust.

What you get under the hood (technical overview)

Dedicated Hero Slides CPT with fields for desktop image, mobile image, badge, headline, subtitle, and one or two action buttons
Two slide templates: Default (text + buttons, with the mobile card behaviour above) and Image Only (full-area image with optional link)
Shortcode [aha_hero_slider] with optional group to show different sliders on different pages
Hierarchical Slide groups taxonomy for organizing slides
Per-slide style options: text colors, font sizes, button colors, border radius
Global Design settings: default arrow, bullet, text, and button colors; optional overlay mask; autoplay progress colors — from Settings Design
Optional autoplay progress indicator (progress="bar" or progress="circle" via shortcode); autoplay pauses on hover on pointer devices
Arrows use a subtle hover reveal; pagination uses accessible controls
Front-end carousel in vanilla JavaScript (no jQuery carousel dependency)
Works with any theme or page builder (Elementor, Bricks, Oxygen, Divi, etc.) via shortcode
Uninstall tab: optional removal of plugin data when the plugin is deleted from Plugins Installed Plugins (not on deactivate alone)

Translations

Default language: English — all user-facing strings in the plugin source are in English (the reference locale).
Brazilian Portuguese (pt_BR) — translation files (aha-hero-slider-pt_BR.po / .mo) are bundled in the languages/ folder. When your site language is set to Português do Brasil under Settings General, the plugin loads those strings automatically.

Global Design & Color Palette

Go to Aha Hero Slider Settings Design to configure a neutral color palette for the slider. Set defaults for arrow colors, bullet colors, text colors, button colors, and an optional overlay mask for better text contrast. Individual slides can override these defaults with their own per-slide styles.

Multiple Sliders on the Same Site

Create Slide groups (taxonomy) and assign each slide to a group. Use the shortcode with a group slug: [aha_hero_slider group="homepage"]. Multiple groups: [aha_hero_slider group="home,sale"].

More from the same team: Aha Plugins — WordPress plugins for serious sites

Third-party libraries

The front-end carousel uses plain JavaScript (no jQuery). No carousel library is bundled and no data is sent to external servers for slideshow behaviour.

Install the plugin via Plugins Add New (search for “Aha Hero Slider”) or upload the ZIP file.
Click Activate.
Go to Aha Hero Slider in the admin sidebar and create your first slide.
Place the shortcode [aha_hero_slider] on any page, post, widget, or page builder block.

Manual installation via FTP

Unzip the plugin ZIP on your computer.
Upload the aha-hero-slider folder to wp-content/plugins/.
In WordPress admin, go to Plugins and activate Aha Hero Slider.

سوالات متداول

Can I use this with Elementor, Bricks, Divi, or other page builders?

Yes. Use the shortcode [aha_hero_slider] inside any shortcode block or widget in your page builder of choice.

How does the slider look on phones and small tablets?

For Default slides, the layout becomes a stacked card: image on top, then badge, headline, subtitle, and buttons on a solid content area below. Set that background under Aha Hero Slider Settings Design (mobile section for the Default template). The goal is readable type and tappable buttons instead of squeezing a desktop hero into a narrow viewport.

How do I order slides?

In the CPT, use the Order field (Page Attributes) — lower values appear first.

How do I show different sliders on different pages?

Create Slide groups under Hero Slider Slide Groups. Assign each slide to one or more groups. Use the shortcode with a group slug, e.g. [aha_hero_slider group="homepage"] on the home page and [aha_hero_slider group="products"] elsewhere.

How do I set a global color palette?

Go to Aha Hero Slider Settings Design. From there you can configure default colors for arrows, bullets, text elements, and buttons. You can also enable an overlay mask for better text contrast over images.

Can I customize colors per slide?

Yes. Open any slide in the editor and use the Style options under each field (badge, headline, subtitle, buttons) to set per-slide colors and font sizes. These override the global defaults.

Where can I get support?

Visit ahaplugins.com/support or open a topic in the WordPress.org support forum.

What happens when I uninstall or delete the plugin?

Deactivating leaves your slides and settings in the database. Deleting the plugin runs uninstall.php. Data is only removed if you enabled Remove all plugin data when the plugin is deleted on the Uninstall settings tab before deletion. When enabled, Hero slide posts, slide groups, and plugin options are removed; media library files are not deleted automatically.