One part in my main menu (primary) should show submenus which links to different sections within a static site. So for example I have the main menu point "About us". When clicked the dropdown contains: "Team", "Resposibility", "Jobs"…
But All these subpoints in the dropdown should not link to different sites, but to different sections within the one site "About us".
It's like a one page functionality within a WP-Theme. But I need to customize this functionality.
I have no idea how to set up this in the menu section. (Because I am not dealing with different sites.)
I can imagine, that I could use a single page template and add id to the h2 tags - as anchors to link to from the main menu. But I don't know, how to register this and how to set up this in the menu bar.
(My template does not offer one page functionality. I just want this functionality only for one menu section.)
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 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'm currently working on a Wordpress website with an custom jQuery menu. And everything is working fine except for one thing. I want to add a active class to an menu item that corosponds with the current page.
So basicly when the viewer is on the page "catering" I want the catering menu button the have an different style then the rest. But because it's wordpress I can't put in the html so I guess it has to be done with PHP but that's really not my thing.
So I was wondering if any of you could point me in the right direction. Here is the link to the website http://no-illusions.nl/projecten/kokaanhuis/wordpress/# no pages are currently working but when you hover over a button a brown layer appears, I want that layer to be static (when it's down) on the current home page but can´t figure out the best way to do it.
Use wp_nav_menu (http://codex.wordpress.org/Function_Reference/wp_nav_menu). It attaches a current-menu-item class, as well as a few other useful classes (current-menu-ancestor, etc) for styling. Plus you'll also be able to easily edit the menu with the menu admin page.
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/
How do I add a link from the home page that goes to a new page with a different menu?
Example: from home page, click on 'Sales Department' menu link, which goes to the Sales Department page. This shows a new menu with ten new menu items on the Sales Department Page.
I am able to create menus, menu items, blocks and pages but unsure how to build a multi-menu structure as described above.
Menus, by default, have a UI presence in the form of a block. Within each block, you can specify which pages it will or will not show. This will give you the appearance of having content/page specific menus.
For instance, menu1 will only show on /home. Within menu1 there is a link to a page called /contact. On /contact, there is another menu (menu2) with links /contact/email and /contact/phone. For the menu1 block, the specified pages are / and /home. For the menu2 block, the specified pages are /contact and /contact/*.
Add menus in blocks and specify in which page each menu should be visible. Look in the block setting properties: you can add the pages there.
After a bit of playing around, this is what worked for me:
Create a new page called "Human Resources Page".
Link to parent item "Navigation Page".
Enter a menu link title "Human Resources Page" (otherwise it will not appear in menu).
Create a new menu called "Human Resources Menu" (human-resources-menu)
Show block on specific pages: <front>.
Add menu item called "Organization Chart".
Attach to parent menu "Human Resources Menu".
In blocks, assign "Human Resources Menu" to "Right Sidebar"
Set "Page specific visibility settings" to hr*.