In a slightly modified version of my talk from WordCamp Atlanta I would like to discuss:
Zazzy WordPress Menus with CSS Tricks and jQuery Magic
Navigation is among the most important elements of a website’s design. Effective navigation allows visitors to quickly and easily find desired content, keeping them on your site.
The session will begin with a review of the custom menu structuring from within WordPress, including how to extend the flexibility of the Menus screen with available screen options. Then we will move onto how you can style your navigation menu with modifications to your theme’s CSS stylesheet. We will cover:
* using and styling submenus
* adding icons to navigation items
* changing the formatting of hovered or active items
* adding support for menu item descriptions
Finally, I will demonstrate a few more advanced techniques using jQuery and CSS that can improve your visitor’s experience and improve conversions.
* Split long drop-down menus into columns
* Add accordion effects to sidebar custom menus
* Flyout text to add context to menu items
