# Strukturierte Daten

Für die Darstellung von gruppierten Daten, z.B. **Referent:innen- oder Sponsor:innen-Listen mit Bildern und Informationen**, steht mit den *Strukturierten Daten* eine Möglichkeit zur Verfügung, mit der die Daten im Backend strukturiert erfasst und im Frontend einheitlich formatiert ausgegeben werden können, ohne dass auf Tabellen zurückgegriffen werden muss.

{% hint style="success" %}
Die strukturierten Daten sind hauptsächlich dazu gedacht, Sponsor:innen- und Referent:innen-Listen darzustellen. Natürlich kann dieses Modul auch für die Abbildung anderer Daten genutzt werden, sofern diese in eines der beiden Muster passen (z.B. Hotels).
{% endhint %}

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FTlY2mVOZyGCT980Atmrz%2Fimage.png?alt=media&#x26;token=48c67a2c-0b5a-4ef7-b532-bfbb1fa2f45e" alt="Abb. 1: Übersicht über Kategorien der strukturierten Daten"><figcaption><p>Abb. 1: Übersicht über Kategorien der strukturierten Daten</p></figcaption></figure>

## Kategorie anlegen

* *Neue Kategorie anlegen* (Abb. 1) - Die **Kategorie entspricht dem zu verknüpfenden Artikel** in der Seitenstruktur, der Kategorie-Name wird als Überschrift (H2) genutzt.
* Auswahl des Kategorietyp *Referent:innen* oder *Sponsor:innen* (Abb. 3). Der Unterschied besteht in der Angabe von Informationen und der Darstellung im Frontend:
  * Referent:innen - Vorname, Nachname, Institution, Bild, Beschreibung (Anzeige von Bild & Details)
  * Sponsor:innen - Name, Logo, Beschreibung (Anzeige von Logo & Details)

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FNPRGfWzlQBLaSJV60BW1%2Fimage.png?alt=media&#x26;token=64bf4c58-52ad-4193-a967-b877e6b6fd6d" alt="Abb. 2: Kategorie hinzufügen"><figcaption><p>Abb. 2: Kategorie hinzufügen</p></figcaption></figure>

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FCQWh1RWc0Kyzy5onhsox%2Fimage.png?alt=media&#x26;token=ee15a456-b71a-4e89-bdff-c3d6b6e04523" alt="Abb. 3: Übersicht über die einzelnen Datensätze"><figcaption><p>Abb. 3: Übersicht über die einzelnen Datensätze</p></figcaption></figure>

## Daten hinzufügen / bearbeiten

* Sobald die Kategorie angelegt wurde, können über den Button *Daten hinzufügen/bearbeiten* einzelne Datensätze (Sponsor:innen oder Referent:innen) hinzugefügt werden. Die Datensätze werden im Frontend als **Kacheln** ausgegeben (Abb. 6; Abb. 7).
* Die **Reihenfolge** der Datensätze kann in der Übersicht festgelegt werden, indem die einzelnen Datensätze per **Drag & Drop** über das *blaue Balken-Symbol* an die gewünschte Position gezogen werden (Abb. 2).

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FVWYFwlZ8MIMaH9ZLdK5P%2Fimage.png?alt=media&#x26;token=ec42df85-a635-49e2-9206-0468ae15c273" alt="Abb. 4: Dateneingabe für den Kategorietyp Referent:innen"><figcaption><p>Abb. 4: Dateneingabe für den Kategorietyp Referent:innen</p></figcaption></figure>

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2F9IH7K7Z2wz1AqapB4RmV%2Fimage.png?alt=media&#x26;token=930cb330-808d-451d-8985-3d263eb53129" alt="Abb. 5: Dateneingabe für den Kategorietyp Sponsor:innen"><figcaption><p>Abb. 5: Dateneingabe für den Kategorietyp Sponsor:innen</p></figcaption></figure>

## Strukturierte Daten in Seite einbinden

Anschließend müssen die Kategorien der *strukturierten Daten* in der [Seitenstruktur](https://manual.converia.de/allgemeines/die-eigene-converia-webseite/seitenstruktur) – ähnlich den Artikeln -verknüpft werden.

* Neue [Seite](https://manual.converia.de/allgemeines/die-eigene-converia-webseite/seitenstruktur/seiten-anlegen-und-bearbeiten) in einem *Ordner* anlegen
* [Modul](https://manual.converia.de/allgemeines/die-eigene-converia-webseite/seitenstruktur/seiten-anlegen-und-bearbeiten/seiteninhalte-und-module) vom Typ *Strukturierte Daten* anlegen und Modulinhalt auswählen (Abb. 6)

{% hint style="success" %}
Es können mehrere Inhaltsmodule auf einer Seite angelegt werden – sowohl *Artikel* als auch *Strukturierte Daten*, d.h. es können neben verschiedenen strukturierten Daten auch weitere Artikel auf derselben Seite eingebunden werden.
{% endhint %}

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2F0ILCcwU8UaPOC3cn2rcf%2Fimage.png?alt=media&#x26;token=335eecfd-91f7-42ec-b490-c578694462a7" alt="Abb. 6: Verknüpfung der strukturierten Daten auf einer Seite"><figcaption><p>Abb. 6: Verknüpfung der strukturierten Daten auf einer Seite</p></figcaption></figure>

## Frontend-Darstellung

### Sponsor:innen

Im Frontend werden die Logos von Sponsor:innen immer als Kachel ausgegeben. Erst beim Darüber-Hovern wechselt die Ansicht zum Namen. Mit Klick auf eine Kachel werden die Details angezeigt. (Abb .7).

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FyPkF3LKpW8zpbFY1MrFt%2Fimage.png?alt=media&#x26;token=2d7eda2e-82ce-42d4-ad3d-78d16f2ea77c" alt="Abb. 7: Anzeige der Sponsoren-Datensätze im Frontend"><figcaption><p>Abb. 7: Anzeige der Sponsoren-Datensätze im Frontend</p></figcaption></figure>

### Referent:innen

Im Frontend werden die Bilder von Referent:innen immer als Kachel mit Namen und Unternehmen bzw. Institution ausgegeben. Beim Darüber-Hovern erscheint ein Detail-Button. Mit Klick auf diesen Button werden die Details angezeigt. (Abb .8).

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FbHhbUTXK3ESwxhWYTyvq%2Fimage.png?alt=media&#x26;token=d4ed316b-d37b-4251-b3b5-4d79626d7ddb" alt="Abb. 8: Frontend-Ansicht von Referent:innen-Datensätzen"><figcaption><p>Abb. 8: Frontend-Ansicht von Referent:innen-Datensätzen</p></figcaption></figure>