{"id":368723,"date":"2026-09-16T07:10:18","date_gmt":"2026-09-16T07:10:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/attn-hero-banner-image-banner-slider-carousel\/"},"modified":"2026-09-16T07:09:48","modified_gmt":"2026-09-16T07:09:48","slug":"attn-hero-banner-image-banner-slider-carousel","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/attn-hero-banner-image-banner-slider-carousel\/","author":23215450,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.5","stable_tag":"1.0.5","tested":"7.1","requires":"6.4","requires_php":"7.4","requires_plugins":null,"header_name":"ATTN Hero Banner \u2013 Image Banner Slider & Carousel","header_author":"Sabrina Mok","header_description":"Create responsive image banners and hero sliders with a live editor. Add them anywhere using a shortcode or block.","assets_banners_color":"b1c6e1","last_updated":"2026-09-16 07:09:48","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/attn-hero-banner-image-banner-slider-carousel\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":25,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.5":{"tag":"1.0.5","author":"hellosabrinamok","date":"2026-09-16 07:09:48","revision":3698045}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3698045,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3698045,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3698045,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3698045,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"attn\/hero-banner":{"name":"attn\/hero-banner","title":"ATTN Hero Banner"}},"tagged_versions":["1.0.5"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3698045,"resolution":"1","location":"assets","locale":"","width":1895,"height":830},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3698045,"resolution":"2","location":"assets","locale":"","width":1897,"height":829},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3698045,"resolution":"3","location":"assets","locale":"","width":1857,"height":847}},"screenshots":{"1":"Create image overlay banners with one or two images, responsive content and customizable layout settings.","2":"Build readable content card banners with editable colors, typography, positioning and buttons.","3":"Choose between Image Overlay and Content Card templates while viewing the live banner preview."}},"plugin_section":[],"plugin_tags":[784,786,27923,80,611],"plugin_category":[43,50],"plugin_contributors":[259507],"plugin_business_model":[],"class_list":["post-368723","plugin","type-plugin","status-publish","hentry","plugin_tags-banner","plugin_tags-carousel","plugin_tags-hero","plugin_tags-shortcode","plugin_tags-slider","plugin_category-customization","plugin_category-media","plugin_contributors-hellosabrinamok","plugin_committers-hellosabrinamok"],"banners":{"banner":"https:\/\/ps.w.org\/attn-hero-banner-image-banner-slider-carousel\/assets\/banner-772x250.png?rev=3698045","banner_2x":"https:\/\/ps.w.org\/attn-hero-banner-image-banner-slider-carousel\/assets\/banner-1544x500.png?rev=3698045","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/attn-hero-banner-image-banner-slider-carousel\/assets\/icon-128x128.png?rev=3698045","icon_2x":"https:\/\/ps.w.org\/attn-hero-banner-image-banner-slider-carousel\/assets\/icon-256x256.png?rev=3698045","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/attn-hero-banner-image-banner-slider-carousel\/assets\/screenshot-1.png?rev=3698045","caption":"Create image overlay banners with one or two images, responsive content and customizable layout settings."},{"src":"https:\/\/ps.w.org\/attn-hero-banner-image-banner-slider-carousel\/assets\/screenshot-2.png?rev=3698045","caption":"Build readable content card banners with editable colors, typography, positioning and buttons."},{"src":"https:\/\/ps.w.org\/attn-hero-banner-image-banner-slider-carousel\/assets\/screenshot-3.png?rev=3698045","caption":"Choose between Image Overlay and Content Card templates while viewing the live banner preview."}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<p>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.<\/p>\n\n<p>Features include:<\/p>\n\n<ul>\n<li>Live desktop and mobile preview<\/li>\n<li>Image Overlay and Content Card templates<\/li>\n<li>One or two images per slide<\/li>\n<li>Optional mobile-specific images<\/li>\n<li>Multiple slides with autoplay, arrows, dots, swipe, slide or fade transitions<\/li>\n<li>Separate desktop and mobile typography and alignment<\/li>\n<li>Optional mobile content container below the image<\/li>\n<li>Colors, overlays, padding, sizing, buttons and content positioning<\/li>\n<li>Draft, publish, duplicate and reorder workflows<\/li>\n<li><code>[attn_hero id=\"123\"]<\/code> shortcode<\/li>\n<li>Dynamic Gutenberg block<\/li>\n<li>No external services, tracking or accounts<\/li>\n<\/ul>\n\n<h4>Source code<\/h4>\n\n<p>The JavaScript in <code>assets\/admin.js<\/code>, <code>assets\/block.js<\/code>, and <code>assets\/frontend.js<\/code> 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.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to <code>\/wp-content\/plugins\/<\/code> or install the ZIP through Plugins &gt; Add New &gt; Upload Plugin.<\/li>\n<li>Activate ATTN Hero Banner.<\/li>\n<li>Open ATTN Hero in the WordPress admin menu.<\/li>\n<li>Create and publish a hero.<\/li>\n<li>Copy its shortcode into any shortcode-compatible area, or insert the ATTN Hero Banner block.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"can%20i%20use%20this%20with%20elementor%20or%20another%20page%20builder%3F\"><h3>Can I use this with Elementor or another page builder?<\/h3><\/dt>\n<dd><p>Yes. Insert the generated shortcode using the builder's Shortcode widget or module.<\/p><\/dd>\n<dt id=\"how%20do%20i%20create%20a%20carousel%3F\"><h3>How do I create a carousel?<\/h3><\/dt>\n<dd><p>Add a second slide. Slider settings appear in the editor and control autoplay, transitions, arrows, dots and looping.<\/p><\/dd>\n<dt id=\"can%20one%20slide%20contain%20two%20images%3F\"><h3>Can one slide contain two images?<\/h3><\/dt>\n<dd><p>Yes. Add a second image to a slide. Both images remain side by side on desktop and mobile.<\/p><\/dd>\n<dt id=\"what%20does%20show%20container%20on%20mobile%20do%3F\"><h3>What does Show container on mobile do?<\/h3><\/dt>\n<dd><p>It moves the slide content into a separate colored section beneath the images on smaller screens.<\/p><\/dd>\n<dt id=\"can%20i%20display%20a%20banner%20without%20an%20image%3F\"><h3>Can I display a banner without an image?<\/h3><\/dt>\n<dd><p>Yes. Select a banner background color and leave the image fields empty.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Matched the translation text domain to the WordPress.org plugin slug.<\/li>\n<li>Added object-level permission checks to the hero REST API routes.<\/li>\n<li>Documented the included, unminified JavaScript source and build process.<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Added a translator note for the carousel slide labels.<\/li>\n<li>Read the editor's hero ID in the browser instead of accessing a read-only query parameter in PHP.<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Changed the exposed background during slide transitions from black to white.<\/li>\n<li>Improved the plugin title, summary, tags, and feature description for clarity and discovery.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Simplified the template library to Image Overlay and Content Card.<\/li>\n<li>Applied content positioning consistently to text and buttons.<\/li>\n<li>Limited corner radius styling to content cards.<\/li>\n<li>Fixed solid banner backgrounds when no image is selected.<\/li>\n<li>Banner background color now also controls the image overlay tint.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Fixed the Add New editor incorrectly requesting hero ID 0 on some WordPress installations.<\/li>\n<li>Added graceful error handling when an existing hero cannot be loaded.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Create responsive image banners and hero sliders with a live editor. Place them anywhere with a shortcode or block.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/368723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=368723"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/hellosabrinamok"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=368723"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=368723"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=368723"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=368723"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=368723"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=368723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}