# Seiteninhalte und Module

Im Tab *Inhalt* einer Seite können [Artikel](https://manual.converia.de/allgemeines/die-eigene-converia-webseite/artikel), oder bei Bedarf auch Converia-Funktionen (z.B. Kontaktbox, Login, etc.), in der Seitenstruktur verknüpft. Die Verknüpfung wird hierbei über Module hergestellt und damit auch die Anordnung auf der Seite festgelegt.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FpjIkx7GZ0cUpmeOMC0YS%2Fimage.png?alt=media&#x26;token=c209d705-60b0-442a-be84-076d6f524b66" alt="Abb. 1: Artikel verknüpfen"><figcaption><p>Abb. 1: Artikel verknüpfen</p></figcaption></figure>

## Artikel verknüpfen

* *Modul hinzufügen* (Abb. 1, Pkt. 1)
* Modultyp *Artikel* auswählen (Abb. 1, Pkt. 2)
* *Modulinhalt* auswählen (Abb. 1, Pkt. 3) - Wenn der Artikel eindeutig benannt ist, kann über die *Lupe* die Auswahl direkt aus der Drop-Down-Liste erfolgen. Alternativ führt das *blaue Ordnersymbol* in die Artikelübersicht und dort kann der gewünschte Artikel gesucht und übernommen werden.
* Über den Vorschau-Button (Abb. 1, Pkt. 4) kann die Frontend-Ansicht angezeigt werden, auch wenn die Seite nicht über das Menü oder Verlinkungen erreichbar ist. Um die Vorschau nutzen zu können, muss die Seite jedoch aktiv sein.
* Modultyp und Modulinhalt werden automatisch gespeichert und sind jederzeit änderbar.

{% hint style="success" %}
Der Vorschaulink kann auch genutzt werden, wenn **bestimmte Inhalte per Link bereitgestellt oder von anderen Seiten aus auf Inhalte verlinkt werden soll.**

Der Link ist immer eindeutig und frei von Session-spezifischen URL-Bestandteilen (z.B. Session-IDs oder Einmal-Tokens), die man eventuell beim Kopieren aus der Browser-Adresszeile mit kopieren würde, was sicherheitsrelevant sein oder zu Fehlermeldungen beim Linkaufruf an anderen Geräten führen kann.
{% endhint %}

{% hint style="success" %}
Wenn Artikel auf der Seite angeordnet werden sollen, empfiehlt es sich mit dem Modultyp [*Artikel Spalten*](#artikel-spalten) zu arbeiten.&#x20;
{% endhint %}

## Verwendung mehrerer Module pro Seite

Es kann sinnvoll sein, auf einer Seite mit mehreren Modulen zu arbeiten. Dies trägt zur besseren Strukturierung von Inhalten und Artikeln bei und verhindert, insbesondere bei der Verwendung von [Sichtbarkeits- und Zugriffsbeschränkungen](https://manual.converia.de/allgemeines/die-eigene-converia-webseite/seitenstruktur/seiten-anlegen-und-bearbeiten/seiteninhalte-und-module/sichtbarkeit-von-seiteninhalten-einschranken), dass leere Seiten angezeigt werden. Die Module lassen sich in beliebiger Reihenfolge anordnen. Abbildung 2 zeigt die Frontend-Ansicht, die der Backend-Konfiguration aus Abbildung 1 entspricht.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FPpmNAqNxb9BEC9XgCdic%2Fimage.png?alt=media&#x26;token=461cd99f-fc1d-4841-a64a-e7c4f8a159c2" alt="Abb. 2: Frontend-Ansicht einer Seite mit mehreren Inhaltsmodulen"><figcaption><p>Abb. 2: Frontend-Ansicht einer Seite mit mehreren Inhaltsmodulen</p></figcaption></figure>

Der obere Bereich entspricht dem Artikel "Text und Bild" im ersten Modulinhalt. Darunter befindet sich der Artikel "Überschrift" im zweiten Modul. Das dritte Modul enthält den Artikel "Hinweis".

{% hint style="warning" %}
In Converia gibt es viele verschiedene Modultypen, die unterschiedliche Funktionen erfüllen. Änderungen an diesen Modulen auf bestehenden, vorkonfigurierten Seiten können weitreichende Folgen haben. Deshalb empfehlen wir, diese Module nicht zu verändern.

Um Inhalte hinzuzufügen, sollte immer der Modultyp *Artikel* oder *Artikel Spalten* genutzt werden.

Falls eine Änderung notwendig ist, wenden Sie sich bitte an den Converia Support.
{% endhint %}

## Artikel Spalten

Der Modultyp *Artikel Spalte* bietet die Möglichkeit innerhalb einer Spalte einer Seite (siehe [Seitentemplates](https://manual.converia.de/allgemeines/die-eigene-converia-webseite/seitenstruktur/seiten-anlegen-und-bearbeiten/seitentemplates)) in bis zu vier Spalten mehrere Artikel untereinander zu verknüpfen.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FIpKP57CJdlt096p5fsvy%2Fimage.png?alt=media&#x26;token=1aae89bd-2b8d-4f08-af56-c299fee5ba1e" alt="Abb. 3: Aufteilung Artikel Spalten"><figcaption><p>Abb. 3: Aufteilung Artikel Spalten</p></figcaption></figure>

<div><figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FnG8v2wicscztw3Uo8FfF%2F2024-09-11_14h00_27.png?alt=media&#x26;token=6e391aab-0614-4179-a9e4-4f9b4764266c" alt="Abb. 4: Artikel Spalten"><figcaption><p>Abb. 4: Artikel Spalten</p></figcaption></figure> <figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FqbwcBDF9ludqk3edjWqN%2Fimage.png?alt=media&#x26;token=16874a73-ca8b-40f4-9274-fd0b13aac002" alt="Abb. 5: Frontend-Ansicht einer Seite mit mehreren Artikel Spalten"><figcaption><p>Abb. 5: Frontend-Ansicht einer Seite mit mehreren Artikel Spalten</p></figcaption></figure></div>

Punkt 1 auf Abbildung 4 und 5 zeigen die Anordnung von 4 Bildern in 4 *Artikel Spalten*.\
Punkt 2 auf Abbildung 4 und 5 zeigen die Anordnung von 2 Teasern mit Bild in 2 *Artikel Spalten*.

#### *Artikel Spalten* können in unterschiedlichen Aufteilung genutzt werden (Abb. 3):

* **1 Spalte - 100**&#x20;
  * Es gibt nur eine Spalte. Mehrere Artikel können untereinander verknüpft werden.&#x20;
* **2 Spalten - 50:50**
  * Es gibt zwei Spalten. Die Artikel teilen sich 50% der verfügbaren Fläche. Mehrere Artikel können untereinander verknüpft werden.
* **2 Spalten - 33:66**
  * Es gibt zwei Spalten. Artikel in der ersten Spalte können 33% der zur Verfügung stehenden Breite nutzen, Artikel der zweiten Spalte können 66% nutzen. Mehrere Artikel können untereinander verknüpft werden.
* **2 Spalten - 66:33**
  * Es gibt zwei Spalten. Artikel in der ersten Spalte können 66% der zur Verfügung stehenden Breite nutzen, Artikel der zweiten Spalte können 33% nutzen. Mehrere Artikel können untereinander verknüpft werden
* **3 Spalten - 33:33:33**
  * Es gibt drei Spalten. Alle Artikel teilen sich 33% der zur Verfügung stehenden Breite. Mehrere Artikel können untereinander verknüpft werden.
* **4 Spalten - 25:25:25:25**
  * Es gibt drei Spalten. Alle Artikel teilen sich 25% der zur Verfügung stehenden Breite. Mehrere Artikel können untereinander verknüpft werden.

{% hint style="success" %}
Wenn mehrere Artikel in einem Modul in Spalten untereinander angeordnet werden, beginnt jede neue Zeile in einer Spalte unter dem Artikel, der sich direkt darüber befindet. Wenn die Artikel unterschiedlich groß sind oder verschieden viel Platz benötigen, kann es passieren, dass sie im Frontend nicht optimal nebeneinander angezeigt werden und es zu Verschiebungen kommt.&#x20;

Um eine aufgeräumte Darstellung im Frontend zu gewährleisten, ist es daher oft besser, in jedem Modul nur eine Zeile von Artikeln zu platzieren und für die nächste Zeile ein neues Modul zu verwenden.
{% endhint %}