WP Menu Custom Fields

This plugin adds custom fields on the menu item’s edit interface of wp-admin and supports only 1-level menu configuration.
Below is the list of custom fields this plugin adds.

• Custom text
• Image selection with link and caption
• Shortcode with caption
• Custom HTML with TinyMCE editor

Notes:

• This plugin works with default themes. In order to use it with custom themes, please add the necessary styling in your theme/child theme to override the plugin’s CSS.
• The custom fields from this plugin should be used in the submenu for well-structured and responsive UI.
• Currently, this plugin is not supported with FSE themes.

Usage

1. After installing and activating this plugin, goto Appearance -> Menus of your WordPress admin. Create a menu if you haven’t already and add menu items according to your need.
2. When you expand any menu item, you’ll see the custom fields added here (see screenshots below). You can see Custom Field and Select Feature options.
3. Along with Custom Text field, you can choose to use either Image, Shortcode or Custom HTML feature for a particular menu item.
4. You can click on the option you want to use and the input fields of that option will be visible.

Using Custom Text field

• You can enter any text here and it’ll be displayed with this menu item.
• This field can be used by all menu items along with any other feature.

Using Image

• By clicking on Select Image button, WordPress’ media gallery window will be opened up. You can choose 1 image from already uploaded images or you can upload a new one and select that.
• The selected image will be shown below Select Image button after you select and close the media gallery window.
• To remove already selected image, click on Select Image button and deselect the already selected image. You can change the selected image by selecting any other image.
• You can enter a URL in Image Link text field. On front-end, clicking on the image will lead to this URL.
• You can enter a caption text in Image Caption field and it’ll be displayed below the image on the front-end.

Using Shortcode

• You can add a shortcode in Shortcode field. We’ve added some stylings to handle WordPress’ default [video] and [audio] shortcode.
• You can enter a caption text in Shortcode Caption field and it’ll be displayed below the shortcode on the front-end.

Using Custom HTML

• TinyMCE editor is used to add custom HTML here.
• From the Visual tab, you can enter text and format it using tools given in toolbar.
• You can switch to Text tab to see/change HTML code of the text you entered.

Hooks

wp_menu_custom_fields_image_html Filter

Read the full description on the official page →