Creating and Organizing Pages

搜尋
Experience Manager 6.2 Sites 撰寫使用手冊

本頁內容

適用於: Experience Manager 6.2 Sites

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

您正在檢視適用於以下版本的說明內容::

This section describes how to create and manage pages with Adobe Experience Manager (AEM) so that you can then create content on those pages.

註解：

Your account needs the appropriate access rights and permissions to take action on pages, for example, create, copy, move, edit, delete.

If you encounter any problems we suggest you contact your system administrator.

Organizing your Website

As an author you will need to 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 - touch-optimized UI
    http://localhost:4502/editor.html/content/geometrixx/en/products/triangle.html
  • Author environment - classic UI
    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...
      /...
    /...

Dependent on the UI you are using, this structure can be viewed:

Page Naming Conventions

When creating a new page there are two keys fields:

  • Title:
    • This is displayed to the user in the console and shown at the top of the page content when editing.
    • This field is mandatory.
  • Name:
    • This is used to generate the URI.
    • User input for this field is optional. If not specified, the name is derived from the title.

When creating a new page, AEM will validate the page name according to the conventions imposesd by AEM and JCR.

Implementation and the list of characters allowed differs slightly according to UI (it is more extensive for the touch-optimized 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

If you supply only a page Title when creating a new page, AEM will derive 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:

Title Derived Name
Schön schoen.html
SC%&*ç+ sc---c-.html

Name

If you supply a page Name when creating a new page, AEM will validate the name according to the conventions imposed by AEM and JCR.

In the:

  • Touch-optimized UI you cannot submit invalid characters in the Name field. When AEM detects invalid characters the field will be highlighted and an explanatory message shown to indicate the characters that need removing/replacing.
  • Classic UI you cannot enter invalid characters in the Name field.

註解：

You should avoid using a two-letter code as defined by ISO-639-1, unless it is a language root.

See Preparing Content for Translation for more information.

Templates

In AEM, a template specifies a specialized type of page. A template will be 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.

註解：

If configured on your instance, template authors can create templates with the Template Editor.

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 either the component browser (touch-optimized UI) or the sidekick (classic UI)).

註解：

The Components Console give an overview of the components on your instance.

Touch-Optimized UI

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:

  1. Open the Sites console (for example, http://localhost:4502/sites.html/content).

  2. Navigate to the location where you want to create the new page. 

  3. Open the drop down selector using Create in the toolbar, then select Page from the list:

    chlimage_1

  4. From the first stage of the wizard you can either:

    • Select the template you want used to create the new page, then click/tap Next to proceed.
    • Cancel to abort the process.
    chlimage_1

  5. From the final stage of the wizard you can either:

    • Use the two tabs to enter the page properties you want assigned to the new page, then click/tap Create to actually create the page.
    • Use Back to return to template selection.

    Key fields are:

    • Title:
      • This is displayed to the user.
    • Name:
      • This is used to generate the URI. If not specified, the name is derived from the title.
      • If you supply a page Name when creating a new page, AEM will validate the name according to the conventions imposesd by AEM and JCR.
      • In the touch-optimized UI you cannot submit invalid characters in the Name field. When AEM detects invalid characters the field will be highlighted and an explanatory message shown to indicate the characters that need removing/replacing.

    註解：

    See Page Naming Conventions.

    The minimum information required to create a new page is the Title.

    chlimage_1

  6. Use Create to complete the process and create your new page. The confirmation dialog will ask whether you want to Open the page immediately or return to the console (Done):

    chlimage_1

    註解：

    If you create a page using a name that already exists at that location, the system will automatically generate a variation of the name; e.g. square will become square0.

  7. If you return to the console you will see your new page:

    chlimage_1

注意：

Once a page has been created its template cannot be changed - unless you create a launch with a new template, though this will lose any content already existing.

Opening a Page For Editing

After creating a page, or navigating to an existing page (in the console), you can open it for edit:

  1. Open the Sites console; for example, http://localhost:4502/sites.html/content.

  2. Navigate until you can see the page you want to edit.

  3. Using either:

    Select your page and then the Edit icon:

    chlimage_1

  4. The page will be opened, here you can edit the page as required.

註解：

Navigating to other pages from the page editor is only possible in Preview mode as links are not active in the Edit mode of the touch-optimized UI page editor.

Copying and Pasting a Page

When copying, you can copy a page together with all subpages:

  1. In the Sites console, navigate until you can see the page you want to copy.

  2. With either:

    Select your page and then the Copy page icon:

    chlimage_1

    註解：

    If you are in selection mode this is exited automatically as soon as the page is copied.

  3. Navigate to the location for the new copy of the page.

  4. Use the Paste page icon:

    chlimage_1

    A copy of the original page will be created at this location.

    註解：

    If you copy the page to a location where a page with the same name as the original already exists, the system will automatically generate a variation of the name; e.g. square will become square1.

Moving or Renaming a Page

註解：

Renaming a page is also subject to the Page Naming Conventions when specifying the new page name.

The procedure to move or rename a page is basically the same and is handled by the one wizard. With this you can rename a page without moving it, move the page without renaming it or move and rename at the same time.

AEM offers you the functionality to update any internal links that refer to the page being renamed/moved. This can be done on a page-by-page basis to provide full flexibility.

  1. Navigate until you can see the page you want to move.

  2. With either:

    Select your page and then the Move page icon:

    chlimage_1

    This will open the move page wizard.

  3. From the Rename stage of the wizard you can either:

    • Specify the name you want the page to have after it is moved, then click/tap Next to proceed.
    • Cancel to abort the process.
    chlimage_1

    The page name:

    • can remain the same if there is no page with that name at the new location.
    • should be new if you move the page to a location where a page with the same name as the original already exists (if you use the same name, the system will automatically generate a variation of the name; e.g. square will become square1).

  4. From the Select Destination stage of the wizard you can either:

    • Use the column view to navigate to the new location for the page:
      • Select the destination it by clicking the destination's thumbnail.
      • Click Next to continue.
    • Use Back to return to page name specification.

    註解：

    If you move the page to a location where a page with the same name as the original already exists, the system will automatically generate a variation of the name; e.g. square will become square1.

    chlimage_1

  5. If the page is linked to, or referenced, then these will be listed. You can indicate which should be adjusted and republished (as appropriate):

    chlimage_1

    註解：

    If the page was already published, moving the page will automatically unpublish it. By default, it will be republished when the move is complete, but this can changed by unchecking the Republish field in the Adjust/Republish step.

    註解：

    If the page is not referenced in any way, then the Adjust/Republish step will be skipped.

  6. Selecting Move will complete the process and move/rename your page as appropriate.

Deleting a Page

  1. Navigate until you can see the page you want to delete.

  2. Use selection mode to select the required page, then use Delete from the toolbar:

    chlimage_1

    註解：

    As a security precaution, the Delete page icon is not available as a quick action.

  3. A dialog will ask for confirmation, use:

    • Cancel to abort the action
    • Delete to confirm the action:
      • If the page has no references, the page will be deleted.
      • If the page has references, a message box will inform you that One or more pages are referenced. You can select Force Delete or Cancel.

註解：

If a page is already published, it will automatically be unpublished before deletion.

Locking a Page

You can lock/unlock a page from either a console or when editing an individual page. Information about whether a page is locked is also shown in both locations.

Creating a New Folder

You can create folders to help organize your files and pages.

註解：

Folders are also subject to the Page Naming Conventions when specifying the new folder name.

注意：

  • Folders can only be created directly under Sites or under other folders. They cannot be created under a page.
  • The standard actions can be performed on a folder: move, copy, paste, delete, publish, unpublish, view/edit properties.
  • Folders are not available for selection within a live copy.

  1. Open the Sites console and navigate to the required location.

  2. To open the option list, select Create from the toolbar

  3. Select Folder to open the dialog. Here you can enter the Name and Title:

    chlimage_1

  4. Select Create to create the folder.

Classic UI

Creating a New Page - Classic UI

Unless all pages have been created for you in advance, before you can start creating content, you must create a page:

  1. From the Websites console, select the level at which you want to create a new 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.

    screen_shot_2012-02-15at114413am

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

  3. The Create Page dialog allows you to:

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

    註解：

    See Page Naming Conventions.

    The minimum information required to create a new page is the Title and the template required.

    screen_shot_2012-02-15at114845am

    註解：

    If you would like to use unicode characters in the URLs, set the Alias (sling:alias) property (page properties).

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

    註解：

    You can also create a page when you are editing an existing page. Using Create Child Page from the Page tab of the sidekick, will create a new page directly under the page being edited.

Opening a Page For Editing - Classic UI

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.

註解：

The page editor of the touch-optimized UI is default (in a standard installation). You must specifically select or configure the UI to use the editor of the classic UI.

Copying and Pasting a Page - Classic UI

When copying, you can copy either:

  • a single page
  • a page together with all subpages

  1. From the Websites console, select the page you want to copy.

    註解：

    At this stage, it is irrelevant whether you want to copy a single page or the underlying subpages.

  2. Click Copy.

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

    註解：

    The page name might be automatically adjusted if an existing page already has the same name.

    註解：

    You can also use Copy Page from the Page tab of the sidekick. This will open a dialog where you can specify the destination, etc.

Moving or Renaming Page - Classic UI

註解：

Renaming a page is also subject to the Page Naming Conventions when specifying the new page name.

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:

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

  2. The Move window opens; here you can either specify a new location, a new name for the page, or both.

    screen_shot_2012-02-15at121336pm

    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.

  3. 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 required.
    • 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.

    註解：

    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. 

  4. Click Move. Confirmation will be required. Click OK to confirm.

    註解：

    The page title will not be updated.

Deleting a Page - Classic UI

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

  2. After you have selected to delete a page you must confirm the request - as the action cannot be undone.

    註解：

    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.

註解：

If a page is already activated, it will automatically be deactivated before deletion.

Locking a Page - Classic UI

You can lock/unlock a page from either a console or when editing an individual page. Information about whether a page is locked is also shown in both locations.

Creating a New Folder - Classic UI

註解：

Folders are also subject to the Page Naming Conventions when specifying the new folder name.

  1. Open the Websites console and navigate to the required location.

  2. In the New... menu (click the arrow next to New...), select New Folder....  

  3. The Create Folder dialog will open. Here you can enter the Name and Title:

    chlimage_1

  4. Select Create to create the folder.