Manual

7.2. Manual Integration

Manual Integration simply requires pasting a line of code generated by QuadMenu into the appropriate location in your theme’s template. In most cases, you will also remove or conditionally exclude the theme’s default menu. Manual integration can be used to place a menu anywhere in your theme templates.

If your theme does not meet the requirements for auto integration, you will have to go through the manual integration process. Thats means that you will have to play with a few lines of code, but don’t be scared, it is very simple.

Integration Codes

Go to QuadMenu Menu > Panel > Your Theme Location and choose Manual from the Integration option.

After you select this option, the code to integrate QuadMenu through a shortcode or a PHP function will be generated automatically.

Also, due to how the plugin works, all custom theme locations have to be manually integrated. When you go to their dedicated tab, from the left QuadMenu Options sidebar, you will only see the manual integration instructions, as it is the only option available for custom theme locations.

Theme without menu locations

If your theme doesn’t include any theme locations, you will have to copy and paste the PHP function in the header.php file, located in your theme’s folder.

The easiest way is to insert the QuadMenu Plugin after the tag, as this will avoid any overlap of the original theme. You also ensure proper incorporation into the structure of the HTML document.

For example, if the menu in your theme looks like this:

We can integrate QuadMenu the following way:

Note: Please note that we’ve also replaced the navigation tag, as this could interfere with the proper functionality of the menu, like in Example 2, from the Automatic Integration.:

Replace an existing menu

If you have to replace an existing menu, then you need to find your theme’s file with the wp_nav_menu function. For most themes, this is the header.php file.

A good strategy is to make sure that QuadMenu is activated and call the menu function that comes by default in the theme.

For example, if the menu in your theme looks like this:

We can integrate QuadMenu the following way:

Note: Please note that we’ve also replaced the navigation tag, as this could interfere with the proper functionality of the menu, like in Example 2, from the Automatic Integration.