Theme Integration

2. Theme Integration

If you are a theme author you may want to integrate QuadMenu right into your WordPress theme.

The QuadMenu integration is a really simple process that involves tree steps: the implementation of the plugin in your theme’s code, the integration within your theme and the customization to match your theme’s style.

Separate “Extended” license is required for each of your themes that are available for sale at themeforest.net

2.1. Plugin Integration

To meet new theme submission requirements on themeforest you have to include the plugin with the TGM plugin.

Download the TGM Activation class from here and include it into your theme functions.php file.

Hook your theme with the tgmpa_register action and include the next function in your themes functions.php file.

Add settings for TGM Activation class to activate or install the QuadMenu plugin in your themes activation. Make sure you upload the quadmenu.zip file in your themes folder.

For more information about TGMA please check this Github Repo

2.2. Menu Integration

QuadMenu allows you to use more than one menu. This is possible through the theme locations that are in your theme.

Each “theme location” can has its own instance of options under the configuration tab. Here you can activate the QuadMenu magic in the theme location and set the menu theme.

That’s why QuadMenu allows you to modify the style of each theme location by creating a theme of settings options.

2.2.1. Activate Your Theme Locations

The first step is to enable the QuadMenu in your theme locations. To do so, you have to set the theme locations via developers or default options.

See more about developer and default options

2.2.2. Create Your Menu Themes

Then you have to create your own menu themes to style each theme location.

2.2.3. Set Responsive Settings

Once you set the theme locations where you want to activate QuadMenu you have to set some general parameters to fit the responsive layout of your theme.

We recommend you include them as developer options unless your theme allows users to change the responsive layout.

2.2.4. Set Layout Settings

Once you set the all responsive and font settings you have to define the layout of QuadMenu, that depends on your theme requirements and yout imagination.

We recommend you include them as developer options unless you want to allow users to change menu layout.

2.3. Menu Customization

Once you set the all other settings you can starting to fit your theme color pallet by editing the default options.

2.3.2. Set Style Settings

Once you set the all other settings you can starting to fit your theme color pallet by editing the default options.

If you have a custom theme panel maybe you can access the global $var of your theme and link the default settings of the menu with your theme’s settings.

Remember that you’ll have to compile the QuadMenu stylesheets on each change to update the css files.