{"id":374726,"date":"2026-09-24T17:16:18","date_gmt":"2026-09-24T17:16:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/definitive-announcement-bar-simple-lightweight-top-bar-for-bricks-and-online-stores\/"},"modified":"2026-09-24T17:15:52","modified_gmt":"2026-09-24T17:15:52","slug":"definitive-announcement-bar","status":"publish","type":"plugin","link":"https:\/\/kin.wordpress.org\/plugins\/definitive-announcement-bar\/","author":23403779,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1.2","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Definitive Announcement Bar \u2013 Simple, Lightweight Top Bar for Bricks and Online Stores","header_author":"studio leokawa","header_description":"A lightweight, rotating announcement bar for any theme. Works with Bricks Builder, block and classic themes, and WooCommerce.","assets_banners_color":"","last_updated":"2026-09-24 17:15:52","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/leokawa.design","rating":0,"author_block_rating":0,"active_installs":0,"downloads":46,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"studioleokawa","date":"2026-09-24 17:15:52","revision":3711742}},"upgrade_notice":[],"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3711777,"resolution":"1","location":"assets","locale":"","width":1920,"height":450},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3711777,"resolution":"2","location":"assets","locale":"","width":1488,"height":2081},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3711777,"resolution":"3","location":"assets","locale":"","width":1488,"height":2898}},"screenshots":{"1":"The announcement bar at the top of a WooCommerce store.","2":"Content and placement settings.","3":"Appearance, close button and display rules."}},"plugin_section":[],"plugin_tags":[7553,198723,1290,15525,286],"plugin_category":[45],"plugin_contributors":[282541],"plugin_business_model":[],"class_list":["post-374726","plugin","type-plugin","status-publish","hentry","plugin_tags-announcement-bar","plugin_tags-bricks","plugin_tags-notification-bar","plugin_tags-top-bar","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-studioleokawa","plugin_committers-studioleokawa"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/definitive-announcement-bar.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/definitive-announcement-bar\/assets\/screenshot-1.png?rev=3711777","caption":"The announcement bar at the top of a WooCommerce store."},{"src":"https:\/\/ps.w.org\/definitive-announcement-bar\/assets\/screenshot-2.png?rev=3711777","caption":"Content and placement settings."},{"src":"https:\/\/ps.w.org\/definitive-announcement-bar\/assets\/screenshot-3.png?rev=3711777","caption":"Appearance, close button and display rules."}],"raw_content":"<!--section=description-->\n<p>Definitive Announcement Bar adds a clean bar to the top of your site for shipping notices, sales, opening hours or any other short message. Add several messages and they cross-fade automatically.<\/p>\n\n<p>It is built to stay out of your way: one small stylesheet, one small script without jQuery, and nothing is loaded on pages where the bar is hidden.<\/p>\n\n<h4>Works with your setup<\/h4>\n\n<ul>\n<li><strong>Bricks Builder<\/strong> \u2013 the bar is placed right before your Bricks header. It is never shown inside the builder. Colors, font size and padding accept Bricks CSS variables such as <code>var(--primary)<\/code>.<\/li>\n<li><strong>Any other theme<\/strong> \u2013 block themes and classic themes use the standard <code>wp_body_open<\/code> hook. For older themes without that hook, the bar is moved to the top of the page automatically.<\/li>\n<li><strong>WooCommerce<\/strong> \u2013 show or hide the bar on the shop, product categories, single products, cart, checkout and My Account. Shortcodes inside messages work, too. Compatible with High-Performance Order Storage and the block-based cart and checkout.<\/li>\n<li><strong>Page builders and custom headers<\/strong> \u2013 switch to manual placement and use the <code>[definitive_announcement_bar]<\/code> shortcode wherever you want the bar.<\/li>\n<\/ul>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Multiple rotating messages, edited in a compact visual editor with bold, italic and links<\/li>\n<li>Live preview on the settings page that updates while you edit<\/li>\n<li>Optional call-to-action button with its own colors<\/li>\n<li>Background, text, link and close button colors, font family, font size, height, padding, alignment and uppercase style<\/li>\n<li>Pick a font installed on your site (theme, Font Library or Bricks custom fonts) or type any CSS font-family<\/li>\n<li>Top of the page, optionally sticky while scrolling, or fixed to the bottom of the screen<\/li>\n<li>Optional close button (\u00d7): a closed bar stays hidden for the session or a number of days, and reappears automatically when you change the messages<\/li>\n<li>Show the bar everywhere except selected pages, or only on selected pages: front page, blog, posts, pages, search, 404 or WooCommerce pages<\/li>\n<li>Always show or never show the bar on any single post, page or product from its edit screen<\/li>\n<li>Show the bar on desktop and mobile, desktop only or mobile only<\/li>\n<li>Show the bar to everyone, only logged-in users or only logged-out visitors<\/li>\n<li>Schedule a start and end date, for example for a weekend sale<\/li>\n<li>Works with page caching: dismissal and scheduling are also checked in the browser<\/li>\n<li>Accessible: keyboard-friendly close button, rotation pauses on hover and focus, and animations are turned off for visitors who prefer reduced motion<\/li>\n<li>Translation ready and RTL friendly. Messages and the button can be translated with WPML or Polylang<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>In your WordPress admin, go to <strong>Plugins \u2192 Add New<\/strong> and search for \"Definitive Announcement Bar\".<\/li>\n<li>Install and activate the plugin.<\/li>\n<li>Go to <strong>Settings \u2192 Announcement Bar<\/strong>, add your messages and save.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20work%20with%20bricks%20builder%3F\"><h3>Does it work with Bricks Builder?<\/h3><\/dt>\n<dd><p>Yes. When Bricks is your active theme, the bar is printed right before the Bricks header template. If you would rather place it inside your header, choose \"Manual\" placement and add the <code>[definitive_announcement_bar]<\/code> shortcode with a Bricks Shortcode element.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20woocommerce%3F\"><h3>Does it work with WooCommerce?<\/h3><\/dt>\n<dd><p>Yes. WooCommerce pages get their own display rules, so you can, for example, hide the bar on the checkout. You can also hide it on individual products.<\/p><\/dd>\n<dt id=\"my%20sticky%20header%20covers%20the%20bar.%20what%20can%20i%20do%3F\"><h3>My sticky header covers the bar. What can I do?<\/h3><\/dt>\n<dd><p>When the bar is visible, its height is available as the CSS variable <code>--dabar-height<\/code> on the <code>html<\/code> element. Add <code>top: var(--dabar-height, 0px);<\/code> to your sticky header. The variable is set to <code>0px<\/code> once a visitor closes the bar.<\/p><\/dd>\n<dt id=\"the%20sticky%20option%20does%20not%20work.\"><h3>The sticky option does not work.<\/h3><\/dt>\n<dd><p>Sticky positioning is blocked when a parent element uses <code>overflow: hidden<\/code>. Check your theme or custom CSS for <code>overflow<\/code> on <code>html<\/code>, <code>body<\/code> or wrapper elements.<\/p><\/dd>\n<dt id=\"when%20does%20a%20closed%20bar%20show%20again%3F\"><h3>When does a closed bar show again?<\/h3><\/dt>\n<dd><p>With \"Keep closed for\" set to 0, the bar comes back in the next browser session. Otherwise it stays closed for the number of days you choose. Changing the messages always shows the bar again to everyone.<\/p><\/dd>\n<dt id=\"can%20i%20control%20where%20the%20bar%20appears%20with%20code%3F\"><h3>Can I control where the bar appears with code?<\/h3><\/dt>\n<dd><p>Use the <code>dabar_should_display<\/code> filter:<\/p>\n\n<pre><code>add_filter( 'dabar_should_display', function ( $display ) { return is_page( 'contact' ) ? false : $display; } );\n<\/code><\/pre><\/dd>\n<dt id=\"can%20i%20style%20the%20bar%20with%20my%20own%20css%3F\"><h3>Can I style the bar with my own CSS?<\/h3><\/dt>\n<dd><p>Yes. The bar uses the ID <code>#dabar<\/code> and the classes <code>.dabar__inner<\/code>, <code>.dabar__content<\/code>, <code>.dabar__message<\/code>, <code>.dabar__button<\/code> and <code>.dabar__close<\/code>. The colors and sizes are CSS custom properties (<code>--dabar-bg<\/code>, <code>--dabar-color<\/code>, <code>--dabar-close-color<\/code>, <code>--dabar-link-color<\/code>, <code>--dabar-button-bg<\/code>, <code>--dabar-button-color<\/code>, <code>--dabar-font-family<\/code>, <code>--dabar-font-size<\/code>, <code>--dabar-min-height<\/code>, <code>--dabar-padding<\/code>), so you can override them in your stylesheet.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"A lightweight, rotating announcement bar for any theme. Works with Bricks Builder, block and classic themes, and WooCommerce.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/374726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=374726"}],"author":[{"embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/studioleokawa"}],"wp:attachment":[{"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=374726"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=374726"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=374726"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=374726"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=374726"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=374726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}