Creating and Organizing Pages creating-and-organizing-pages
This section describes how to create and manage pages with Adobe Experience Manager (AEM) so that you can then create content on those pages.
Organizing your Website organizing-your-website
As an author you must organize your website within AEM. This involves creating and naming your content pages so that:
- you can easily find them on the author environment
- visitors to your site can easily browse them on the publish environment
You can also use folders to help organize your content.
The structure of a website can be thought of as a tree structure that holds your content pages. The names of these content pages are used to form the URLs, whereas the title is shown when the page content is viewed.
The following shows an extract from the Geometrixx site; where, for example, the Triangle
page will be accessed:
-
Author environment
http://localhost:4502/cf#/content/geometrixx/en/products/triangle.html
-
Publish environment
http://localhost:4503/content/geometrixx/en/products/triangle.html
Depending on the configuration of your instance, use of
/content
might be optional on the publish environment.
/content
/geometrixx
/en
/toolbar...
/products
/triangle
/overview
/features
/square...
/circle...
/...
/...
/fr...
/de...
/es...
/...
/...
This structure can be viewed from the Websites console, which you can use to navigate through the tree structure.
Page Naming Conventions page-naming-conventions
When creating a page there are two keys fields:
When creating a page, AEM validates the page name according to the conventions imposed by AEM and JCR.
Implementation and the list of characters allowed differs slightly according to UI (it is more extensive for the touch-enabled UI), but the minimum allowed is:
- ‘a’ through to ‘z’
- ‘A’ through to ‘Z’
- ‘0’ through to ‘9’
- _ (underscore)
-
(hyphen/minus)
Use just these characters if you want to be sure of them being accepted/used (if you need full details of all characters allowed, see the naming conventions).
Title title
If you supply only a page Title when creating a page, AEM derives the page Name from this string and validate the name according to the conventions imposed by AEM and JCR. In both UIs a Title field containing invalid characters will be accepted, but the name derived will have the invalid characters subsituted. For example:
Name name
If you supply a page Name when creating a page, AEM validates the name according to the conventions imposed by AEM and JCR.
In the Classic UI you cannot enter invalid characters in the Name field.
Templates templates
In AEM, a template specifies a specialized type of page. A template is used as the basis for any new page being created.
The template defines the structure of a page; including a thumbnail image and other properties. For example, you may have separate templates for product pages, sitemaps, and contact information. Templates are comprised of components.
AEM comes with several templates provided out-of-the-box. The templates proffered depend on the individual website and the information that needs to be supplied (when creating the new page) depends on the UI being used. The key fields are:
-
Title
The title displayed on the resulting web-page. -
Name
Used when naming the page. -
Template
A list of templates available for use when generating the new page.
Components components
Components are the elements provided by AEM so that you can add specific types of content. AEM comes with a range of out-of-the-box components that provide comprehensive functionality; these include:
- Text
- Image
- Slideshow
- Video
- many more
Once you have created and opened a page you can add content using the components, available from the sidekick.
Managing Pages managing-pages
Creating a New Page creating-a-new-page
Unless all pages have been created for you in advance, before you can start creating content, you must create a page:
-
From the Websites console, select the level at which you want to create a page.
In the following example, you are creating a page under the level Products - shown in the left pane; the right pane shows pages that already exist at the level under Products.
-
In the New… menu (click the arrow next to New…), select New Page…. The Create Page window opens.
Clicking New… itself also acts as a shortcut to the New Page… option.
-
The Create Page dialog lets you:
-
Provide a Title; this is displayed to the user.
-
Provide a Name; this is used to generate the URI. If not specified, the name will be derived from the title.
- If you supply a page Name when creating a page, AEM validates the name according to the conventions imposesd by AEM and JCR.
- In the classic UI you cannot enter invalid characters in the Name field.
-
Click the template you want to use to create the new page.
The template is used as the basis for the new page; for example, to determine the basic layout of a content page.
note note NOTE See Page Naming Conventions. The minimum information required to create a page is the Title and the template required.
note note NOTE If you would like to use unicode characters in the URLs, set the Alias ( sling:alias
) property (page properties). -
-
Click Create to create the page. You return to the Websites console where you can see an entry for the new page.
The console provides information about the page (for example, when it was last edited and by whom) which is updated as necessary.
note note NOTE You can also create a page when you are editing an existing page. Using Create Child Page from the Page tab of the sidekick creates a page directly under the page being edited.
Opening a Page For Editing opening-a-page-for-editing
You can open the page to be edited by one of several methods:
-
From Websites console, you can double-click the page entry to open it for editing.
-
From Websites console, you can right-click (context menu) the page item, then select Open from the menu.
-
After you have opened a page, you can navigate to other pages within the site (to edit them) by clicking hyperlinks.
Copying and Pasting a Page copying-and-pasting-a-page
When copying, you can copy either:
- a single page
- a page together with all subpages
-
From the Websites console, select the page you want to copy.
note note NOTE At this stage, it is irrelevant whether you want to copy a single page or the underlying subpages. -
Click Copy.
-
Navigate to the new location and click:
- Paste - to paste the page together with all subpages
- Shift + Paste - to paste the selected page only
The page(s) are pasted at the new location.
note note NOTE The page name might be automatically adjusted if an existing page already has the same name. note note NOTE You can also use Copy Page from the Page tab of the sidekick. This opens a dialog box where you can specify the destination, and so on.
Moving or Renaming Page moving-or-renaming-page
The procedure to move or rename a page is the same. With the same action you can:
- move a page to a new location
- rename a page at the same location
- move a page to a new location and rename it at the same time
AEM offers you the functionality to update internal links to the page being renamed or moved. This can be done on a page-by-page basis to provide full flexibility.
To move or rename a page:
-
There are various methods of triggering a move:
- From the Websites console, click to select the page, then select Move…
- From the Websites console, you can also select the page item, then right-click and select Move…
- When editing a page you can select Move Page from the Page tab of the sidekick.
-
The Move window opens; here you can either specify a new location, a new name for the page, or both.
The page also lists any pages that reference the page being moved. Depending on the status of the referencing page, you may be able to adjust those links on and/or republish the pages.
-
Fill in the following fields, as appropriate:
-
Destination
Use the sitemap (available via the drop-down selector) to select the location where the page should be moved to.
If you are only renaming the page, ignore this field.
-
Move
Specify the page to be moved - this is usually filled in by default, depending on how and where you started the move action.
-
Rename to
The current page label displays by default. Specify the new page label, if necessary.
-
Adjust
Update the links on the page listed that point to the moved page: for example, if page A has links to page B, AEM adjusts the links in page A in case you move page B.
This can be selected/deselected for each individual referencing page.
-
Republish
Republish the referencing page; again this can be selected for each individual page.
note note NOTE If the page was already activated, moving the page will automatically deactivate it. By default, it will be reactivated when the move is complete, but this can changed by unchecking the Republish field for the page in the Move window. -
-
Click Move. Confirmation will be required. Click OK to confirm.
note note NOTE The page title will not be updated.
Deleting a Page deleting-a-page
-
You can delete a page from various locations:
- Within the Websites console, click to select the page, then right-click and select Delete from the resulting menu.
- Within the Websites console, click to select the page, then select Delete from the toolbar menu.
- Within sidekick use the Page tab to select Delete Page - this deletes the page that is currently open.
-
After you have selected to delete a page you must confirm the request - as the action cannot be undone.
note note NOTE After deletion, if the page has been published you can restore the latest (or a specific) version, but this may not have exactly the same content as your last version if further modifications had been made. See How To Restore Pages for further details.
Locking a Page locking-a-page
You can lock/unlock a page from either a console or when editing an individual page. Information about locked pages is also shown in both locations.
Creating a New Folder creating-a-new-folder
-
Open the Websites console and navigate to the required location.
-
In the New… menu (click the arrow next to New…), select New Folder….
-
The Create Folder dialog box opens. Here you can enter the Name and Title:
-
Select Create to create the folder.