Services tutorial – create an article page

An article page can be used to present any type of information or content. The topic can be, for example, collaboration options, a certain research area or architecture in Otaniemi. Here's how to create one.
title graphic - how to create an article page

As an example, let’s see how to create an article on "How to get to Otaniemi". Start by logging in to the system by clicking on the button in the top navigation.

Top 3 tips for article writing

  1. Catch the reader's interest with the title and lead text.
  2. Write clearly and to the point.
  3. Utilise photos and/or images which support the content and make your article more enticing.

Now you can start building the article. First, set up the basic information and metadata.

  1. Define the main language for the article. You can create other language versions later.
  2. Give an informative title for the article, such as "How to get to Aalto University".
  3. The summary text is used on other pages where the article, you are now creating, is used as a lift-up component to promote your content. For example, "Aalto University is located in Otaniemi, Espoo. The campus is easily accessed with public transport from Helsinki and Espoo."
  4. Select the main image for the article.
  5. Select the main hub relationship of the article to the Content home field. This means which hub is the home hub for this article. For this article, Campus is a good home hub.
  6. The "relates to" field can be used to associate the article to other hubs or research groups. In this case, you can choose Aalto University hub.
  7. Set primary tags to define the main topic area and secondary tags to describe the content.
    1. Typical article page with various HTML markup elements ​​​

After adding basic information create your article page using different the components 

  1. Always include the Lead text component in your content at the top and enter a short input that explains exactly what the whole article is about. The input can take advantage of the text of the Summary field or you can tailor it to better support the title of the article and other content. The short input is often longer, 3-4 sentences, while summary is up to two concise sentences. An example of lead text short input: "Otaniemi has a new metro station: Aalto University, which makes it easy to reach the university."
  2. You can then add different content components, such as text paragraphs, to the article page.
  3. Select an image for an article by clicking on Main imageand selecting Select image or uploading an image in Upload image.
    1. Please note that the main image of the article will also appear when the article is shown somewhere else than its primary HUB.

    2. Click Upload to include a new image in the article. Drag the selected image over the dashed gray area to get the downloaded image from your computer to

    3. Name the photo you uploaded. In the Name field, enter the name of the image, for example: Aalto University / Graph Name.

    4. Do not name images in the style: people _-_ default.png

    5. Write ALT text for the picture: Aalto University / image descriptor / graph: Matti Meikäläinen, for example: Aalto University / students with a bump / graph: Matti Meikäläinen

    6. Please note that the ALT text should describe the image as accurately as possible, with one sentence. The text is used when pages are read aloud, with search engines or when the image can not be downloaded. The question is the unobstructed accessibility of information! In, each image can only get one ALT text, which means that the tag does not change when the same image is displayed in the various articles.

    7. Finally, click save: Save.

    8. To add more photos to the same article page, Scroll down the page and select The components that make up your page. and then select Add image: Single image.

    9. Caption text is optional, but choose the size of an image depending on how much you want the article to describe (M, L, XL).

    10. Select Upload the picture file and name the image you downloaded. In the Name and Alternative text fields, type the name of the image, for example: Aalto University / Name of the Photographer.

    11. If you want to edit the image in X (Center and Size), just click on the image below Edit and drag the "+" in the middle of the image and click Save.

  4. To add the attachments to the page, sketch the page down and select the components that make up your page. and then click Add file: Attachments.

    1. To add the attachments to the page, sketch the page down and select the components that make up your page. and then click Add file: Attachments.

  5. To add a link to the text, paint a linkable word or words and click on the chain-like icon.
    1. Then add an external URL or an internal link / node / XXXX (= XXXX is a specific Drupal article's own number), and then click Save.

    2. If you want to style the link, then choose from the text edit menu: Link Highligh.

    3. When editing or editing an existing link, click the chain icon, make edits to an external URL, or / node / XXXX, and then click Save.

  6. If an article is for internal Aalto users only, set the role restriction right at the bottom of the page in the Role restrictions field. Finally, click on Save to see what your page looks like. Some information you added, such as tags, are not displayed, but used by the system to facilitate navigation.

  7. Please note that once you have created all content components (including Lead text, Tet paragraph, Pictures, Attachments, etc.), you can freely change the order of components by dragging and dropping components in a new paragraph by using the "+" sign. The "+" sign is located in the upper left corner of each component.

  8. Finally, click save Save, after which you will see your article page in the published format.

Editing and translations

By clicking on Edit, you can edit the page, add/delete components or edit them. By clicking on Translate => Add, you can create another language version.

Dos and don’ts

Here a few points which are good to keep in mind when creating articles.

  1. Put emphasis on the content title and the lead text component. People glans texts quickly, so the title and lead text are there to catch the reader's interest to read on.
  2. Write understandable and informative content, including the most important keywords on the subject in the text. This serves search engine users, alike.
  3. Add at least one high-resolution picture or image (size 3–10 Mb) to support the headline and content, and to make the article more interesting.

Back to guidelines

This service is provided by:

Communications Services

Did you find what you were looking for? If not, please contact us.
  • Published:
  • Updated:
URL copied!