Title: ATTN Hero Banner – Image Banner Slider & Carousel Author: hellosabrinamok Published: September 16, 2026 Last modified: September 16, 2026 --- Search plugins ![](https://ps.w.org/attn-hero-banner-image-banner-slider-carousel/assets/banner- 772x250.png?rev=3698045) ![](https://ps.w.org/attn-hero-banner-image-banner-slider-carousel/assets/icon-256x256. png?rev=3698045) # ATTN Hero Banner – Image Banner Slider & Carousel By [hellosabrinamok](https://profiles.wordpress.org/hellosabrinamok/) [Download](https://downloads.wordpress.org/plugin/attn-hero-banner-image-banner-slider-carousel.1.0.5.zip) * [Details](https://wordpress.org/plugins/attn-hero-banner-image-banner-slider-carousel/#description) * [Reviews](https://wordpress.org/plugins/attn-hero-banner-image-banner-slider-carousel/#reviews) * [Installation](https://wordpress.org/plugins/attn-hero-banner-image-banner-slider-carousel/#installation) * [Development](https://wordpress.org/plugins/attn-hero-banner-image-banner-slider-carousel/#developers) [Support](https://wordpress.org/support/plugin/attn-hero-banner-image-banner-slider-carousel/) ## Description Create reusable image banners, hero sliders, and carousels without a page-builder add-on. Choose an Image Overlay or Content Card layout, customize each slide in the live desktop and mobile preview, then add the finished banner to a page using a shortcode or WordPress block. Use a single slide for a static hero banner or add more slides to create a carousel. Each slide can show one image, two side-by-side images, or just a background color. Add a heading, supporting text, and up to two buttons. The settings include image overlay colors, content positioning, and mobile-specific controls. Features include: * Live desktop and mobile preview * Image Overlay and Content Card templates * One or two images per slide * Optional mobile-specific images * Multiple slides with autoplay, arrows, dots, swipe, slide or fade transitions * Separate desktop and mobile typography and alignment * Optional mobile content container below the image * Colors, overlays, padding, sizing, buttons and content positioning * Draft, publish, duplicate and reorder workflows * `[attn_hero id="123"]` shortcode * Dynamic Gutenberg block * No external services, tracking or accounts #### Source code The JavaScript in `assets/admin.js`, `assets/block.js`, and `assets/frontend.js` is the original, unminified source code shipped directly to WordPress. It is written using WordPress-provided JavaScript APIs and does not require npm, webpack, transpilation, or another build tool. No compiled JavaScript is included. ## Screenshots [⌊Create image overlay banners with one or two images, responsive content and customizable layout settings.⌉⌊Create image overlay banners with one or two images, responsive content and customizable layout settings.⌉[ Create image overlay banners with one or two images, responsive content and customizable layout settings. [⌊Build readable content card banners with editable colors, typography, positioning and buttons.⌉⌊Build readable content card banners with editable colors, typography, positioning and buttons.⌉[ Build readable content card banners with editable colors, typography, positioning and buttons. [⌊Choose between Image Overlay and Content Card templates while viewing the live banner preview.⌉⌊Choose between Image Overlay and Content Card templates while viewing the live banner preview.⌉[ Choose between Image Overlay and Content Card templates while viewing the live banner preview. ## Blocks This plugin provides 1 block. * ATTN Hero Banner ## Installation 1. Upload the plugin folder to `/wp-content/plugins/` or install the ZIP through Plugins > Add New > Upload Plugin. 2. Activate ATTN Hero Banner. 3. Open ATTN Hero in the WordPress admin menu. 4. Create and publish a hero. 5. Copy its shortcode into any shortcode-compatible area, or insert the ATTN Hero Banner block. ## FAQ ### Can I use this with Elementor or another page builder? Yes. Insert the generated shortcode using the builder’s Shortcode widget or module. ### How do I create a carousel? Add a second slide. Slider settings appear in the editor and control autoplay, transitions, arrows, dots and looping. ### Can one slide contain two images? Yes. Add a second image to a slide. Both images remain side by side on desktop and mobile. ### What does Show container on mobile do? It moves the slide content into a separate colored section beneath the images on smaller screens. ### Can I display a banner without an image? Yes. Select a banner background color and leave the image fields empty. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “ATTN Hero Banner – Image Banner Slider & Carousel” is open source software. The following people have contributed to this plugin. Contributors * [ hellosabrinamok ](https://profiles.wordpress.org/hellosabrinamok/) [Translate “ATTN Hero Banner – Image Banner Slider & Carousel” into your language.](https://translate.wordpress.org/projects/wp-plugins/attn-hero-banner-image-banner-slider-carousel) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/attn-hero-banner-image-banner-slider-carousel/), check out the [SVN repository](https://plugins.svn.wordpress.org/attn-hero-banner-image-banner-slider-carousel/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/attn-hero-banner-image-banner-slider-carousel/) by [RSS](https://plugins.trac.wordpress.org/log/attn-hero-banner-image-banner-slider-carousel/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.5 * Matched the translation text domain to the WordPress.org plugin slug. * Added object-level permission checks to the hero REST API routes. * Documented the included, unminified JavaScript source and build process. #### 1.0.4 * Added a translator note for the carousel slide labels. * Read the editor’s hero ID in the browser instead of accessing a read-only query parameter in PHP. #### 1.0.3 * Changed the exposed background during slide transitions from black to white. * Improved the plugin title, summary, tags, and feature description for clarity and discovery. #### 1.0.2 * Simplified the template library to Image Overlay and Content Card. * Applied content positioning consistently to text and buttons. * Limited corner radius styling to content cards. * Fixed solid banner backgrounds when no image is selected. * Banner background color now also controls the image overlay tint. #### 1.0.1 * Fixed the Add New editor incorrectly requesting hero ID 0 on some WordPress installations. * Added graceful error handling when an existing hero cannot be loaded. #### 1.0.0 * Initial release. ## Meta * Version **1.0.5** * Last updated **10 hours ago** * Active installations **Fewer than 10** * WordPress version ** 6.4 or higher ** * Tested up to **7.1** * PHP version ** 7.4 or higher ** * Tags * [banner](https://wordpress.org/plugins/tags/banner/)[carousel](https://wordpress.org/plugins/tags/carousel/) [hero](https://wordpress.org/plugins/tags/hero/)[shortcode](https://wordpress.org/plugins/tags/shortcode/) [slider](https://wordpress.org/plugins/tags/slider/) * [Advanced View](https://wordpress.org/plugins/attn-hero-banner-image-banner-slider-carousel/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/attn-hero-banner-image-banner-slider-carousel/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/attn-hero-banner-image-banner-slider-carousel/reviews/) ## Contributors * [ hellosabrinamok ](https://profiles.wordpress.org/hellosabrinamok/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/attn-hero-banner-image-banner-slider-carousel/)