When you create a subpage or a child page on WordPress.com, a link for the page automatically appears under the parent’s page link. This makes blogging easy for WordPress.com users. But what if you want to setup your blog in another way that you don’t want these subpage links to appear under their parent’s page in the main menu? I was asked to do this on a site that I maintain.
Movember PI, a moustache-growing charity event, has a WordPress.com site that has a gallery page of the participants’ pictures and every participant has their own individual pages. So the main gallery page is the parent page and the individual pages are the child pages. At first, the problem was overlooked because we started with 3-4 participants. But then, when more people joined, we had a long list of links when we mouse over the parent page link. Here’s how it looked like.
What if a hundred people joined? It would be a really very long list that would be hard to navigate. Fortunately, there’s a solution I came up with – using the Menus configuration.
Assuming you’re logged on to your blog site, go to Appearance > Menus (found on the left side). Give your new menu a name and click the Create Menu button.
After creating the menu, select the parent pages on the Pages palette to be added to your custom menu. You may have to click the View All option to see all the links. After selecting all the parent pages, click the Add to Menu button. Don’t forget to save your menu to update its settings.
And finally, select your customized menu from the Theme Locations palette and click Save. Check your site if the changes took place.