Create a "news article" Page

Informations before you start


  1. Gather the publishable content (text, image, documents, ...) ready to be published, i.e. released and corrected. Place this content in the assets before you start.
  2. Use the "news details tamplate" for your news article page    
  • The "News Details Template" is the template to use for News articles and it contains by default:
    • A "Header" at the top of the page. This header (with a generic background image) will never be edited by an editor and remains unchanged. 
      Note: Do not confuse "Header" and "News Header".
    • A "Breadcrumb" component - just under the "Header" indicates to the user where he or she is in the structure of the site.
      This element too will never be edited by an editor and will be filled in automatically.
    • A "News Header" - is a component for Headline and Subline of the News article and is filled partially automatically with data from the "page properties". This component can be reworked individually - See below on this page "Step 8".
    • A "Rich Text" component for main  content/text of the news article.
    • An "Image" component - will contain an image and can be filled optionally.
    • "Contact Card Layout" - a component for showing the contact person and contact data.
    • A "Link List" component for download - can be filled optionally but strongly recommended.

Processing steps


Step 1: Set the article page at the right place

To do this, go in the hierarchic structure of the site to the newsroom area (Newsroom) > News > 2020 (or another year). (i.e. click on the text and NOT the image/icon) the parent folder that should receive the page you want to create and then click on the blue button "Create" at the top right (see picture below).

 

Step 2: Create a page

By clicking on the "Create" button, a menu will open.
Choose here "Page" (see picture below).

Step 3: Select the template

A page with several predefined templates opens. 
For a "News Details page" please select the template named "News Details Template".
Then click on blue button "next" at the top right (see picture below).

Step 4:  Fill in page informations

In the window that opens (see below) you fill in the fields (as far as you know them): "Title", "Name", "Page Title" and "Navigation Title" (see picture below).

Note: These elements can be reworked later but the first field (named "Title") is mandatory. This "Title" will be the title of the page as it will be visible in the tabs of your web browser if you do not fill in a "Page Title".

Important : The text in the "Title" field under "Subtitle" will become the title of the header i.e. the title of your article.

After filling the fields click on the blue button "create" on the top right.
The confirmation (see picture below) shows that your page was successfully created and gives you the choice between two possibilities: 

  • Click on "Done" if you want to work on your page later.
  • Click on "Open" to work on your page right away.

Now we click on "Open" and continue to edit the page with Step 5.

Step 5: Working on the content of a news article

The "News article" template contains by default a text block (Rich text) and an image block ("Image"). However, you can add others and/or change the order.

Text editing by working in the "Rich Text" component

Type your text or alternatively paste it from a text file. Editing the text should not be a problem.

Insert an image in your article by working in the "Image" component.

  • To insert an image in the existing "Image" component please click on the  icon in the top left corner. 
  • A panel will open: Click the  icon (Assets) then can you search the picture you want to place in your article. 
  • Drag & Drop the picture you have selected on the "Image" component.

Most "News articles" do not need more elements than a "Rich text" block and one "image".

Step 6: Assign a contact (person) to a news article

The template "News detail template" has a "Contact Card" component by default but filled in with a dummy contact person. To link the right contact person(s) (Trade Press, Corporate Communication, ...) concerned by this article please proceed as follows:

  • Select the "Contact Card Layout" component and click on the wrench  icon or
    Doubleclick on the "Contact Card Layout" component
  • a dialog modal will open (see image below)

Clicking on the checkbox opens a new dialog box that allows you to navigate through the "contact structure" (see image below). You can now select a person you wish to assign as a contact person for this page or article. Summary of the steps:

  • Navigate through the "contact structure"
  • Select the picture of the person you want to assign to the article
    Important: The path of the Contact Crad you choose must end with ".../master".
  • Confirm by clicking the blue button "Select" on the top right.

Step 7: Add/edit download files to a news article

The template "News detail template" has a "Link List" component by default, it is filled with dummy links and text. Usually, press articles almost always offer the possibility to download the elements of this article also referred to as "Assets" (text as PDF-file, images or more elements compressed in a zip file). 

To link the files to your news article correctly, please click on the "link list" component and then on the  wrench  icon. A dialogue window opens and you can modify the following:

  • Link Type: Choose "Internal Download" if you offer a file for download. This is likely to be the case in most cases.
  • Link Text: Fill in the text or title that will be used/shown for your download/link
  • Link Goal: The path to the file to be downloaded. Clicking on the  icon opens a new dialog window and you can search for your file by browsing the asset library.

Note: The type of file (PDF, DOC, ZIP, JPG, ...) and its size will be added automatically by AEM. You don't need to enter this kind of information.

Step 8: Finishing the article with the header

The template "News detail template" has a "News Header" component by default. It is located at the top of the article. If you have filled in the corresponding field correctly, the headline should already be displayed. It is however possible to edit/rewrite the whole and add a sub-headline, a publication date and a category.

Below is an image of the header of this page with:

  • a date (default: date the page was created).
  • a title entered when the page was created (see Step 4).
  • a text "News Header":  This can be ignored.

For a news article, it is recommended to add other elements such as a subtitle and a news category. Steps to do this are as follows:

Modification of the publication date
To modify the date please select the header then a tools pallet will be displayed. Click on the wrench   icon and a dialog window will open. Click on the calendar icon and select the date on which the article is (or will be) officially published. See picture below.

Add a sub-headline
To add a sub-headline to the header please process as follow:

  • Click on the  icon in the black ribbon at the top left of the page and choose "open properties".
  • Fill the field "Subtitle" located under "More Titles and Description" with a few sentences of about 50 words.
  • Validate by clicking the blue button "Save and close" on the top right.

Assign a category to the article
Why assign a category to an item? Assigning a category allows the user to see if an article is of interest to him or her but also facilitates the search by using the internal search engine. To assign a category to the article please process as follow:

  • Click on the  icon in the black ribbon at the top left of the page and choose "open properties".
  • Clicking the checkbox by "Category Tags" located under "Title and Tags". This will give you access to the tag pool. 
  • Select one "tag" and validate by clicking the blue button "Save and close" on the top right.

Your header is now finished!

Step 9: Configure the News Teaser component

With the News Teaser you can show further news at the end of your article. You can select recent or related news and the source of the news folder.

Step 10: How to publish a news article?

If you publish your article the first time choose "Publish Page" in the Page Information if you are in the Edit mode and "Managed Publication" if you selected your page in the Page Structure.

If you need to refresh your page content you can select "Quick Publish".