Professional dhtml menu & javascript menu maker

Add powerful menus to your WordPress blogs with the AllWebMenus Plugin

AllWebMenus Pro
Cross-browser support - Multiple menu effects, styles & themes
Powerful menu positioning options - Unicode support - HTML edit capabilities
Multiple rows/columns - Addins/Plugins - Extensions - SEO Friendly - Sitemap support

WordPress Menu examples
WordPress Menu/AllWebMenus features

wordpress menu plugin
The AllWebMenus WordPress Menu add-in & plugin combination is designed to transfer information from your blog (such as posts, pages, etc.) into the AllWebMenus application and then create stylish, feature-rich navigation menus based on those posts, pages, etc.!

Apart from creating menu items derived from your blog's structure, you can also fully customize your menus by adding your own non-WordPress menu items with external or internal links, html-rich content, colors, borders, effects, designs of your choice and many more!

 

 

The solution consists of a combination of 2 parts:

Our AllWebMenus Pro application... (1/2)

AllWebMenus

wordpress menu addin

Use the application's "WordPress Menu Add-in" to setup your menu for your specific WordPress blog, import/update the menu structure from there and eventually compile the menu for use on those pages. Licensing details.

 

&  ...our special "WordPress Menu" Plugin (2/2)

Install the plugin online on your WordPress blog.

wordpress menu plugin

Through this plugin you can generate the Menu Structure Code to paste it into AllWebMenus. You can choose there what information of your blog should be part of your menu (like what pages, posts, etc.), what menu hierarchy to use and what options.

You can then further process your menu with the hundreds of options that the AllWebMenus desktop application offers and compile/upload it to your WordPress blog.

Note that you are not restricted to the specific WordPress structure for your menu items. You also can create menus with your own menu items regardless of the WordPress content (see "Static" or "Mixed" population method below).

The WordPress plugin supports 3 menu population methods:

- "Dynamic" population: The menu is populated with items dynamically (online), based on a WordPress menu. The AllWebMenus project is used to provide only the styling/behaviors of the menu; not its items.

- "Static" population: The menu is populated with items edited within AllWebMenus only. Any changes to your online website do not affect your menu items. So, AllWebMenus provides both the structure and the styling/behaviors of the menu.

- "Mixed" population: This is a mix of "Dynamic" and "Static". The menu is populated both with items edited within AllWebMenus and with items created online (through a WordPress menu).


Download and install the AllWebMenus Plugin on your WordPress blog

Step 1 - Download the plugin's zip file

 

Download our "WordPress Menu" plugin

Release Version:

1.1.17   what's new

License / Size:

GNU/GPL
170 KB

Requirements:

AllWebMenus PRO v5.3.884 or above.

Download latest AllWebMenus if not installed yet.

Note: the "Add-in" (not the "plugin") is already included inside your AllWebMenus installation.

Code Repository:

Are you a WordPress coder? You can now enhance this open source "plugin" for you and the rest of AllWebMenus users! See below:

http://bitbucket.org/likno/likno-allwebmenus-wordpress-menu-plugin/overview

 

Step 2 - Install the plugin to your WordPress blog

  • Extract the allwebmenus-wordpress-menu-plugin.zip file you downloaded in the previous step
  • Upload the entire allwebmenus-wordpress-menu-plugin folder (not just the files inside) to your plugins directory in your blog (ROOT/wp-content/plugins)
  • ... OR use the WordPress Install New Plugin subpanel (found at Plugins -> Add New -> Upload) and upload the allwebmenus-wordpress-menu-plugin.zip file you downloaded, if only you are installing it for first time(if the plugin is already installed you have to use the previous install method, or use the automatic update link at Plugins panel). You can check here for instructions.
  • Activate the plugin in your administration panel

Configure/Use the AllWebMenus Plugin on WordPress

Step 1 - Configure your menu

While in WordPress:

  • Login to the Admin area of your WordPress blog
  • Go to the AllWebMenus-WP-Menu plugin options (found at "Settings" after installing the plugin)
  • Configure the menu options
  • Click "Generate Menu Structure Code"
  • Copy the generated code


Switch to the AllWebMenus desktop application:

  • Go the the "Add-ins -> WordPress Menu" options:
    wordpress menu addin
  • Choose the "Import/Update Menu Structure from WordPress" option (item [2] on screenshot)
  • Paste the "Menu Structure Code" previously copied from WordPress
  • Configure further your menu (colors, borders, effects, styles, etc.) through the AllWebMenus properties or add your own custom items with their own external or internal links

 

Step 2 - "Link" your menu to your WordPress posts/pages

From plugin version 1.1.1 and above there is no need for linking code to be added. However in case the plugin informs you that it cannot add it, or you are using a version less than 1.1.1 you have to follow these instructions.
  • Open the header.php file of the theme you are using (should be in the "/wp-content/themes/ThemeYouAreUsing/" folder) in a text editor.
  • Add the following menu-linking code RIGHT AFTER the opening <body> tag in that file:



    (the above is the "menu-linking code" for WordPress implementations)

 

Step 3 - Choose how/where your menu is "positioned" inside your WordPress posts/pages

While in AllWebMenus, choose the Positioning property:

wordpress menu addin


There are 3 different ways to position your menu in your pages:


  • "Relative to Window"
    You can position your menu relative to the browser window (version 1.1.1 of WordPress plugin and above: choose custom as menu position method at plugin settings for this menu):

    wordpress menu positioning window in allwebmenus


  • "Relative to an Element"
    You can position your menu relative to an element that exists in the "header" or "default area".
    Version 1.1.1 of WordPress plugin and above: choose custom as menu position method at plugin settings for this menu) of your blog (i.e. in the header.php file that is located in the /wp-content/themes/ThemeYouAreUsing/ folder).

    Open that file in a text editor, choose (or add) an element relative to which you want your menu to be positioned and copy its id value.

    wordpress menu positioning element in blog

    In AllWebMenus, choose the "Relative to an Element" positioning option and paste the copied id value at the "Custom ID" property.

    wordpress menu positioning element in allwebmenus

    Don't forget to also adjust the "Element Anchor", "Menu Anchor" and positioning "Offsets".

    If your chosen element in "header.php" has no id parameter, then just add one yourself and use the "Default ID" provided by AllWebMenus: awmAnchor-menu

    Version 1.1.1 of WordPress plugin and above: You can make the menu to work as widget, or to show up to a menu location provided by your theme (contact your themer or refer to theme documentation to find widget positions and menu locations).

    First option: As a widget (your theme must support widgets and you must have version of WordPress 2.2.2 or above).
    1. Go to plugin settings (found at Settings -> AllWebMenus-WP-Menu) select the menu you want go to Menu Positioning Method and select the widget position
    2. Now go to Widgets administration panel (found at Appearance -> Widgets) go to the bottom of the Page at 'Inactive Widgets' panel and place the related AllWebMenus widget to a widget area using the drag and drop method.

      -Note: each AllWebMenus widget instance will be created only when you select the widget option at Menu Positioning Method at plugin settings, and it will be destroyed when you select another positioning method (custom, etc).

    Second option: Place it at a Theme Menu Location (your theme must provide menu locations and you must have version of WordPress 2.8 or above).
    1. Go to plugin settings (found at Settings -> AllWebMenus-WP-Menu) select the menu you want go to Menu Positioning Method and select one(in case your theme provides more than one) of the Theme Menu Location options Thats it! Your menu will appear at the Theme Menu Location you selected.

      -Note: If you have already assigned a WordPress Menu at the same Menu Theme Location using WordPress Menus Panel (found at Appearance -> Menus) they will both appear. You have to go again there (Appearance -> Menus) and remove the selection from that Theme Menu Location

    For both these 2 options go to AllWebMenus Software, choose the "Relative to an Element" positioning option and select the Default ID option (or leave it selected).

    wordpress menu positioning element in allwebmenus


  • "Relative to an Image"
    You can position your menu relative to an image of the blog.

    Find the filename of that image...

    wordpress menu positioning image in blog

    ...and enter it at the "Image Filename" property:

    wordpress menu positioning image in blog

    Don't forget to also adjust the "Element Anchor", "Menu Anchor" and positioning "Offsets".


View how positioning works through detailed examples/use cases >

 

 

Step 4 - Setup, Compile and Upload the menu files

While in AllWebMenus:

wordpress menu addin

  • Choose the Domain where the menu will be used through the "Add-ins -> WordPress Menu -> Setup WordPress Menu/Choose Domain" (item [1] on screenshot).
    Note: Domains are based on "Server-Side Menus API domain licenses" and therefore you need to use and purchase them as such. Click here for domain purchase info and licensing details.

  • Compile the menu using the "Add-ins -> WordPress Menu -> Compile WordPress Menu" (item [3] on screenshot).
    Note: When asked for "Site_Root folder" use any local folder on your hard drive you like for the compiled files to be produced.

  • From version 1.1.1 of the WordPress plugin and above, and from version 862 of the AllWebMenus software, you can upload the produced ZIP file using the 'Upload ZIP' file button at plugin settings.
  • For older versions: Upload the compiled menu files (found at the above mentioned local folder) on the exact online folder you specified when configuring the plugin options in WordPress (default is 'wp-content/allwebmenus-wordpress-menu-plugin/menu' - create new folder if it does not exist).
    Note: The name of the menu is again the one you selected in the options of the plugin (default is 'menu'). You can change these options in the Tools > Project Properties > Folders in the AllWebMenus application. It is strongly recommended not to edit the above properties, just leave them default.

The "Yet Another Related Posts" Plugin

The AllWebMenus WordPress Menu Plugin offers the ability to add an item at the end of your menu that contains a submenu that displays the most relevant posts (or pages) of the post you are currently viewing (the item will appear only when you are viewing a single post).

This feature is build on Yet Another Related Posts Plugin by mitcho (Michael Yoshitaka Erlewine).

Like the AllWebMenus WordPress Addin/Plugin?
If you like the AllWebMenus WordPress Menu add-in & plugin please feel free to add a review at the Wordpress.org site.
  AllWebMenus Javascript Menu Maker Awards                         

Add powerful menus to your WordPress blogs with the AllWebMenus WordPress Menu Plugin