how to customize navigation menu in wordpress - wordpress

I have a wordpress menu ,in that one item need to be inactive ,navigation to a particular page should not take place.A particular page has two sub items and navigation to the main menu item need to be inactive.I use wordpress 3.8.1 twenty fourteen theme ,and under menu I created a top level menu from pages ,One page is just for the menu purpose it has no content but has two submenu

create it as a custom link with your current text as link text and javascript:void(0); as url

Related

How do I highlight a tab in Wordpress for a post when the main menu item is a category?

On my Wordpress site I have the main primary menu set up with links to pages & top level categories. When I'm viewing a page the top menu highlights the proper menu item and all works just fine, but when I click on a post that falls under one of the category menu items it is not highlighted. I want the category menu item to highlight when I click on a post that uses that category. How would I accomplish that?
Website: http://deutschmetal.com If you click on this post: http://deutschmetal.com/deutsch-metal-videos/rammstein-herzeleid-videos/ you can see that the top menu link "Videos" is not highlighted. I would like it to be highlighted when viewing the post.
Wordpress detects it if a page is the child of a page in the navigation. It also adds a extra class to it, so you can create some new CSS to make it look the way you want. In your case this would be:
.current-post-parent.current-post-ancestor {
background: #cb0808;
}
You can add this in your Wordpress theme, or if you are not familiar with coding you can use the customizer's custom CSS that is supported is most of the themes.

Click to expand submenu instead of navigate to page in WordPress

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.

Add nav menu after theme install

I'm creating a wordpress template and I need to add some menu nav items.
Does Wordpress has a function that allows me add menu items after the theme install?
Humba, yes there is check this
Defining a Menu
You must define a menu before you can add items to it.
Step 1
Login to the WordPress Dashboard.
From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.
Enter a name for your new menu in the Menu Name box
Click the Create Menu button.
Step 2
Adding Items to a Menu
The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts are hidden by default.
Locate the pane entitled Pages.
Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
Select the Pages that you want to add by clicking the checkbox next to each Page's title.
Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
Scroll back to the Menu Editor.
Click the Save Menu button.
Ok Humba there is a lot of material out there you can also check this link.
http://codex.wordpress.org/WordPress_Menu_User_Guide

How do I add a plugin to Custom Menu by Evolonix?

The site I'm on is using Custom Menu from Evolonix http://evolonix.com/wordpress/plugins/custom-menu/
How do I add a plugin into the menu hierarchy?
For example, the url hierarchy is going to be:
Home (page)
About (page)
Resources (page)
Support (page)
Q & A (plugin!)
Thanks
The Custom Menu plugin is a shortcode that renders any Menu you have created in your site. To change what pages are displayed in the custom menu, update the menu it is tied to by going to Appearance -> Menus. There, you can add a custom link to the menu that points to the Q & A plugin's page.
To see what menu the custom menu is tied to, edit the page or post that the menu is on. You should see the shortcode [menu name="xxx"... where xxx is the menu name.
Hope this answers your question.

How to link top and side navigation in wordpress?

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.

Resources