Button-Modul – Einzeleintrag im CMS erstellen - Versionsgeschichte

D.horn: /* 6. Ergebnis prüfen */

2026-03-11T11:26:41Z

6. Ergebnis prüfen

← Nächstältere Version		Version vom 11. März 2026, 11:26 Uhr
Zeile 152:		Zeile 152:
	erscheint der Testeintrag in der App als vollständige, aufklappbare Kachel.		erscheint der Testeintrag in der App als vollständige, aufklappbare Kachel.

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

	----		----

D.horn am 26. November 2025 um 22:02 Uhr

2025-11-26T22:02:45Z

← Nächstältere Version		Version vom 26. November 2025, 22:02 Uhr
Zeile 10:		Zeile 10:

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

Zeile 21:		Zeile 21:

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

Zeile 42:		Zeile 42:

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

Zeile 67:		Zeile 67:

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

Zeile 81:		Zeile 81:

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

Zeile 116:		Zeile 116:

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

Zeile 137:		Zeile 137:

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

Zeile 153:		Zeile 153:

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

D.horn: /* 4. Einheiten erstellen */

2025-11-26T21:53:41Z

4. Einheiten erstellen

← Nächstältere Version		Version vom 26. November 2025, 21:53 Uhr
Zeile 104:		Zeile 104:
	* Hinweistext		* Hinweistext

	~~<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		; Kontaktfelder innerhalb der Einheit

D.horn am 26. November 2025 um 21:48 Uhr

2025-11-26T21:48:24Z

← Nächstältere Version		Version vom 26. November 2025, 21:48 Uhr
Zeile 9:		Zeile 9:
	Öffnen Sie im CMS die '''Modulverwaltung''' und suchen Sie über die Suchleiste nach '''Digital dabei'''.		Ö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'''.		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 '''+'''.		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.		Es öffnet sich das Formular für einen neuen Haupteintrag.
Zeile 37:		Zeile 41:
	: Laden Sie ein beliebiges Testbild aus der Mediathek.		: 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:		Weitere Felder:

	; Titel		; Titel
	: ~~'''~~Testeintrag Beispiel~~'''~~		: Testeintrag Beispiel

	; Beschreibung		; Beschreibung
	: Lorem ipsum dolor sit amet.		: Lorem ipsum dolor sit amet.

	; Kontaktfelder		; Kontaktfelder
	Jeder Haupteintrag besitzt zwei Kontaktblöcke. Beide beinhalten ~~folgende Felder~~:		Jeder Haupteintrag besitzt zwei Kontaktblöcke. Beide beinhalten:
	* Titel		* Titel
	* Name		* Name
Zeile 55:		Zeile 61:
	* Chat-ID		* 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		; Slider-Bilder
	Über das '''+''' können bis zu fünf Slider-Bilder aus der Mediathek hinzugefügt werden.		Ü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		; Einheiten-Überschrift
	~~Tragen Sie ein~~:		: <code>Testeinheiten</code>
	<code>Testeinheiten</code>

	Klicken Sie anschließend auf '''Speichern'''.		Klicken Sie anschließend auf '''Speichern'''.
Zeile 73:		Zeile 80:
	Wechseln Sie in den Reiter '''Einheiten''' und klicken Sie erneut auf das '''+'''.		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:		Füllen Sie die Felder wie folgt aus:
Zeile 84:		Zeile 93:
	: leer lassen		: leer lassen

	; Felder ausfüllen		; Felder ausfüllen
	Hier können Sie folgende Angaben hinterlegen:		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		* Straße
	* Postleitzahl		* Postleitzahl
Zeile 95:		Zeile 104:
	* Hinweistext		* 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		; 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.		Speichern Sie anschließend.
Zeile 107:		Zeile 118:
	Wechseln Sie in den Reiter '''Buttons''' und klicken Sie auf das '''+'''.		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:		Füllen Sie den Button wie folgt aus:
Zeile 124:		Zeile 137:

	; URL		; 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.		Speichern Sie den Button.
Zeile 141:		Zeile 155:
	erscheint der Testeintrag in der App als vollständige, aufklappbare Kachel.		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>

	----		----

D.horn: /* 2. Neuen Eintrag anlegen */

2025-11-25T12:44:05Z

2. Neuen Eintrag anlegen

← Nächstältere Version		Version vom 25. November 2025, 12:44 Uhr
Zeile 16:		Zeile 16:

	== 2. Neuen Eintrag anlegen ==		== 2. Neuen Eintrag anlegen ==
	Wechseln Sie in den Reiter '''Übersicht''' und klicken Sie oben ~~rechts~~ auf das '''+'''.		Wechseln Sie in den Reiter '''Übersicht''' und klicken Sie oben links auf das '''+'''.

	[[File:BEISPIEL_Plus_Uebersicht.jpeg\|center\|300px\|Rahmen\|Neuen Eintrag anlegen]]		[[File:BEISPIEL_Plus_Uebersicht.jpeg\|center\|300px\|Rahmen\|Neuen Eintrag anlegen]]

D.horn: Die Seite wurde neu angelegt: „= 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'''. File:BEISPI…“

2025-11-24T20:49:46Z

Die Seite wurde neu angelegt: „= 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'''. File:BEISPI…“

Neue Seite

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

[[File:BEISPIEL_Modulsuche.jpeg|center|300px|Rahmen|Modul in der Modulverwaltung finden]]

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 rechts auf das '''+'''.

[[File:BEISPIEL_Plus_Uebersicht.jpeg|center|300px|Rahmen|Neuen Eintrag anlegen]]

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.

[[File:BEISPIEL_Uebersicht_Eintrag.jpeg|center|300px|Rahmen|Haupteintrag ausfüllen]]

Weitere Felder:

; Titel
: '''Testeintrag Beispiel'''

; Beschreibung
: Lorem ipsum dolor sit amet.

; Kontaktfelder
Jeder Haupteintrag besitzt zwei Kontaktblöcke. Beide beinhalten folgende Felder:
* Titel
* Name
* Telefonnummer
* E-Mail
* Chat-ID

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

; 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]]

; Einheiten-Überschrift
Tragen Sie ein:
<code>Testeinheiten</code>

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

----

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

[[File:BEISPIEL_Einheiten_Plus.jpeg|center|300px|Rahmen|Neue Einheit erstellen]]

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

[[File:BEISPIEL_Einheit_ausfuellen.jpeg|center|300px|Rahmen|Einheit mit Details ausfüllen]]

; Kontaktfelder innerhalb der Einheit
Auch hier gibt es für jede Einheit zwei Kontaktblöcke (mit denselben Feldern wie im Haupteintrag).

Speichern Sie anschließend.

----

== 5. Buttons hinzufügen ==
Wechseln Sie in den Reiter '''Buttons''' und klicken Sie auf das '''+'''.

[[File:BEISPIEL_Button_Plus.jpeg|center|300px|Rahmen|Button hinzufügen]]

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
: Tragen Sie eine Beispieladresse ein, zum Beispiel:
<code>https://www.beispiel.de</code>

[[File:BEISPIEL_Button_Ausfuellen.jpeg|center|300px|Rahmen|Button mit externem Link erstellen]]

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.

[[File:BEISPIEL_FertigerEintrag.jpeg|center|300px|Rahmen|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.