Comment on WordPress Nav Menu with Images by SEO Dave.

Responsive Nav Menu In Stallion 7 (next update, NOT released yet) I’ve hacked the code behind the Stallion Photo Navigation Menu so Categories, Tags, custom links any link can have an image associated with it.

I was wanting to add the ability to associate images with a Category etc… and use the image for the Stallion Photo Navigation Menu just like it currently works with the Posts and Pages in Stallion v6.2. This would be a real pain to code and wouldn’t work for custom links, so not an ideal solution anyway.

Realised it would be a simple case to use 5 default images rather than the current one “Hot Post” image and have the user upload their own images over the 5 default ones. It’s not as elegant as being able to use the built in WordPress image uploader, but it will work with any link which is more important than being pretty.

When Stallion 7 is released all you’d have to do to use Categories and/or Tags and/or Custom Links within the Stallion Photo Navigation Menu is create a Custom Menu under “Appearance” >> “Menus” adding 5 links (Categories, Tags, Custom Links, Pages, Posts, anything you want to link to) and use it in the “Photo Navigation Theme Location” (box on the left).

For Posts and Pages Stallion will still look for a “Photo Navigation Menu Image” which you can add by editing the Post/Page (same as it currently works in Stallion 6.2). If a “Photo Navigation Menu Image” isn’t found one of 5 default images will be used. For Categories, Tags, Custom Links a default image will always be used.

The default images are within the Stallion theme folder at (remember this is Stallion 6.3 information, so not available yet) :

/wp-content/themes/stallion-seo-theme/imagemenu/images/

Files 0.jpg to 4.jpg where

0.jpg = Image for link 1
1.jpg = Image for link 2
2.jpg = Image for link 3
3.jpg = Image for link 4
4.jpg = Image for link 5

For example if your 3rd link (from the left) of your Stallion Photo Navigation Menu is a Category it will use image 2.jpg. All you have to do to have your own image for that link rather than the default is create an image 300px by 200px called 2.jpg. Using FTP upload your 2.jpg image to

/wp-content/themes/stallion-seo-theme/imagemenu/images/2.jpg

Repeat for the other link/images and you’ll have a pretty image based navigation menu.

David