Menu Item Badges (Admin Fields)

ຄຳອະທິບາຍ

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.

ການຣີວິວ

ບໍ່ມີການຣີວິວສຳລັບປລັກອິນນີ້.

ຜູ້ຮ່ວມພັດທະນາ ແລະ ຜູ້ພັດທະນາ

“Menu Item Badges (Admin Fields)” ແມ່ນຊອຟແວໂອເພັນຊອດ (Open Source). ບຸກຄົນຕໍ່ໄປນີ້ໄດ້ມີສ່ວນຮ່ວມໃນການພັດທະນາປລັກອິນນີ້.

ຜູ້ຮ່ວມພັດທະນາ

ບັນທຶກການປ່ຽນແປງ

1.0.0

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