WP Manifestindependent plugin directory
manifest / builders / wordpress-top-bar

MOH Top Announcement Bar

Add a top bar plugin to Wordpress Divi Sites

by ClientClicks · github.com/clientclicks/wordpress-top-bar · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/clientclicks/wordpress-top-bar/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/clientclicks/wordpress-top-bar ↗

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.