{"id":387358,"date":"2026-10-17T18:34:51","date_gmt":"2026-10-17T18:34:51","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/wbd-sticky-bar-block\/"},"modified":"2026-10-17T18:34:30","modified_gmt":"2026-10-17T18:34:30","slug":"noticebar-sticky-banner-block","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/noticebar-sticky-banner-block\/","author":23409020,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.1","stable_tag":"1.0.1","tested":"7.1.3","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"NoticeBar Sticky Banner Block","header_author":"WPBrand Digital","header_description":"Create sticky announcement, promotion, and CTA bars directly in the WordPress Block Editor.","assets_banners_color":"c3c3c9","last_updated":"2026-10-17 18:34:30","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/wpbranddigital.org","rating":0,"author_block_rating":0,"active_installs":0,"downloads":62,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"wpbranddigital25","date":"2026-10-17 18:34:30","revision":3752263}},"upgrade_notice":{"1.0.1":"<p>Updated release with revised plugin slug and naming.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3752263,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3752263,"resolution":"772x250","location":"assets","locale":"","width":2079,"height":756}},"assets_blueprints":{},"all_blocks":{"sticky-bar-block\/sticky-bar":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"sticky-bar-block\/sticky-bar","version":"1.0.1","title":"Sticky Bar","category":"design","description":"Create a sticky announcement, promotion, or call-to-action bar.","keywords":["announcement","notification","banner","promotion","cta"],"textdomain":"noticebar-sticky-banner-block","attributes":{"barId":{"type":"string","default":""},"preset":{"type":"string","default":""},"position":{"type":"string","enum":["top","bottom"],"default":"top"},"offset":{"type":"number","default":0},"zIndex":{"type":"number","default":999},"adminBarOffset":{"type":"boolean","default":true},"contentJustification":{"type":"string","enum":["left","center","right","space-between"],"default":"center"},"gap":{"type":"number","default":16},"contentMaxWidth":{"type":"number","default":0},"stackOnMobile":{"type":"boolean","default":true},"ariaLabel":{"type":"string","default":""},"showCta":{"type":"boolean","default":true},"ctaText":{"type":"string","default":""},"ctaUrl":{"type":"string","default":""},"ctaNewTab":{"type":"boolean","default":false},"ctaBackgroundColor":{"type":"string","default":""},"ctaTextColor":{"type":"string","default":""},"ctaBorderRadius":{"type":"number","default":4},"ctaPaddingY":{"type":"number","default":8},"ctaPaddingX":{"type":"number","default":16},"ctaFontSize":{"type":"string","default":""},"ctaFontWeight":{"type":"string","default":""},"showClose":{"type":"boolean","default":true},"closeIconSize":{"type":"number","default":20},"closeIconColor":{"type":"string","default":""},"dismissMemory":{"type":"string","enum":["none","session","local"],"default":"session"},"hideOnDesktop":{"type":"boolean","default":false},"hideOnTablet":{"type":"boolean","default":false},"hideOnMobile":{"type":"boolean","default":false},"animation":{"type":"string","enum":["none","fade","slide"],"default":"slide"}},"supports":{"html":false,"anchor":true,"color":{"background":true,"text":true,"link":true,"gradients":true,"__experimentalDefaultControls":{"background":true,"text":true}},"spacing":{"padding":true,"margin":true,"__experimentalDefaultControls":{"padding":true}},"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"__experimentalFontWeight":true,"__experimentalDefaultControls":{"fontSize":true}},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true},"shadow":true},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","viewScript":"file:.\/view.js","render":"file:.\/render.php"}},"tagged_versions":["1.0.1"],"block_files":["\/tags\/1.0.1\/build\/sticky-bar\/index.js","\/tags\/1.0.1\/build\/sticky-bar\/index.css","\/tags\/1.0.1\/build\/sticky-bar\/style-index.css"],"assets_screenshots":[],"screenshots":[]},"plugin_section":[172757],"plugin_tags":[7553,8857,1290,2647,15526],"plugin_category":[],"plugin_contributors":[252525],"plugin_business_model":[],"class_list":["post-387358","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_tags-announcement-bar","plugin_tags-cta","plugin_tags-notification-bar","plugin_tags-promotion","plugin_tags-sticky-bar","plugin_contributors-wpbranddigital25","plugin_committers-wpbranddigital25"],"banners":{"banner":"https:\/\/ps.w.org\/noticebar-sticky-banner-block\/assets\/banner-772x250.png?rev=3752263","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/noticebar-sticky-banner-block\/assets\/icon-128x128.png?rev=3752263","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Sticky Bar Block adds a single, focused <strong>Sticky Bar<\/strong> block to the WordPress Block Editor. Use it to show an announcement, a sale, a free-shipping message, or a call to action that stays visible at the top or bottom of the screen while visitors scroll.<\/p>\n\n<p>Everything is edited visually in Gutenberg: write your message, add a button, choose colors, and publish. No settings pages, no shortcodes.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>Top or bottom<\/strong> placement with adjustable offset and z-index.<\/li>\n<li>Automatically stays below the WordPress admin toolbar for logged-in users.<\/li>\n<li><strong>Content<\/strong> written with regular Paragraph and Heading blocks.<\/li>\n<li><strong>One call-to-action button<\/strong> with URL, new-tab option, colors, border radius, padding, font size and weight.<\/li>\n<li><strong>Optional close button<\/strong> with icon size and color, plus an option to keep the bar hidden for the session or on the device after it is closed.<\/li>\n<li><strong>Design controls<\/strong> using native block tools: background color or gradient, text color, typography, padding, margin, border, radius and shadow.<\/li>\n<li><strong>Layout controls<\/strong>: content alignment, gap, content max width and stacking on mobile.<\/li>\n<li><strong>Responsive visibility<\/strong>: hide the bar on desktop, tablet or mobile.<\/li>\n<li><strong>Fade or slide<\/strong> entrance animation that is turned off automatically for visitors who prefer reduced motion.<\/li>\n<li><strong>Four starter presets<\/strong>: Announcement, Promotion, CTA and Free Shipping bars.<\/li>\n<\/ul>\n\n<h4>Lightweight by design<\/h4>\n\n<ul>\n<li>CSS and JavaScript load only on pages that contain a Sticky Bar block.<\/li>\n<li>No jQuery and no third-party libraries. The frontend script is about 1 KB and only handles the close button.<\/li>\n<li>No database tables, no settings, no AJAX, no REST endpoints, no external requests and no tracking.<\/li>\n<\/ul>\n\n<h4>Accessible<\/h4>\n\n<ul>\n<li>The bar is a labelled region, the CTA is a real link and the close button is a real button with an accessible name.<\/li>\n<li>Clear keyboard focus styles on any background color.<\/li>\n<li>Press Escape while focus is inside the bar to close it.<\/li>\n<li>The close button stays hidden when JavaScript is unavailable, so visitors never see a button that does nothing.<\/li>\n<li>Honors the <code>prefers-reduced-motion<\/code> setting.<\/li>\n<\/ul>\n\n<h3>Development<\/h3>\n\n<p>Public source code repository:\nhttps:\/\/github.com\/wpbranddigital\/noticebar-sticky-banner-block<\/p>\n\n<p>Build Instructions:<\/p>\n\n<ol>\n<li>npm install<\/li>\n<li>npm run build<\/li>\n<li>npm run start (development)<\/li>\n<\/ol>\n\n<p>NoticeBar Sticky Banner Block is built using @wordpress\/scripts.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>noticebar-sticky-banner-block<\/code> folder to <code>\/wp-content\/plugins\/<\/code>, or install the plugin from the <strong>Plugins \u2192 Add New<\/strong> screen.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> screen.<\/li>\n<li>Edit a post, page or template, open the block inserter and add <strong>Sticky Bar<\/strong> (or one of the presets) from the <strong>Design<\/strong> category.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"where%20should%20i%20add%20the%20block%3F\"><h3>Where should I add the block?<\/h3><\/dt>\n<dd><p>Add it to any post or page to show the bar on that page only. To show it across your whole site with a block theme, add it to a template part such as the Header or Footer in <strong>Appearance \u2192 Editor<\/strong>.<\/p><\/dd>\n<dt id=\"why%20does%20the%20bar%20look%20different%20in%20the%20editor%3F\"><h3>Why does the bar look different in the editor?<\/h3><\/dt>\n<dd><p>In the editor the bar is shown where you placed it so it never covers the content you are editing. On your site it sticks to the top or bottom of the screen.<\/p><\/dd>\n<dt id=\"why%20is%20my%20button%20not%20showing%20on%20the%20site%3F\"><h3>Why is my button not showing on the site?<\/h3><\/dt>\n<dd><p>The button is displayed only when it has both text and a URL. Add a URL in the <strong>Call to action<\/strong> panel.<\/p><\/dd>\n<dt id=\"how%20does%20%22remember%20dismissal%22%20work%3F\"><h3>How does \"remember dismissal\" work?<\/h3><\/dt>\n<dd><p>When a visitor closes the bar, the choice can be stored in their browser's session storage (until the browser tab is closed) or local storage (on that device). Nothing is sent to your server. If you change the bar's text, it is shown again to everyone.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20store%20any%20data%3F\"><h3>Does the plugin store any data?<\/h3><\/dt>\n<dd><p>No. The plugin does not create options, tables or cookies. Bars are saved as blocks in your content.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Renamed plugin display name and slug to NoticeBar Sticky Banner Block to prevent naming conflicts.<\/li>\n<li>Updated text domain and localization strings.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Create sticky announcement, promotion, and CTA bars directly in the WordPress Block Editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/387358","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=387358"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wpbranddigital25"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=387358"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=387358"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=387358"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=387358"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=387358"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=387358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}