..  include:: /Includes.rst.txt

..  _pages-working-with:
..  _pages-drag-drop:

==================
Working with pages
==================

You can organize pages in your website using the **page tree**.

..  youtube:: cfASKN-WbaQ

------------

First click on
:guilabel:`Content > Layout` in the backend sidebar to display the page tree in
the middle pane.

..  _move-pages:

Moving pages
============

You can change your site hierarchy or reorder pages by dragging-and-dropping
inside the page tree.

#.  **Locate the page** you want to move within the page tree.
#.  **Click and drag** the page to its new position. A horizontal line will
    appear to preview where the page will land.

    ..  figure:: /Images/ManualScreenshots/PageTree/CopyMovePage.png
        :alt: Drag a page to move it to a different position in the page tree
        :zoom: lightbox

        Drag a page to move it to a different position in the page tree

#.  **To nest a page** (making it a "child" of an existing page), drag it
    directly over the target page until a gray outlined background appears.

    ..  figure:: /Images/ManualScreenshots/PageTree/CopyMoveChildPage.png
        :alt: Drop a page onto another page to make it a child page
        :zoom: lightbox

        Drop a page onto another page to make it a child page. Here page 4 will
        become the "child" of page 3

#.  **Release your mouse.** A confirmation message will prompt you to choose
    between copying or moving.
#.  Select :guilabel:`Move this item`.

..  _copy-pages:

..  tip::
    To copy a page instead of moving it, follow the exact same steps but select
    :guilabel:`Copy` from the confirmation prompt.

..  _delete-pages:

Deleting pages
==============

To remove a page entirely, click and drag the page to the right. You will see
the :guilabel:`Delete` action.

..  figure:: /Images/ManualScreenshots/PageTree/DeletePage.png
    :alt: Drag a page to the right to delete it
    :zoom: lightbox

    Drag a page to the right to delete it

..  _pages-working-with-context-menu:

Context menu actions
====================

Right click on any page in the page tree to bring up the context menu and see
the many editing shortcuts and page functions.

..  figure:: /Images/ManualScreenshots/PageTree/PageActions.png
    :alt: Right click on a page to see context menu
    :zoom: lightbox

    Right click on a page to see the context menu

..  _pages-other-features:
..  _filter-the-page-tree:

Filtering the page tree
=======================

Use the search tool at the top of the page tree to quickly
isolate specific pages by keyword, page ID number, or frontend page URL.
Separate multiple keywords, IDs, or URLs with a comma.

..  figure:: /Images/ManualScreenshots/PageTree/PageTreeFilter.png
    :alt: Filtering pages in the page tree
    :zoom: lightbox

Filtering pages in the page tree