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.
Related
I am a total beginner on the platform wordpress ... bought a theme, installed it, everything right, the menus appeared. But I would like to include a submenu, the parent menus in a theme and create a page to add.
How do I do that?
I'm lost.
Ok, so on your dashboard you see the main menu down the left hand side. The editor for menus is under Appearance -> Menus.
In there you should be able to easily structure your menus and sub-menus with a simple drag and drop editor, as long as your theme supports editable menus and sub-menus.
As for creating pages, you do that by going to Pages -> Add New. Once you have created a page it should show up in the menu editor to be added.
Hope that helps.
I have a Wordpress theme which has been designed, however, the links are wrong at the top
For example:
About Us should go to here
Furniture should go to here
The link to the blog is here
I have already tried adjusting the position, and the width of each menu item, but to no avail.
In Wordpress Admin console there is the option Appearance>Menu. Create a new menu, add the items you want (you can add pages you made, create custom items with links to other pages, etc), save the menu. Now go to Appeareance>Themes>Customize current theme and change the navigation path.
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.
I only want to show the pages that do not have parents, and link the other pages from their parent pages.
I want to have a simple main menu: Home | Pages | About | Contact
About 8 pages are linked from the Pages page. At the moment, the menu has 12 items, which deforms the layout pretty badly.
I have tried making the pages private, unpublished, and other options, but that doesn't seem to be the way to do it. Is there a way I can just have only parent pages linked in the main menu?
You can edit the menu (under the appearance tab in the dashboard). (you may need to add a new menu and assign it to the main navigation menu. It sounds like you have the defaulted menu set-up.
Once you've added a menu and assigned it to the main navigation, you can uncheck "automatically add top-level elements" or its equivalent, and add/remove menu items. You can also change their hierarchy (independent of actual page hierarchy).
It's all so easy these days. Just Go to appearance>menus>click the little triangle next to the listed page name>click remove> don't forget to save ... all done!
Maybe you didn't set up a custom menu yet. Set up a custom menu first with the desired pages / links. If it doesn't show on your site, check custom memus are enabled in your theme.. this will help you setting up a custom menu: http://www.wpbeginner.com/wp-themes/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes/
Is it possible to build a drop down menu which content (the text inside the <li> tags) can be edited and modified by the user (within wp-admin)?
(or is there any plugin for that?)
For instance, like the text inside the drop down menu in this page: http://melbournecandy.com/day-tours-dates/
Wordpress has a built in feature called Menus which was developed by Woothemes. If you know HTML and CSS, you should be able to make such a dropdown menu yourself.
There's a JQuery plugin called Droppy I love that changes any HTML menu to a dropdown menu. Just remember to style it with CSS.
http://onehackoranother.com/projects/jquery/droppy/
http://plugins.jquery.com/project/droppy