Sticky banner

Description

This plugin makes it easy to display a sticky announcement banner, at the top or bottom of your website. You can customise the colours to suit your site or brand. Preview your banner from the settings page, before you save/update.

Screenshots

  • Choose a banner background colour. Includes instant preview update
  • Choose a text colour. Includes instant preview update
  • Decide if the banner will show at the top or bottom of your site
  • Add banner text
  • Add button text
  • Include a button URL link

Installation

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’
  2. Search for ‘Sticky Banner’
  3. Activate ‘Sticky Banner’ from your Plugins page.
  4. Visit ‘Sticky Banner’ in the sidebarner to create a new banner.

From WordPress.org

  1. Download ‘Sticky Banner’.
  2. Upload the ‘hdsb-stickybanner’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘Sticky Banner’ from your Plugins page.
  4. Visit ‘Sticky Banner’ in the sidebar to add content and change colours.

FAQ

Will the banner hide my content

Only if you have other fixed elements at the top or bttom on your page (like a menu bar, header or cookie notice). If you have a fixed element at the top, use the bottom position option and vice versa. For all other page content, the banner automatically detects its own height and applies padding to the top or bottom of the page. This makes sure no content is hidden.

What font does the banner use

The banner font is Arial, which is universal font, available on all devices.

Reviews

May 10, 2020
Works as advertized. Would be great to have a cross to hide the bar, to add CSS to customize the font, the button shape, the text and button colors separately, and the bar height. Pretty cool already !
Read all 1 review

Contributors & Developers

“Sticky banner” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Sticky banner” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change log

1.0.0

  • Initial Version.