Create & Edit Pages

Your site is built of several pages. Each page consists of certain areas that are inherited based on the template and also a main content section where you can add components and content. 

Create a Page

Select the location within your site where you would like to create a new page. Any new page you create will live directly below the page you have selected. New pages will always be added to the bottom of any other existing pages at that level. If you need, you can rearrange the new page using the list view.

If the blue create button is not available in the location you are trying to create a new page, you do not have permissions to create a page in that location. Ensure you are working within the correct site or reach out to your apex user to confirm your permissions. 

Select a Template

Select "Create" and then "Page" from the drop down menu. You will then be served an array of templates to use from. The templates available are based on the location of the page. When working within an established site, most of the pages that will be created are child pages. A basic overview of the template hierarchy is as follows: 

  • Home page
    • Parent Page
      • Child Page
      • Child Page
    • Parent Page
      • Child Page
        • Child Page
        • Child Page
      • Child Page
    • Parent Page
      • Child Page
      • Child Page
        • Child Page
        • Child Page
      • Child Page

After you chose a page template, select "next". You will then be taken to the "Page Properties" screen where you will input vital information for your page. 

AEM Tip

More information about the other templates available can be found in our advanced tips & tricks section. 

Page Properties

After you select your template, the page properties screen is where you will enter most of the information about your page. Name, Page/Search/Browser Title and Main Content H1 (News Headline) are all required to create a page. Some other fields can be used to help boost the SEO for your page. 

AEM Tip

In the page properties screen, click the "i" with a circle around it for reminders on what each page property field correlates to. 

Name

The first field you will fill out is your page name which creates the end of your page's URL. A page's URL is determined by the string of pages that live above the page you are creating. For example, uc.edu/campus-life/student-affairs is a complete URL with the page name being "student-affairs". There are some specific guidelines to use when creating your page URL:

  • use only lowercase letters
  • use hyphens, not underscores to separate words
  • eliminate short words (and, or, of) to keep your URL short
  • avoid duplicating words already used in the URL. For example, you shouldn't include uc as it is already at the beginning of the URL

Page/Search/Browser Title

The text entered in this field will display in the tab of the web browser and also as the title of the page in search results. There is a character limit of 60 to align with SEO best practices. 

Tags

Tags are a tool used with the news system in AEM. Do not add any tags to your page unless you need to use them in conjunction with the news list lens. 

Site Title

Site Titles should not be used without first connecting with your apex user. They are intended to be added to a homepage only. 

Main Content h1 (News Headline)

The h1 on the page will be the first large header that appers on the page. This should be meaningful and descriptive of the content on the page. 

Navigation Title

The navigation titles allows use of a more concise page name that will display in navigational elements on the page. The text used in this field will show in any navigation menus across the top of the page, in the left-hand navigation on pages and also in the breadcrumbs that appear at the top, directly above the h1. Shorter navigation titles allow users to more quickly scan and navigate for the information they are seraching for. 

Metadata/Description

The Metadata and Description field is the best place to help improve the SEO for your page. With a limit of 156 characters, use keyword-rich sentences that describe to a user what they will find on this page. 

Finish

When you have filled in all the required fields, the create button in the top right corner will turn blue, indicating that you can now create your page. 

After the page has been created you can either open it for editing or return to the sites console. 


Edit a Page

Now that your page is created, you can edit the page to add your content. All content is added through the use of components. 

Page Toolbar

The Page Toolbar is the grey toolbar that runs across the top of your page when you have opened it for editing. You will see several icons on the left side and the words "edit" and "preview" on the right side. 

Toggle Side Panel

This opens/closes the side panel which holds the Asset Browser, Component Browser and the Content Tree. 

Asset Browser

By default, the asset browser shows all the assets that have been uploaded to the AEM assets folder by all users. There are a few ways to make the assets feed more individualized to your site. 

  1. Filter: Search for terms used in titles to look for specific assets. 
  2. Enter Path: Use the path picker to select a specific folder of images to display. 
  3. Asset Type Dropdown: Filter by asset type such as images or documents 
  4. Tags: Most images in our system are not tagged, so this will not pull many results. 
Component Browser

The component browser shows all components that are available for use on your current page. These can be dragged to the appropriate location and then edited to add your content. 

AEM Tip

On a mobile device or small desktop screen, the component browser may completely cover the page being edited. To add a component to your page touch-and-hold the required components and move it towards the right - the components browser will close to show the page again - where you can position the component. 

Page Information Menu

To the right of the Side Panel button is the Page Information button (equalizer icon). This menu contains several functions that are also available from the Action Toolbar visible in the Sites Console.