Quelltext der Seite Button-Modul – Einzeleintrag im CMS erstellen

= 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'''.

<div style="text-align:center; padding:20px;">
[[File:BEISPIEL_Modulsuche.png|center|800px|Rahmen|Modul in der Modulverwaltung finden]]
</div>

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 '''+'''.

<div style="text-align:center; padding:20px;">
[[File:BEISPIEL_Plus_Uebersicht.png|center|800px|Rahmen|Neuen Eintrag anlegen]]
</div>

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

----

== 3. Haupteintrag ausfüllen ==
Tragen Sie folgende Testdaten ein:

; Zuordnung
: <code>Test001</code>  
(Die Zuordnung verbindet später alle Untereinheiten, Buttons und Kontakte miteinander.)

; Kategorie
: <code>Spass</code>

; Icon
: Laden Sie ein beliebiges Testbild aus der Mediathek.

<div style="text-align:center; padding:20px;">
[[File:BEISPIEL_Uebersicht_Eintrag.png|center|800px|Rahmen|Haupteintrag ausfüllen]]
</div>

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.

<div style="text-align:center; padding:20px;">
[[File:BEISPIEL_Slider.png|center|800px|Rahmen|Slider-Bilder hinzufügen]]
</div>

; Einheiten-Überschrift
: <code>Testeinheiten</code>

Klicken Sie anschließend auf '''Speichern'''.

----

== 4. Einheiten erstellen ==
Wechseln Sie in den Reiter '''Einheiten''' und klicken Sie erneut auf das '''+'''.

<div style="text-align:center; padding:20px;">
[[File:BEISPIEL_Einheiten_Plus.png|center|800px|Rahmen|Neue Einheit erstellen]]
</div>

Füllen Sie die Felder wie folgt aus:

; Unterkategorie / Zuordnung
: <code>Test001</code>  
(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  


; 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 '''+'''.

<div style="text-align:center; padding:20px;">
[[File:BEISPIEL_Button_Plus.png|center|800px|Rahmen|Button hinzufügen]]
</div>

Füllen Sie den Button wie folgt aus:

; Unterkategorie / Zuordnung
: <code>Test001</code>

; Sortierung
: leer lassen

; Text
: Beispiel-Link

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

; URL
: <code>https://www.beispiel.de</code>

<div style="text-align:center; padding:20px;">
[[File:BEISPIEL_Button_Ausfuellen.png|center|800px|Rahmen|Button mit externem Link erstellen]]
</div>

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.

<div style="text-align:center; padding:20px;">
[[File:BEISPIEL_FertigerEintrag.png|center|800px|Rahmen|Fertiger Beispiel-Eintrag in der App]]
</div>

----

= 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.