Add Wordpress meta box to menu admin page - wordpress

I know how to make meta boxes in pages and posts etc. But how do I add meta boxes to the menu page in the appearence -> menu page, for each menu item.
Add the moment, the menu items have to boxes: "Navigation Label" and "Titel Attribute". But I want to have another meta box for each menu item so the admin can type or choose a CSS class for, let's say, an icon.
The menu item "Home" should have an home icon, "About" an about icon and so on.
How do I accomplish that? Or is there an easy other way I don't know about?

This feature is built-in. Almost all screens have a Screen Options feature. In Appearence -> Menus, it has an advanced option CSS Classes:

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

Wordpress menu editor

Is there a plug-in that improves the standard menu editor in Wordpress? For example I need to change the attributes "rel" and "class" for menu items not just the "title".
Its already there in WordPress. No external plugins required.
Goto Dashboard -> Appearance -> Menus
Click the screen Options button on the top left to see advanced options.
Now select the CSS classes and Link Relationship on Show
advanced menu properties.
Now 2 new boxes will appear for every menu. Just add your custom
class and rel there.
Thats all. Cheers!!!

WordPress Menu Problem: Dropdown Menu Heading Opens Blank Page

I'm just getting started with WordPress and I need some help creating a menu. I'm using WordPress 3.1 with the Suffusion theme.
I've got a dropdown menu functioning. I created a category. Let's call it "My Pages". I want to list the pages in my site (not posts) under this category. In the Menu section of WP, I dragged the required pages and placed them under "My Pages". I indented them. I activated the menu. The menu appears, and I can use the dropdown to select the page I want.
The problem is that if I click the heading, "My Pages", then I get "Not Found. Sorry, but you are looking for something that isn't here." How do I solve this problem? I don't want the menu heading to open its own page. I simply want it to be the heading for the dropdown menu.
Thank you.
-Laxmidi
Okay, I figured it out.
1) In Suffusion Options --> Other Graphical Elements --> Main Navigation Bar --> Pages in Navigation Bar --> "Pages" Title:
I set it to "My Pages".
2) Pages in Navigation Bar - All or Selected:
Checkmarked Include selections from the next option
3) Select pages to include/exclude in Navigation Bar:
Checkmarked the appropriate pages.
4) Clicked Save Page 'Main Navigation Bar'
5) In order to get the dropdown menu to display the pages in the correct order, edit each page and under Page Attributes input a number under Order. (I thought that Order only affected the horizontal positioning of tabs in the menu. In the dropdown menu it changes the vertical position).

Resources