Announcement Banner

Description

The Announcement Banner plugin displays a notification banner at the top or bottom of your website. The settings page allows the user to set the banner to either fixed or relative position, choose background and text color, make the text linkable, toggle the banner on and off, and even add custom CSS.

Announcement Banner Features

  • Choose the background color and text color of the announcement banner.
  • Display the banner at the top or bottom of the page in fixed or relative position.
  • Add an optional ‘Close’ button to the banner.
  • Set a fixed banner height in pixels.
  • Custom message including HTML tags.
  • Link the entire banner text (optional)
  • Toggle the banner on and off.
  • Add your own custom CSS.

Plugin Settings

  • Show Announcement Banner – Turn the Announcement Banner on (Yes) and off (No) as needed. The banner will be off by default when installed.
  • Announcement Banner Position -The fixed setting will pin the banner to the top of the screen. It will stay pinned to the top even when scrolling. Relative will keep the banner in its normal position and it will scroll with the page.
  • Announcement Banner Placement – The default Announcement Banner placement is at the top.
  • Background Color and Text Color – This field will accept Hex code (Ex: #000000) or supported color name (Ex: black). Default background color is white. (#FFF) Default text color is dark gray. (#333)
  • Banner Height – Add a fixed height in pixels to the banner.
  • Top Padding – Add top padding the body element when the Announcement Banner is displayed. This can be useful when the banner is set to position: fixed.
  • Close Button – The close button will hide the banner on click. The button will appear on the right side of the banner.
  • Announcement Banner Message – Enter your text for your announcement. HTML is allowed.
  • Make Message a Link? – Make the full text of the announcement banner message a link.
  • Link URL – URL for the message link. This will only work if Make Message a Link setting is set to Yes.
  • Custom CSS – Add your own custom CSS.

Installation

  1. Install the Announcement Banner plugin either via the WordPress plugin directory, or by uploading the files to the /wp-content/plugins/ directory.
  2. Activate the plugin in the Plugins page in WordPress.
  3. The Settings page for Announcement Banner can be found in the admin menu under Settings > Announcement Banner.

FAQ

Announcement Banner Doesn’t Show Up

Check the Show Announcement Banner setting and make sure it is set to “Yes.” The Announcement Banner is off by default. If the banner is on, check to see that you have set some text in the Announcement Banner Message field.

Announcement Banner is at the bottom even though I have Announcement Banner Placement set to top

Check for any Javascript errors in the console. There may be a conflict.

The WordPress Admin bar is hiding part of my banner when I have it set to fixed at the top

Try adding the following to the Custom CSS field:

.admin-bar.minddnd-wa-announcement-fixed-top .minddnd-wa-announcement-wrap {
top: 32px;
}

@media only screen and (max-width: 782px) {
.admin-bar.minddnd-wa-announcement-fixed-top .minddnd-wa-announcement-wrap {
top: 46px;
}
}

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Announcement Banner” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Announcement Banner” into your language.

Interested in development?

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

Changelog

1.0.0

  • This is the initial version.