Trends

Easily Add a Mobile Menu to WordPress with the TapTap Plugin

Regardless of the type of online business you have, with the versatile TapTap plugin for WordPress you can quickly create a personalized mobile-first navigation system for your site within minutes.

Share on FacebookTweet about this on TwitterPin on PinterestShare on RedditShare on LinkedIn

For every website, the navigation plays a huge role in offering a better user experience for your readers and users. If your website does not have a clearly defined and organized menu system, your visitors will more than likely be confused, and your site’s performance and conversion rate will ultimately suffer.

WordPress does offer an excellent native interface for adding and editing menus from within the admin panel, and any WordPress theme worth its salt comes with support for at least one menu location. This mechanism works seamlessly for a vast majority of websites.

icon_wordpress.fwThis tutorial has been published in conjunction with our ‘Turn Your WordPress Site Into a Business‘ event. Throughout this week, we’ll be publishing free tutorials and offering heavily discounted WordPress plugins that will help you grow and run your business like a pro.

However, what if you wanted your menu to work well on any device and be truly mobile-ready? What if, for instance, you wish to do more with your menus than just display text links to pages?

In such cases, you can make use of a specialized plugin that will enable you to do more with menus in WordPress. In this post, I will be taking a closer look at one such plugin for WordPress: TapTap by Bonfire Themes.

taptap_screen

What Can TapTap Do?

TapTap is a simple WordPress plugin that lets you add mobile-friendly and easy to configure menus to your WordPress site.

However, these are not mundane and boring menus: you can easily customize TapTap menus in terms of fonts, font sizes, icons, letter spacing, colors, backgrounds, positioning, alignments, and a lot more!

taptap-1

The plugin seamlessly integrates within WordPress and uses the native menu builder for adding menus (something you should be familiar with). It supports multi-level menus (obviously), and you can also add icons or animations.

Need more? How about font variations, background patterns, and even custom resolutions? Yes, TapTap can do all of that and even more!

With that out of the way, let us have a look at what exactly TapTap can do for you.

TapTap Mode of Operation

After upload and activation, TapTap integrates within the menu editor (Appearance → Menus), so that is where you need to head first. However, I have this habit of first checking a plugin’s settings page and tweaking everything as per my needs, so off I went to Settings → TapTap Plugin.

TapTap’s settings page turned out to be more loaded with options than expected. Basically, it is divided into different sections that manage different settings for your menus.

From here you can set up alignments, animations, headings, sub-headings, descriptions, images, icons, backgrounds, and a lot more!

Great attention has been paid to customizations — you can even tweak the appearance (or lack thereof) of the search bar, for example.

One special feature that I love about TapTap is that you can hide or show the menus at specific screen resolutions. This will come in handy if you wish to show your menus on only desktop devices and not on mobile devices, or vice versa.

Next, it was time to get started with the plugin. Appearance → Menus is the next section to go to.

There is no rocket science involved. You create a menu much like you normally would, and in menu locations, assign it to “TapTap by Bonfire”. All done!

To get you up and running, this is all that there is to TapTap. However, if you wish to make customization tweaks beyond the Settings page, you will have to open up the Theme Customizer. You will notice two new options: TapTap Plugin Colors and TapTap Plugin Logo.

Here, you can configure color options for your menu: background, menu text, hover, and so on. Similarly, you can upload a custom logo for your TapTap menu as well.

Note: TapTap supports FontAwesome icons in its menus. However, you will need to go to the Settings page in order to edit and add the icons (there is a sub-section titled Menu Icons).

Conclusion

TapTap’s menus are mobile-ready and easily customizable. You can add icons, transition animations, and a lot more to your menus, making them stand way apart from the otherwise boring menus of your competitors.

This plugin is indeed a wonderful plugin that will be a worthy addition to any website. More importantly, if your website is heavy on content or relies purely on a navigation system for browsing (for example, eCommerce stores or magazine websites), TapTap is a highly recommended and really useful plugin that you should consider!

Grab the plugin from here, or view some live examples here.

Also, don’t  forget to share your thoughts about this plugin in the comments below!