# Artikeltypen

Converia bietet verschiedene Artikeltypen, um eine Seite zu strukturieren und ansprechend gestalten zu können.

{% hint style="info" %}
Artikel können in der Seitenstruktur auch in mehreren Spalten ausgegeben werden. Dadurch können Seiten - insbesondere bei einer Vielzahl an Inhalten - besonders individuell gestaltet werden, siehe auch [#artikel-spalten](https://manual.converia.de/allgemeines/seitenstruktur/seiten-anlegen-und-bearbeiten/seiteninhalte-und-module#artikel-spalten "mention").
{% endhint %}

## RTE-Element

Ein RTE-Element ist ein **Rich Text Editor (RTE)**-Element. Dabei handelt es sich um einen Artikeltyp im Content-Management-Systems (CMS), der es ermöglicht, Text in einem Format zu bearbeiten, das über einfache Textbearbeitung hinausgeht.

Hier sind einige der Hauptmerkmale des RTE-Elements:

1. **Textformatierung**: Text kann fett, kursiv oder unterstrichen formatiert werden und unterschiedliche Überschriftenformate stehen zur Verfügung.
2. **Einfügen von Medien**: Es ist möglich Bilder, Videos, Links und anderen Medientypen direkt in den Text zu integrieren.
3. **Erstellung von Listen**: Es können nummerierte oder ungeordnete Listen erstellt werden.
4. **Tabellen**: Einfache Tabellen können erstellt werden.
5. **HTML-Bearbeitung**: Der Quellcode (HTML) des bearbeiteten Inhalts kann direkt bearbeitet werden und bietet damit weitere Möglichkeiten, über den Standard-Funktionsumfang hinaus.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FQmfZopdHZBw8hY45BZCZ%2F2024-08-28_14h35_08.gif?alt=media&#x26;token=3497f264-b255-4604-b2f6-7b416eeb68de" alt="Abb. 1: RTE-Element" width="504"><figcaption><p>Abb. 1: RTE-Element</p></figcaption></figure>

## Text / Text mit Bild

Der Artikeltyp *Text* bietet einen vereinfachten Texteditor mit eingeschränkten Formatierungsoptionen ausschließlich für Text. &#x20;

Bei *Text mit Bild* kann Text mit einer Grafik kombiniert werden, die an verschiedenen Positionen platziert werden kann, siehe Abb. 4. Dabei kann zudem die Option gesetzt werden, dass das Bild bei einem Klick als Großansicht angezeigt wird.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FdFv3Z3jriKNAmTLB7VsB%2F2024-12-04_17h20_13.png?alt=media&#x26;token=5e9e4ed8-881a-4287-a33c-a2ca3617b7d9" alt="Abb. 2: Text mit Bild"><figcaption><p>Abb. 2: Text mit Bild</p></figcaption></figure>

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FxJg1z8GAskj8bVAej7xD%2Fimage.png?alt=media&#x26;token=4daa7275-37ff-47bc-b03b-7cafd2749d53" alt="Abb. 3: Bildpositionen" width="562"><figcaption><p>Abb. 3: Bildpositionen</p></figcaption></figure>

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FJszvIPQEdfJYtDFmo3L6%2Fimage.png?alt=media&#x26;token=cfb2f65c-1494-437e-a5de-a036be405410" alt=""><figcaption><p>Abb. 4: Beispiel - Text &#x26; Bild in Mehrspaltigkeit</p></figcaption></figure>

## Teaser / Teaser mit Bild

Teaser können mit oder ohne Bild genutzt werden, um beispielsweise auf der Startseite in eine oder mehrere Seite(n) einzuleiten oder diese hervorzuheben.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FGYXp105TQxraUFvDB8zE%2Fimage.png?alt=media&#x26;token=f3ae4591-9030-43f7-9dd9-c9419c7aae1c" alt="Abb. 5: Teaser mit Bild" width="559"><figcaption><p>Abb. 5: Teaser mit Bild</p></figcaption></figure>

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FdpuqUgLMJJIn28oSQ1Vd%2Fimage.png?alt=media&#x26;token=d8c5eaef-d159-4493-8a85-7be2ed6e7964" alt="Abb. 6: Beispiel - Teaser mit Bild u. Button in Mehrspaltigkeit"><figcaption><p>Abb. 6: Beispiel - Teaser mit Bild u. Button in Mehrspaltigkeit</p></figcaption></figure>

## Bild

Bilder können überall eingesetzt werden, um etwas darzustellen.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FoCA9VZsWO8giLGyhj0AT%2Fimage.png?alt=media&#x26;token=58324189-d920-4cb1-a141-1ee7edab09d0" alt="Abb. 7: Bild" width="563"><figcaption><p>Abb. 7: Bild</p></figcaption></figure>

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2Ff78xrqB8jRNsGYgwEwyG%2Fimage.png?alt=media&#x26;token=6ac8efda-0d85-4a76-9e84-551652fbd0e3" alt="Abb. 8: Beispiel - Bildergalerie"><figcaption><p>Abb. 8: Beispiel - Bildergalerie</p></figcaption></figure>

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2F5zIAACqdKknQMe5E3SFn%2Fimage.png?alt=media&#x26;token=72a25efd-f1ac-4c5c-8fb9-e02af84a3d9e" alt="Abb. 9: Beispiel - Logoparade"><figcaption><p>Abb. 9: Beispiel - Logoparade</p></figcaption></figure>

## Überschrift

Überschriften können genutzt werden, um Inhalte zu strukturieren. Dabei können Überschriftenformate von H1 - H6 und unterschiedliche Ausrichtungen gewählt werden.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2F0MSuDdXYAp1glYg2EyK3%2Fimage.png?alt=media&#x26;token=ce922c34-302c-4cac-b5e7-db152abc7657" alt="Abb. 10: Überschrift" width="562"><figcaption><p>Abb. 10: Überschrift</p></figcaption></figure>

## Hinweis

Hinweise können genutzt werden, um auf Wichtiges aufmerksam zu machen.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FmyBR6VaKuXM6KXx66htI%2Fimage.png?alt=media&#x26;token=c6204bf4-904d-4fb6-8833-4a38c1603b6a" alt="Abb. 11: Hinweis" width="563"><figcaption><p>Abb. 11: Hinweis</p></figcaption></figure>

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FhWn2BVdEch3BVWooWxsO%2Fimage.png?alt=media&#x26;token=af767be0-93da-47da-ae6d-858b1d575c8b" alt="Abb. 12: Beispiel - Ein wichtiger Hinweis"><figcaption><p>Abb. 12: Beispiel - Ein wichtiger Hinweis</p></figcaption></figure>

## Button

Ein Button kann genutzt werden, um besonders prominent auf andere Seiten zu verlinken. Dabei kann zwischen verschiedenen Ausrichtungen und Größen gewählt werden.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2F3zYINIV3BQ9ghMVPTLxo%2Fimage.png?alt=media&#x26;token=f8fe184d-bf86-48ea-9264-f02135652a11" alt="" width="562"><figcaption><p>Abb. 13: Button</p></figcaption></figure>