# Types of articles

Converia offers various article types to structure a page and make it appealing.

{% hint style="info" %}
Articles can also be displayed in several columns in the page structure. This allows pages - especially with a large amount of content - to be designed particularly individually, see also [#show-articles-in-columns](https://manual.converia.de/en/general/page-structure/create-and-edit-pages/page-content-and-modules#show-articles-in-columns "mention").
{% endhint %}

## RTE element

An RTE element is a **Rich Text Editor (RTE)** element. This is an article type in the content management system (CMS) that makes it possible to edit text in a format that goes beyond simple text editing.

Here are some of the main features of the RTE element:

1. **Text formatting**: Text can be formatted bold, italicized or underlined and different heading formats are available.
2. **Adding media**: It is possible to integrate images, videos, links and other media types directly into the text.
3. **Creation of lists**: Numbered or unordered lists can be created.
4. **Tables**: Simple tables can be created.
5. **HTML editing**: The source code (HTML) of the edited content can be edited directly and thus offers further possibilities beyond the standard range of functions.

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FTPUVAWZgWeBenkQyoKQd%2F2024-11-29_14h28_04.gif?alt=media&#x26;token=dcdb1bfb-230f-4c64-932c-b4199071fcf8" alt="Fig. 1: RTE element" width="450"><figcaption><p>Fig. 1: RTE element</p></figcaption></figure>

## Text / Text with image

The *Text* article type offers a simplified text editor with limited formatting options for text only.

For *text with image*, text can be combined with a graphic that can be placed in different positions, see Fig. 4. The option can also be set to display the image as a large view when clicked.

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FunYi7xPsxvEBR2uhFhB3%2Fimage.png?alt=media&#x26;token=3a8beeb2-3db5-4129-b58c-0a6f5dab9861" alt="Fig. 2: Text with image"><figcaption><p>Fig. 2: Text with image</p></figcaption></figure>

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FLtYRlal7ZT1kv1p2Elmr%2Fimage.png?alt=media&#x26;token=e7759f89-b3e9-4588-b475-d8327e2eaa26" alt="Fig. 3: Image position" width="562"><figcaption><p>Fig. 3: Image position</p></figcaption></figure>

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2F7g9il67eiVNmoiNnIsIp%2Fimage.png?alt=media&#x26;token=fa6e7cef-b9b1-44e6-9c33-ce92ccfbea9c" alt="Fig. 4: Example - Text &#x26; image in multiple columns"><figcaption><p>Fig. 4: Example - Text &#x26; image in multiple columns</p></figcaption></figure>

## Teaser / Teaser with image

Teasers can be used with or without an image, for example to introduce or highlight one or more pages on the homepage.

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2Fbm8MRbkvx6qni3DjYgSD%2Fimage.png?alt=media&#x26;token=ef881eff-b5c5-47ae-b793-018a241d18ee" alt="Fig. 5: Teaser with image"><figcaption><p>Fig. 5: Teaser with image</p></figcaption></figure>

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FIphBcka7VeOWB6tyRpjs%2Fimage.png?alt=media&#x26;token=fd959a85-dd9b-48a2-b1e0-7a399aedb30e" alt="Fig. 6: Example - Teaser with image and button in multiple columns"><figcaption><p>Fig. 6: Example - Teaser with image and button in multiple columns</p></figcaption></figure>

## Image

Images can be used anywhere to represent something.

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2F0WXMl1W73ryNLhrmLtBg%2Fimage.png?alt=media&#x26;token=1579c6d4-7662-4036-8005-20e2b27c4c73" alt="Fig. 7: Image"><figcaption><p>Fig. 7: Image</p></figcaption></figure>

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FyWFbWky8x6KhArCy9QfG%2Fimage.png?alt=media&#x26;token=68273df7-64ad-474c-a422-e475411efe8c" alt="Fig. 8: Example - Image gallery"><figcaption><p>Fig. 8: Example - Image gallery</p></figcaption></figure>

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FRpgOnZgueq6AoT7qoZCF%2Fimage.png?alt=media&#x26;token=9603c402-e347-459c-8bb0-7659dd7a9d4c" alt="Fig. 9: Example - Logo parade"><figcaption><p>Fig. 9: Example - Logo parade</p></figcaption></figure>

## Heading

Headings can be used to structure content. Heading formats from H1 - H6 and different alignments can be selected.

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FHIZqx8N4z7367M34dclo%2Fimage.png?alt=media&#x26;token=26d6cc17-13e0-47d6-92b4-6b526277239f" alt="Fig. 10: Heading"><figcaption><p>Fig. 10: Heading</p></figcaption></figure>

## Hint

Hints can be used to draw attention to important issues.

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FXRmUCWvwp0PWucZ1muOW%2Fimage.png?alt=media&#x26;token=7e7030ba-c333-437e-a6e2-1283a3107274" alt="Fig. 11: Hint"><figcaption><p>Fig. 11: Hint</p></figcaption></figure>

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FLLPwvnr5E3khESfz4nRo%2Fimage.png?alt=media&#x26;token=f03ff9f9-e1a1-4961-9d93-c3d340ebd80d" alt="Fig. 12: Example - An important hint"><figcaption><p>Fig. 12: Example - An important hint</p></figcaption></figure>

## Button

A button can be used to link particularly prominently to other pages. You can choose between different alignments and sizes.

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FBrywJKgs4hcBRJp2Sh9i%2Fimage.png?alt=media&#x26;token=3a7181fe-d431-4397-b5b8-1bc4f70e3edf" alt="Fig. 13: Button"><figcaption><p>Fig. 13: Button</p></figcaption></figure>
