Creating and Managing Web Pages

9. Creating and Managing Web Pages

Adobe Experience Manager (AEM) is a powerful content management system (CMS) that allows organizations to create, edit, and manage web pages efficiently. Managing web pages in AEM involves tasks such as creating new pages, editing existing ones, and organizing content within your website. In this comprehensive tutorial, we'll explore the details of creating and managing web pages in AEM, complete with practical examples.

http://[hostname]:[port]

Replace '[hostname]' with your AEM server's actual hostname or IP address and '[port]' with the port number (e.g., 4502 for the author instance).

• Log In: You will be presented with the AEM login page. Enter your username and password to log in. You should have been provided with these credentials during the setup of your AEM instance.

Creating and Managing Web Pages in AEM:

Creating and managing web pages in AEM involves several key steps:

1. Access the AEM Authoring Environment: After logging in, you'll access the authoring environment. Depending on your AEM version, you may have two interface options: Classic UI (with Sidekick) or Touch-Optimized UI (more modern and intuitive).

2. Navigate to the Content Area: Use the navigation menu to locate the content area where you want to create or edit web pages. This might be a website section, a page, or a specific content folder.

3. Creating New Web Pages:

• In the Sidekick panel, click the "Create" tab.
• Select a content template for the new web page (e.g., "Blank Page" or "Article").
• Fill in the required page details, such as the title and URL name.
• Customize the page by adding components (e.g., text, images, or videos) and configuring them using the component properties.

Touch-Optimized UI:

• Click the "Create" button in the toolbar.
• Select the type of web page you want to create (e.g., "Page" or "Article").
• Provide the necessary page details and customize it by adding components.

4. Editing Web Pages:

• To edit existing web pages, navigate to the page you want to update.
• Click the "Edit" button or select "Edit" from the context menu.
• Make your desired changes to the page content or components.

5. Preview Web Pages: Before publishing, use the "Preview" option to see how your web page will appear to users on the live website.

6. Approve and Publish:

• If your organization has a workflow in place, submit your web page for approval.
• Once approved, publish the web page to make it live and accessible to website visitors.

Example: Creating a New Article Page in AEM:

Let's walk through an example of creating a new article page in AEM using the Classic UI (Sidekick):

1. Log In to AEM: Log in to your AEM instance as described earlier.

2. Access the Authoring Environment: Click on the "Edit" icon for the website section where you want to create the article page.

3. Create a New Article Page:

• In the Sidekick panel, click the "Create" tab.
• Choose the "Article Page" template from the available options.

4. Fill in Page Details:

• Provide a title, author, publication date, and other required details for the article page.
• Use the rich text editor to compose the article's body content.

5. Add Components:

• Enhance your article page by adding components like images, videos, and related articles.
• Configure component properties as needed.

6. Preview and Edit:

• Click "Preview" to see how the article page will look to visitors.
• If further edits are needed, click "Edit" to make changes.

7. Publish the Article Page:

• When the article page is ready, submit it for approval if required.
• Once approved, publish the article page to make it live on the website.

Conclusion:

Creating and managing web pages in Adobe Experience Manager (AEM) is a streamlined and efficient process, thanks to AEM's robust content management capabilities. Whether you're using the Classic UI with Sidekick or the modern Touch-Optimized UI, AEM provides the tools and features needed to create and maintain compelling web content. By following the steps outlined in this tutorial and exploring AEM's authoring interface, you can effectively manage your web pages and provide engaging digital experiences to your audience.