FAIR

Federated and Independent Repositories

Menu Item Badges (Admin Fields)

Plugin Banner

Menu Item Badges (Admin Fields)

by paworldtothemoon

Download
Description

Menu Item Badges adds two simple fields to every menu item in Appearance Menus:

  • Badge (Text) – e.g. NEU, AKTION, WM 2026
  • Badge Color (optional) – set a custom hex color like #e74c3c

Badges are rendered as a clean pill-shaped label right next to the menu item title on the frontend.
Perfect for seasonal campaigns, promotions, and important navigation entries (e.g. “Public Viewing Technik mieten” “WM 2026”).

No theme editing required.

Usage

  1. Go to Appearance Menus (wp-admin/nav-menus.php)
  2. Expand the desired menu item.
  3. Set:
    • Badge (Text): e.g. WM 2026
    • Badge Color (optional): e.g. #e74c3c
  4. Save the menu.

To remove a badge, simply clear the Badge (Text) field and save.

  1. Download the plugin ZIP.
  2. Go to Plugins Add New Upload Plugin.
  3. Upload the ZIP file and click Install Now.
  4. Click Activate.

Manual install:
1. Upload the folder to /wp-content/plugins/menu-item-badges-admin-fields/
2. Activate the plugin via Plugins in WordPress.

Will this affect all menu items?

No. A badge is only shown for menu items where you set a Badge (Text).

Does it work with my theme?

It works with any theme that uses WordPress’ native menu output (wp_nav_menu()), which is most themes.
If your theme uses a custom header builder that does not use the native walker, the badge may not appear.

Can I style the badge?

Yes. The badge uses the CSS class .mib-badge.
You can override styling in Appearance Customize Additional CSS.

Example:
.mib-badge { font-weight: 700; }

Can I set custom colors?

Yes, via the Badge Color field using a hex value like #2ecc71 or #e74c3c.

1.0.0

  • Initial release: badge text + optional color per menu item
  • Frontend badge rendering with clean default styling
Back to top