Changing page order in your blog navigation

Print Friendly

Links to your pages are displayed in your top navigation area of your theme or are displayed by adding a Pages widget or custom menu widget in your sidebar.

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
  • your custom menu widget by changing the page order in your menu

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 sub-menus of links (sometimes known as nested pages links or ‘drop down’ menus)
  • Publish posts to different pages on your blog using post categories.  This is handy if you want students to be able to click on a link in the top navigation for all posts published for their subject.
  • 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 sub-menu and custom links:

Example of a custom menu

Creating a Custom Menu

1.  Go to Appearance > Menus

Custom menu

2.  Give your menu a name – ‘Main’ will work great!

3. Click on the ‘Create Menu

Create new menu

4.  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!

Create Home link

5.  Select the pages you want to add to your menu then click Add To Menu.

Click on View All to see all published pages.

Add the pages

6.  Select your categories you want to add to your menu then click Add to Menu.

Add the categories

7.  Now drag/drop the menu items to change their order in your menu.

Drag menu items

Here’s what my custom menu will look like in the main navigation area of my blog header.

Example of a custom menu

8.  Once you’ve finished changing the order click Save Menu.

Click Save menu

  • When you publish new pages they aren’t automatically added to  your custom menu.  You need to go to Appearance > Menu and add the new page to your menu.
  • Remember to click Save Menu any time you make changes to your menu!

9.  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.

Theme location

10. Visit your blog and see your new menu!

Custom Menu Tips

1.  You can create nested sub-menus of links (sometimes known as nested pages links or ‘drop down’ menus) by indenting items in the menu.

If you hover your mouse over About in the top navigation of The Edublogger you’ll see two nested pages underneath the About link.

sub menu

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 The Edublogger  you’ll see it is a static level tab used just as a placeholder for page  links we’ve added underneath it.

Static Level tab

Changing page order in a custom menu widget

Links to pages can be displayed in your sidebar using the pages widget or a custom menu widget (Appearance > Widget).

You can change the order of pages displayed by the custom menu widget by editing the order of pages in your custom menu.

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 Appearance > Menus to create a custom menu or edit your existing custom menu.

2.  Now drag/drop the menu items to change their order in your menu.

Drag menu items

3.  Once you’ve finished changing the order click on Save Menu.

4.  Go to Appearance > Widgets.

Widgets

4.  Add the Custom menu widget to your sidebar.

5.  Select the custom menu you want to display and click Save.

Custom menu widget

Changing pages order in the pages widget

Links to pages can be displayed in your sidebar using the pages widget or a custom menu widget.

You can change the order of pages displayed by your page widget by changing the order of your pages and using the Page order option on the pages widget.

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

All Pages

2.  Hover your mouse over a page title to bring up the action menus and then click on Quick Edit.

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

Add the page number

4.  Now to display the pages in the correct order you just need to add your Pages widget to the desired sidebar (Appearance > Widget), change it to Page order and then click Save.

Pages widget

Edublogs Support Manager @suewaters on Twitter

Tagged with: , , ,
Posted in Appearance & Themes, Help