How to convert this awesome menu to wordpress.
Menu demo link.
Wordpress has its own default feature to display a menu with using wp_nav_menu function.
You can create a menu from WordPress backend and call it using this function so your menu will be dynamically and you can set the last menu with label ... and select as a custom link with # then you can add another sub child under this menu as well.
You can apply same CSS to this menu also to look same as you want.
I hope this will be helpful for you.
Thanks.
Related
I would like to be able to create a navigation menu in WordPress in which the top-level nav items are not pages, but rather menu headings, which expand the sub menu when clicked.
The default WP menu behavior is that all menu items are links to content (pages, posts, etc), and that sub-items are viewed upon hover.
I'm looking for a way to make it work more like the menu behavior built into Twitter Bootstrap (and for the same usability reason).
I'm looking for a solution that either already exists as a plugin, or which I can build into a plugin, so that anyone can create a new menu like this in the WordPress menu editor.
checkout this tutorial :
https://digwp.com/2011/11/html-formatting-custom-menus/
If you dont want any custom html structure than you can simply add the classed to menu and for top level menu create a custom link with # as href.
I am making wordpress template. I've made mega menu on it. Such as on screenshot. But it is only in html. How to add custom settings in wordpress console for users, to add menu items etc.. ?
The wordpress function to create menus is wp_nav_menu however I'm not sure it will work with your menu, it will depend of the structure you developed your mega menu and if it's like the default output by the wp_nav_menu function.
If it's not you will need to write a menu nav walker function.
You can check more about that here
Maybe if you can shere your mega menu code I could help you more.
i am using word press. actually i want menu plugin for main menu menu in one row then the sub menus in another row. any one know which menu plugin is used for that scenario?
Menu:
I think that UberMenu is what you need. It is a user friendly customizable menu, but it is not free unfortunately.
[EDIT]
Or you can try WordPress jQuery Mega Menu Plugin, this one is free and great for a custom menu.
I have following navigation structure, which i want to implement in wordpress:
(Home / About / news / Contact) are in top navigation, whereas all sub links are in sidebar.
How can i create this type of navigation in wordpress. i.e. How can i display first level navigation in header and second level navigation in sidebar.
Follow these steps:
First create a main Navigation to your site without child pages and
add it to the theme.
Then create a new menu with child menus only and save it.
Now goto widgets section and from there drag Custom Menu from left
side and add to your sidebar.
Then select your child menu and click save.
Thats all. :)
Check this WordPress Codex section for creating menu tutorial
Cheers!!!
I found these plugins helpful:
Simple Section Navigation
http://wordpress.org/extend/plugins/simple-section-navigation/
It allowed me to create the side nav based on the hierarchy of the pages and their children.
I wanted a bit more control though because I didn't want some of the parents to have their own page ... just a heading for their children. So instead, I'm using this plugin (for the Genesis Framework).
Genesis Simple Sidebars
http://wordpress.org/extend/plugins/genesis-simple-sidebars/
This allows me to create as many sidebars as I want and add custom menus to those. I'm new to this, so maybe I'm taking a long route, but so far it seems to be doing what I want it to.
Using the latest version of WP, is it possible to add inline style attributes to a wordpress menu item from within the wordpress menu panel?
So for example, I have a menu where for whatever reason, I need to position the menu items absolutely. I want my client to be able to go into the WP menu panel and simply add a style of "left: xx%" to any item.
I know this can be done via the stylesheet - but was hoping there was also a way to do this as described above.
Thanks!
Shortcodes Pro is a great plugin for this.