AllWebMenus WordPress Menu Add-in: Enhance your WordPress Blog with stylish and optimized web menus!

	Add powerful menus to your WordPress blogs with the AllWebMenus Plugin

AllWebMenus
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

AllWebMenus 5
Professional

Likno Web
Button Maker

Drop-Down
Menu Trees

Web Modal
Windows Builder

Web Tooltips
Builder

Web Accordion
Builder

Web Tabs
Builder

Photo Frame
Show

Likno eLearning
LMS

WordPress Menu examples
WordPress Menu/AllWebMenus features

The AllWebMenus WordPress Menu add-in & plugin combination is designed to retrieve information from your blog (such as posts, pages, etc.) and import it into the AllWebMenus application to create stylish, feature-rich navigation menus, and not only! Apart from creating menu items derived from your blog's structure, fully customize your menus 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 two parts:

1. The AllWebMenus Add-in

This already exists inside your AllWebMenus installation (v5.1.754 or above only - no need to download and install separately), and can be accessed through the following menu:

You can use the add-in to specify the blog's domain you create a menu for, import/update the menu structure from your blog and eventually compile the menu for use on your WordPress pages.

Click here for licensing details.

2. The WordPress Plugin

This is the plugin that you need to install on your WordPress blog.

Through the plugin you can choose what information of your blog should be part of your menu (like pages, posts, etc.), with what menu hierarchy and what options.

The plugin generates the Menu Structure Code to paste into the Add-in of your AllWebMenus installation. 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 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 WordPress

Step 1 - Download the plugin's zip file

Download WordPress plugin

Release Version:

1.1.10 what's new

License / Size:

GNU/GPL
109 KB

Requirements:

This "Plugin" version (i.e. code installed on WordPress) requires AllWebMenus PRO v5.3.862 or above in your PC (click [About] on its [Help] menu to view its version).

Download the latest AllWebMenus if not installed yet.

The "Add-in" (i.e. code within AllWebMenus) is already included with the installation (since v5.1.772, Nov. 2008), so no separate download link exists for install.

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:
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:

<?php if (function_exists('AWM_generate_linking_code')) AWM_generate_linking_code(); ?>

(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):

"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.

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

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).

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

Find the filename of that image...

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

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:

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).

AllWebMenus PRO Add-ins