WordPress Menus with Social Media

All the fine art themes support at least 3 WordPress menus.

Under the Appearness tab, navigate to Menus

Theme Locations: This area tells you how many areas are available to have a menu. Even if your theme doesn’t support menus, you can create a menu to use in your sidebar by using the “custom menu” widget.


Create a new menu:

1. To create a new menu. click the link “create a new menu” and a blank menu page will appear.
2. Give the menu a name. The menu name is for your own use so you’ll know which menu is which. The menu name does not appear on the site.
3. Then Click “Create Menu”
4. Once the menu has been created, add your menu items as described in items 4, 5 & 6 below.  Then drag and drop the menu items into any order you want, as well as nest them with another item by pulling your mouse to the right and drop when you see the indent.
5. Click the blue “save menu” button.

Links: If you want to create a link to an external site, Facebook or Twitter, you can add a custom link with an icon to the footer menu.  Go to the site you want to link to and copy and paste the URL from the browser address bar into the URL box. Then provide a label (the label can be whatever you want) and click “add to menu”.

Create icon based links to social media sites

social media

Pages: This lists all the static pages currently on your site. To add them to the menu, check the box next to the ones you want and click the “Add to Menu” button. You can also click “select all” to have all items appear. There are three tabs at the top of this area that provide options to find pages; Most Recent, View All or Search if you have many pages.

Categories: The proceedure to add blog categories is the same as adding pages (see #5 above). NOTE: If your site’s landing page is set up for a static page  (see Landing Page) then you may not want to add categories, since the page you created for your blog will appear in the navigation by adding the page you created for it.

SAVE, SAVE, SAVE: Every time you make a change, add or remove menu items you must save the menu for the changes to take effect.

Editing Menu Items Further

Once you have your menu populated you can change the navigation labels. The screenshot below shows a menu item in the open position.

WordPress individual menu item options

Click the arrow next to the word page to expand a menu item

Navigation Label: This is the actual name of the page that you want to appear in the menu. It can be a shortened version of the original name.

Title Attribute: Good SEO (search engine optimization) practice is to provide a title attribute; a short description of what is on that page. It also appears when your visitor’s mouse hovers over a menu item or any link on your site.

Original: If you name your pages with a SEO friendly title, like the example shows, it may be too long for your menu. This is why you would provide a navigation label as outlined in #2 above.

Remove | Cancel: If you change your mind and want to start over, click cancel. To remove an item from the menu, click remove. This doesn’t delete the actual page only removes it from the menu.


Move:Rather than drag and drop you can simply click the link to move the menu item down one, up one and others. Personally I think it’s easier to drag and drop but if indenting is causing you grief use the links

Published by

Kim Bruce

Design is Kim Bruce’s background; art, her passion; digital technologies, her tool. Kim is a visual problem solver who designs WordPress themes for fine art. Here at Artbiz.ca, she helps artists get and maintain an online presence using WordPress.