← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 26. November 2025, 21:48 Uhr

Beispiel-Anleitung: Einen vollständigen Eintrag im Button-Modul erstellen

Diese Anleitung zeigt Schritt für Schritt, wie ein vollständiger Testeintrag im Modul Digital dabei_db erstellt wird. Jeder Schritt erhält später einen eigenen Screenshot, damit der Prozess klar nachvollziehbar ist.

1. Modul öffnen

Öffnen Sie im CMS die Modulverwaltung und suchen Sie über die Suchleiste nach Digital dabei.

Klicken Sie anschließend auf das Modul mit der Endung _db.

2. Neuen Eintrag anlegen

Wechseln Sie in den Reiter Übersicht und klicken Sie oben links auf das +.

Es öffnet sich das Formular für einen neuen Haupteintrag.

3. Haupteintrag ausfüllen

Tragen Sie folgende Testdaten ein:

Zuordnung: Test001

(Die Zuordnung verbindet später alle Untereinheiten, Buttons und Kontakte miteinander.)

Kategorie: Spass

Icon: Laden Sie ein beliebiges Testbild aus der Mediathek.

Weitere Felder:

Titel: Testeintrag Beispiel

Beschreibung: Lorem ipsum dolor sit amet.

Kontaktfelder

Jeder Haupteintrag besitzt zwei Kontaktblöcke. Beide beinhalten:

Titel
Name
Telefonnummer
E-Mail
Chat-ID

Füllen Sie hier Testwerte ein (zum Beispiel Mustermann, test@example.com usw.).

Slider-Bilder

Über das + können bis zu fünf Slider-Bilder aus der Mediathek hinzugefügt werden.

Slider-Bilder hinzufügen

Einheiten-Überschrift: Testeinheiten

Klicken Sie anschließend auf Speichern.

4. Einheiten erstellen

Wechseln Sie in den Reiter Einheiten und klicken Sie erneut auf das +.

Füllen Sie die Felder wie folgt aus:

Unterkategorie / Zuordnung: Test001

(damit wird die Einheit mit dem Haupteintrag verbunden)

Sortierung: leer lassen

Felder ausfüllen

Hier können Sie folgende Angaben hinterlegen:

Tag (z. B. Öffnungszeiten)
Uhrzeit (09:00–16:00)
Straße
Postleitzahl
Stadt
Ortsbeschreibung
Überschrift
Hinweistext

Einheit mit Details ausfüllen

Kontaktfelder innerhalb der Einheit

Auch hier gibt es für jede Einheit zwei Kontaktblöcke.

Speichern Sie anschließend.

5. Buttons hinzufügen

Wechseln Sie in den Reiter Buttons und klicken Sie auf das +.

Füllen Sie den Button wie folgt aus:

Unterkategorie / Zuordnung: Test001

Sortierung: leer lassen

Text: Beispiel-Link

Externer Link: Aktivieren Sie das Feld „externer Link“.

URL: https://www.beispiel.de

Speichern Sie den Button.

6. Ergebnis prüfen

Nach dem Speichern aller Bereiche:

Übersicht
Einheiten
Buttons

erscheint der Testeintrag in der App als vollständige, aufklappbare Kachel.

Fertiger Beispiel-Eintrag in der App

Zusammenfassung

In diesem Beispiel wurden erstellt:

1 Haupteintrag mit Zuordnung
1 Einheit mit Adressen, Zeiten und Kontakten
1 Button mit externem Link
Slider-Bilder und ein Icon
Eine vollständige Teststruktur für das Button-Modul

Die Kombination aus Zuordnung → Einheiten → Buttons bildet später die Struktur der App.

Tipp: Erstellen Sie zunächst immer nur einen Testeintrag. Wenn alles funktioniert, können Sie anschließend mehrere Inhalte über Excel importieren.

@@ Zeile 9: / Zeile 9: @@
 Öffnen Sie im CMS die '''Modulverwaltung''' und suchen Sie über die Suchleiste nach '''Digital dabei'''.
-[[File:BEISPIEL_Modulsuche.jpeg|center|300px|Rahmen|Modul in der Modulverwaltung finden]]
+<div style="text-align:center; padding:20px;">
+[[File:BEISPIEL_Modulsuche.png|center|300px|Rahmen|Modul in der Modulverwaltung finden]]
+</div>
 Klicken Sie anschließend auf das Modul mit der Endung '''_db'''.
@@ Zeile 18: / Zeile 20: @@
 Wechseln Sie in den Reiter '''Übersicht''' und klicken Sie oben links auf das '''+'''.
-[[File:BEISPIEL_Plus_Uebersicht.jpeg|center|300px|Rahmen|Neuen Eintrag anlegen]]
+<div style="text-align:center; padding:20px;">
+[[File:BEISPIEL_Plus_Uebersicht.png|center|300px|Rahmen|Neuen Eintrag anlegen]]
+</div>
 Es öffnet sich das Formular für einen neuen Haupteintrag.
@@ Zeile 37: / Zeile 41: @@
 : Laden Sie ein beliebiges Testbild aus der Mediathek.
-[[File:BEISPIEL_Uebersicht_Eintrag.jpeg|center|300px|Rahmen|Haupteintrag ausfüllen]]
+<div style="text-align:center; padding:20px;">
+[[File:BEISPIEL_Uebersicht_Eintrag.png|center|300px|Rahmen|Haupteintrag ausfüllen]]
+</div>
 Weitere Felder:
 ; Titel
-: '''Testeintrag Beispiel'''
+: Testeintrag Beispiel
 ; Beschreibung
 : Lorem ipsum dolor sit amet.
 ; Kontaktfelder
-Jeder Haupteintrag besitzt zwei Kontaktblöcke. Beide beinhalten folgende Felder:
+Jeder Haupteintrag besitzt zwei Kontaktblöcke. Beide beinhalten:
 * Titel
 * Name
@@ Zeile 55: / Zeile 61: @@
 * Chat-ID
-Füllen Sie hier Testwerte ein (zum Beispiel Mustermann, test@example.com etc.).
+Füllen Sie hier Testwerte ein (zum Beispiel Mustermann, test@example.com usw.).
 ; Slider-Bilder
 Über das '''+''' können bis zu fünf Slider-Bilder aus der Mediathek hinzugefügt werden.
-[[File:BEISPIEL_Slider.jpeg|center|300px|Rahmen|Slider-Bilder hinzufügen]]
+<div style="text-align:center; padding:20px;">
+[[File:BEISPIEL_Slider.png|center|300px|Rahmen|Slider-Bilder hinzufügen]]
+</div>
 ; Einheiten-Überschrift
-Tragen Sie ein:
+: <code>Testeinheiten</code>
-<code>Testeinheiten</code>
 Klicken Sie anschließend auf '''Speichern'''.
@@ Zeile 73: / Zeile 80: @@
 Wechseln Sie in den Reiter '''Einheiten''' und klicken Sie erneut auf das '''+'''.
-[[File:BEISPIEL_Einheiten_Plus.jpeg|center|300px|Rahmen|Neue Einheit erstellen]]
+<div style="text-align:center; padding:20px;">
+[[File:BEISPIEL_Einheiten_Plus.png|center|300px|Rahmen|Neue Einheit erstellen]]
+</div>
 Füllen Sie die Felder wie folgt aus:
@@ Zeile 84: / Zeile 93: @@
 : leer lassen
 ; Felder ausfüllen
 Hier können Sie folgende Angaben hinterlegen:
-* Tag: z. B. Öffnungszeiten
+* Tag (z. B. Öffnungszeiten)
-* Uhrzeit: 09:00–16:00
+* Uhrzeit (09:00–16:00)
 * Straße
 * Postleitzahl
@@ Zeile 95: / Zeile 104: @@
 * Hinweistext
-[[File:BEISPIEL_Einheit_ausfuellen.jpeg|center|300px|Rahmen|Einheit mit Details ausfüllen]]
+<div style="text-align:center; padding:20px;">
+[[File:BEISPIEL_Einheit_ausfuellen.png|center|300px|Rahmen|Einheit mit Details ausfüllen]]
+</div>
 ; Kontaktfelder innerhalb der Einheit
-Auch hier gibt es für jede Einheit zwei Kontaktblöcke (mit denselben Feldern wie im Haupteintrag).
+Auch hier gibt es für jede Einheit zwei Kontaktblöcke.
 Speichern Sie anschließend.
@@ Zeile 107: / Zeile 118: @@
 Wechseln Sie in den Reiter '''Buttons''' und klicken Sie auf das '''+'''.
-[[File:BEISPIEL_Button_Plus.jpeg|center|300px|Rahmen|Button hinzufügen]]
+<div style="text-align:center; padding:20px;">
+[[File:BEISPIEL_Button_Plus.png|center|300px|Rahmen|Button hinzufügen]]
+</div>
 Füllen Sie den Button wie folgt aus:
@@ Zeile 124: / Zeile 137: @@
 ; URL
-: Tragen Sie eine Beispieladresse ein, zum Beispiel:
+: <code>https://www.beispiel.de</code>
-  <code>https://www.beispiel.de</code>
-[[File:BEISPIEL_Button_Ausfuellen.jpeg|center|300px|Rahmen|Button mit externem Link erstellen]]
+<div style="text-align:center; padding:20px;">
+[[File:BEISPIEL_Button_Ausfuellen.png|center|300px|Rahmen|Button mit externem Link erstellen]]
+</div>
 Speichern Sie den Button.
@@ Zeile 141: / Zeile 155: @@
 erscheint der Testeintrag in der App als vollständige, aufklappbare Kachel.
-[[File:BEISPIEL_FertigerEintrag.jpeg|center|300px|Rahmen|Fertiger Beispiel-Eintrag in der App]]
+<div style="text-align:center; padding:20px;">
+[[File:BEISPIEL_FertigerEintrag.png|center|300px|Rahmen|Fertiger Beispiel-Eintrag in der App]]
+</div>
 ----

Button-Modul – Einzeleintrag im CMS erstellen: Unterschied zwischen den Versionen