Menu bars in a grid layout?
-
Hi, I’m new to wordpress, I’m wanting to build a blog/magazine type site, that has an innovative menu bar (so instead of the usual horizontal strip across the top of the screen, or vertical strip down, I hope to have a menu of images in a grid. Imagine 4 images horizonatally, and then directly beneath this, another 4 images, as menu buttons).
This would be more visually appealing. Although, after scowering the internet over the past week, I can’t find any way of doing this.
If anyone can help this would be greatly appreciated!
Look forward to reading any replies.
Thanks,
Danny.
-
how are you planning to match the images to the menu items?
do you want to use html image tags or background images?
how good are you with CSS – because that is mostly what is needed?
do you want to use the custom menu functionalty of WordPress?
https://codex.wordpress.org/Navigation_Menusdo you want to create a theme from scratch or what theme are you planning to use for your design?
Hi Michael,
Thanks for your reply, it’s much appreciated.
To be honest I have no idea! I know a little html, and understand the basics of css, but that was for simple web pages. I’m not a css professional (I know where the customise option in WordPress is, because I’ve been watching some You Tube videos on the topic, so with instructions I could add some code).
As far as the images go, I was wondering if it’s possible to have a background image in a header bar (that the menu sits in)? And then have some further images for menu buttons, that would sit ontop of the background image.
I can’t find any information on the internet about how to do this. I would be willing to insert some code in, if somebody is able to guide me.
As for themes, I haven’t settled on one yet. I’m thinking perhaps a drop and drag theme. But I don’t want to buy one until I know that it’s going to be compatible with whatever solution I need for my menu bar. I don’t know if I’m going to need a plugin that can do this, or a theme that will allow me to manually do this?
All replies are gratefully received!
Thanks,
Danny.
…Apologies, I was half asleep when I posted that last message!
I don’t mean that I want to encase a menu ‘grid’ within the header tag. I mean that I would like to encase a menu grid within a div tag, that accounts for the top (6th) of the home page.
I hope this makes more sense.
1. Is it possible to make a grid homepage menu, made of images?
and…
2. can I sit this menu ontop of a background image?
If so what would be the best way of going about this with a WordPress theme?
Look forward to reading your replies!
Thanks,
Danny.
start with a web search ‘wordpress menu with images instead of text‘
some of the results – all untested, no recommendation, might not all be applicable, but should give you some ideas:
custom walker:
http://wpsmith.net/2011/how-to-add-menu-descriptions-featured-images-to-wordpress-menu-items/plugin:
https://wordpress.org/plugins/nav-menu-images/some ideas based on using background images:
https://wordpress.org/support/topic/using-images-instead-of-menu-items?replies=3
https://wordpress.org/support/topic/menu-images-instead-of-text-including-active?replies=16
http://stackoverflow.com/questions/17709295/how-can-i-use-image-in-menu-in-wordpress
https://premium.wpmudev.org/blog/wordpress-menu-images/others:
http://diythemes.com/thesis/rtfm/replace-wp-menu-text-links-image-sprites/
http://www.kriesi.at/support/topic/image-instead-text-in-menu/Thanks so much for this Michael, it’s much appreciated!
You have been a great help!
Best Regards,
Danny.
The topic ‘Menu bars in a grid layout?’ is closed to new replies.