Adding Content to the Menu

Knowledgebase Docs » UberMenu 2 » Adding Content to the Menu

Search Bar 5

How to add a search bar menu item, and best practices for customizing the form.

View

Blog Post List 2

The recent posts shortcode allows you to show a number of recent posts and supports featured images. Shortcode Format Recent Posts Shortcode attributes num Sets the number of posts to display. img Turn featured image display on or off. excerpt Turn the post excerpt on or off. category Set the category from which to pull posts. Use the category slug or ID. offset Post offset – number of posts to pass over img_width Width of the images (since 2.3.2.0) img_height Height of the images (since 2.3.2.0)

View

Multiple Headers in a Single Column 1

Normally, each row completely clears the previous row. So with this menu item hierarchy: Top Level One Red Blue Green Two Purple Orange Yellow Grey Black Three Dog Cat Bird Four Horse Cow Zebra Five Hospital Post Office Fire Station Six Bank School Gas Station Results in this layout: As you can see, the second row clears the first row entirely. To create the following layout instead: You can use the Header Display menu item option, moving the flattening out the lower columns into third level menu items, and organize your items this way: (Display as Header Items in bold red) Top Level One Red Blue Green Four Horse Cow Zebra Two Purple Orange Yellow Grey Black Five Hospital Post Office Fire Station Three Dog Cat Bird Six Bank School Gas Station The menu item option looks like this (a third level menu item):

View

Adding Content to the Menu 1

Adding content to UberMenu is just like adding content to any other WordPress 3 menu via Appearance > Menus. Start by checking out the Content Creation basics article. The remainder of the articles explain how to add each type of content to the menu, including normal menu items, descriptions, images, widgets, content overrides, and shortcodes. Adding Content Docs

View

Important Notes on Custom Content (Shortcodes, Widgets) 0

One of the features that makes UberMenu so flexible is the ability to place widgets and shortcodes inside the menu to generate advanced content. If you are adding a shortcode or widget that has advanced styling, or which has a javascript element, you’ll likely need to tweak a few UberMenu settings to ensure they function properly. Styling Since you’re placing custom content inside the menu, some of the menu styles may apply to your widgets or shortcodes, altering their display. And note that because your widgets/shortcodes are not being placed in a theme sidebar or content area, their styles may not apply when they are in the menu (this depends entirely on how the widget/shortcode was coded. To minimize the effect that UberMenu has on the shortcode/widget styles, you’ll want to disable Reset div and span styling in your UberMenu Control Panel > Theme Integration Scripting Some themes which aren’t coded modularly have javascript that will interfere with UberMenu even after the theme menu is replaced. To combat this, UberMenu has a setting called Remove Theme Conflicts which will attempt to block those scripts. A side effect is that custom javascript that IS supposed to act on the menu may not function. If you know you have javascript that should run in the menu, or you are writing your own javascript to affect the menu, be sure to disable this setting in the UberMenu Control Panel > Theme Integration. A possible result is that you may reintroduce residual scripting from the theme which may need to be addressed so that the menu can function normally.

View