Simple Banner


This plugin makes it easy to display a simple announcement banner or bar at the top of your website. You can easily customize the color of the links, text, and background of the bar from within the settings. You can also customize to your heart’s desire by adding your own custom CSS. There’s also a fancy preview section within the settings so you can see your changes before you save them.

Known Bugs

Disabling banner on homepage.

Some themes use a page id of 1 for the homepage, other themes make that id dynamic, which is not accounted for currently.
In the meantime you can use the following custom JavaScript to disable on your homepage:

document.addEventListener('DOMContentLoaded', function(){
  if (window.location.href === "YOUR_WEBSITE_URL_HERE"){
}, false);

Tangkapan Layar

  • This is the first screen shot.
  • This is the second screen shot.
  • This is the third screen shot.
  • This is the settings page... and the fourth screen shot.


From your WordPress dashboard

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


  1. Download ‘Simple Banner’.
  2. Upload the ‘simple-banner’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘Simple Banner’ from your Plugins page.
  4. Visit ‘Simple Banner’ in the sidebar to create a new banner.


What does the banner look like in my DOM?

This is how the banner will look in your HTML:

<div id="simple-banner" class="simple-banner">
<div class="simple-banner-text">

The banner or changes to the banner aren’t showing up, or are only showing up when I’m logged in, what’s wrong?

Your browser frequently caches scripts associated with a website in order to improve speed and performance. There are also some
wordpress plugins that cache scripts to improve performance. If you aren’t seeing your banner or the changes you made to the banner,
first clear your browser cache and if that doesn’t work, look for any plugin that bundles or caches scripts and clear that as well.

Why is my banner covering my header or behind my header?

Your theme probably uses absolute positioning for its header in this case. Try changing the positioning of your banner and see if that helps.
This changes the position CSS attribute of the banner. More information can be found here. If none of this works, you may need a custom solution for your banner.
You can either try to find another plugin that suits your needs or you can purchase the pro version and open a support ticket to fix your situation.

Is there a Pro version?

Yes, but you should look through the support topics before you decide if you need the pro version.

How do I disable the banner in my posts?

This feature is being actively developed, in the meantime you can use this custom JavaScript:

document.addEventListener('DOMContentLoaded', function(){
  if (window.location.pathname.includes("post")){
}, false);


8 April 2020
Works well right out of the box. Simple to set up and graphics to verify were great. Author was quick to respond with questions. Love it!
2 April 2020
Simple and easy to use to get an announcement to appear across a site.
1 April 2020
If you browse through user issues in the support forum, you'll notice that the 'Simple Banner' is often covering up either the navigation menu or the website logo. The developer's response to this issue works, but only if you buy the premium version that grants you with a Custom CSS box. I applaud the developer though. He seems to have invented a new app revenue model: "Pay To Have It Actually Work".
26 Maret 2020
To get this to work with a specific theme, a little bit of CSS code might need to be added. Ryan is superb at his support in this regard. It's simple, does what you need it to do, and is all you need for special bulletin updates/notices. Thank you!
25 Maret 2020
This is easiest to use plugin I've used in a while that looks great out of the box with zero customization. If you're looking for a quick way to add a COVID-19 (for example) notice on all your pages, use this plugin.
Baca semua 17 tinjauan

Kontributor & Pengembang

“Simple Banner” adalah perangkat lunak sumber terbuka. Berikut ini mereka yang sudah berkontribusi pada plugin ini.

Para Kontributor

Terjemahkan “Simple Banner” dalam bahasa Anda.

Tertarik mengembangkan?

Lihat kode, periksa repositori SVN , atau mendaftar ke log pengembangan melalui RSS.

Log Perubahan


  • PHP warning fix.


  • Added some new fields (hiding, position, and header top margin/padding) to help with banner customization.


  • Added permissions adding and updated documentation.


  • CSS Changes.


  • Added version number to css and js file to force update on version change.


  • Removed addslashes version of text now that message is handled via js.


  • Optimized scripts for loading banner, added debug mode for troubleshooting.


  • Change pro version payment link again.


  • Change pro version payment link.


  • Add jQuery back for compatibility issues.


  • Removed jQuery dependency from project.


  • Fixed settings page bugs, tested to WordPress v5.0.2.


  • Fixed script bug.


  • Fixed svn repo files.


  • Fix bug with banner text newlines.


  • Update Donate button color.


  • Fixed script loading bug again.


  • Fixed script loading bug.


  • Added Pro version features.


  • Fix bugs with preview banner onchange events and escape attributes with Simple Banner Text instead of converting to html codes.


  • Added Donate button, small settings page CSS tweaks.


  • You can now use single quotes or double quotes for Simple Banner Text.


  • Rollback use of esc_attr() with banner text for now as it broke all links from showing properly.


  • Improve code structure for preview banner, add inner html preview. Banner text uses esc_attr().


  • Add text to show scoping of custom CSS.


  • Tested on recent WordPress versions


  • Removed CSS that caused banner to disappear on screens less than 900px wide.


  • Fix for themes with padding and margin applied to body.


  • Fixed banner for themes that don’t already have jquery added.


  • Fixed readme and added logo.


  • First Version.