MOH Top Announcement Bar — WordPress Plugin

A lightweight WordPress plugin that adds a customizable announcement bar above your Divi-powered site's header. No theme builder editing required — your client manages everything from Settings → Top Bar in the WordPress admin.

Features

• ✅ Enable / disable the bar with one checkbox
• ✅ Editable announcement text (centered)
• ✅ Editable button text and link URL
• ✅ Option to open link in new tab
• ✅ Color pickers for bar background, text, button, and button text
• ✅ Live preview in the admin settings page
• ✅ Fully responsive — button stacks below text on small screens
• ✅ Compatible with Divi (uses wp_body_open with JS fallback for older Divi versions)
• ✅ No page builders, no shortcodes — just a simple settings page

Installation

1. Download or copy the moh-top-bar folder.
2. Upload it to your site's /wp-content/plugins/ directory.
3. In the WordPress admin, go to Plugins and activate MOH Top Announcement Bar.
4. Navigate to Settings → Top Bar to configure the bar.

How to Update the Bar (for your client)

1. Log in to WordPress admin.
2. Go to Settings → Top Bar in the left sidebar.
3. Update any of the following:
   • Enable Bar — check/uncheck to show or hide the bar sitewide
   • Announcement Text — the message that appears in the bar
   • Button Text — what the button says (leave blank to hide button)
   • Button Link — where the button goes
   • Open in new tab — whether the link opens in a new browser tab
   • Colors — optional color pickers for full customization
4. Watch the live preview at the bottom of the page update in real time.
5. Click Save Changes.

Compatibility

• WordPress 5.0+
• Divi Theme (all versions — uses wp_body_open with JS fallback)
• PHP 7.4+

Notes

• The bar always sits at the very top of the page, above the Divi header.
• No Divi Theme Builder editing is needed after the plugin is activated.
• If you previously had a manual top bar in the Divi Theme Builder, you can delete it — this plugin replaces it.