This guide explains how to reorganize your website’s structure. It covers two main areas: Sorting Pages (changing the order in the navigation tree) and Rearranging Blocks (moving content within a single page). Mastering these steps ensures your most important information is always front and center for your visitors.
Reordering the Site Tree
Your "Content Tree" on the left side of the screen determines the order of your navigation menu. If you want "Services" to appear before "About Us," you use the Sort feature. This tool provides a simple drag-and-drop window where you can see all sub-pages at once and move them into your preferred sequence without having to delete and recreate anything.
Step-by-Step Instructions
-
Navigate to the Content Section: Log in to your Umbraco Backoffice and open the Content tab on the left-hand side.
-
Locate the Parent Node: Use the modern caret icons (chevron >) to expand the site tree. Find the "parent" page that contains the sub-pages you want to reorder.
-
Open the Sort Menu:
-
Right-click the name of the parent page.
-
Alternatively, click the three dots (···) that appears next to the page name to open the "Actions" menu.
-
Select 'Sort': From the menu, select Sort (sometimes listed as Change Sort Order or Reorder).
-
Drag and Drop: A screen will appear showing all sub-pages under that node. Simply click and hold a page to drag it to its new position.
-
Save Changes: Click the green Save button.
Play
Watch: Sorting and Reordering in Umbraco 17+
This video demonstrates the "Sort" action in the content tree and the drag-and-drop functionality within the Block Grid editor. You'll see how to save your new order and verify that it has updated on the live website.
Other Related Tutorials
-
[Tutorial] How to Sort and Reorder Pages (uSkinned)
-
[Tutorial] Moving a Page to a Different Section
-
[Tutorial] Managing Block Grid Layouts
Quick Steps to Change Order
To Reorder Pages:
-
Right-click the parent page (e.g., "Home") in the Content Tree.
-
Select 'Sort' from the menu.
-
Drag and drop the page names into your desired order.
-
Click 'Save' at the bottom of the panel.
To Reorder Blocks on a Page:
-
Open the page you wish to edit.
-
Hover over the block you want to move.
-
Click and hold the drag handle (usually an icon with dots or arrows).
-
Drag it to a new location on the page and release.
-
Click 'Save and Publish'.
Pro-Tip: When sorting pages in the tree, the change is instant for the back-office, but you must click "Save" in the sorting window for the live website's navigation to update. If the order doesn't change on your site immediately, try clearing your browser cache!
Where Next?
Now that you know how to "Change Order" to keep your best content at the top, what happens to the pages you no longer need?
Whether it's an old draft, a finished marketing campaign, or a layout experiment that didn't quite work out, keeping your backoffice clean is vital for a fast and organized workflow. Your next step is learning how to safely "Delete Pages".
We'll show you how to move items to the Recycle Bin and—more importantly—how to rescue them if you hit delete by mistake!