Links to your pages are displayed by adding a Pages widget to your sidebar or in your top navigation area of your theme.
Pages are usually displayed alphabetically, but you can change the order pages are displayed in:
- your top navigation area of your theme using a custom navigation menu
- your pages widget by changing their page order
About Custom Menus
All Edublogs themes support custom menus which means you can customize your navigation menu and add a top navigation to any theme.
This allows you to easily:
- Re-arrange, add, and remove items from the menu bar at the top of your blog
- Change the order of pages
- Create nested pages
- Display posts on multiple pages by linking to category pages
- Add custom links to your navigation menu
- Create a custom menu for your sidebar
Custom menus allow you to fully control the links that appear in your navigation menu- you can even add links to website and pages not on your blog!
Below’s an example of a custom menu with nested pages and custom links:
Creating a Custom Menu
1. Go to Appearance > Menus
2. Give your menu a name – ‘Main’ will work great!
3. Click on the ‘Create Menu‘
4. Now just select the pages you want to add to your menu then click Add To Menu.
5. Now create a custom link for home by adding your blog URL, the name Home and click Add To Menu.
- When readers click on the Home link they will be taken to your front page.
- For example the blog URL of this blog is http://help.edublogs.org/
- You can use custom links to link to any website — which is really handy!
Here’s what my menu now looks like:
6. Now drag/drop the menu items to change their order in your menu.
Here’s what my new order looks like:
7. Once you’ve finished changing the order click Save Menu.
8. Now to display your new top navigation on your blog you just need to select Main from under the Primary Navigation drop down menu and then click Save.
8. Visit your blog and see your new menu!
Custom Menu Tips
1. You can create nested pages by indenting items in the menu.
If you hover your mouse over About in the top navigation of this blog you’ll see two nested pages underneath the about link.
2. You can create static level tabs using a custom link if you just want a link name that doesn’t go to a page that exists.
For example, if you click on About in the top menu of this blog you’ll see it is a static level tab used just as a placeholder for page links we’ve added underneath it.
Changing pages order in your Pages Widget
You can change the order of pages in your widget by changing their page order.
Say for example you have four pages: About, Blogging Rules, Contact Me, Help and you wanted to change their order from alphabetical to About, Blogging Rules, Help, Contact Me.
All you need to do is the following:
1. Go to Pages > All Pages
2. Hover your mouse over a page title to bring up the action menus and then click on Quick Edit.
3. In the order field change the number to the new order you want the page to appear and click the Update.
- You repeat this process for all the pages, and numbering them from 1, 2, 3, 4 and so on for the Order field. This tells the blog to make these pages the first second, third and fourth items in the list.
- In our example, we would add 1 to the Order for the About page, 2 to the Order for the Blogging Rules, 3 to the Order for the Help, and 4 to the Order for the Contact Me
4. Now to display the pages in the correct order you just need to add your Pages widget to the desired sidebar, change it to Page order and then click Save.