Family & Friends

Website-Verwaltung

Anmelden

Mit deinem Firebase-Admin-Konto anmelden, um Website-Inhalte zu bearbeiten.

Angemeldet
Bereit
Aktueller Bereich Startseite
Inhalte Seiten & Gestaltung

Startseite bearbeiten

Überschrift und Haupttext der Startseite. Das Seitenlayout wird separat unter „Layout“ eingestellt.

Startseite ansehen
Hier bearbeitest du nur den Inhalt der Startseite. Schriftgrößen, Breite und Abstände findest du unter 🎨 Layout.
Leerzeilen erzeugen neue Absätze. Zeilenumbrüche innerhalb eines Absatzes bleiben erhalten.

Demos verwalten

Titel, Sänger, Audiodatei, Reihenfolge und Sichtbarkeit.

Demos ansehen ↗

Neues Lied

MP3/M4A/WAV. Beim Speichern wird die Datei in Firebase Storage hochgeladen.
Upload …
0 Titel
Wird geladen …

Videos verwalten

YouTube-Videos oder eigene Videodateien hinzufügen, bearbeiten und löschen.

Video ansehen ↗

Neues Video

Upload …
0 Videos
Wird geladen …

Referenzen verwalten

Logo/Bild und Ziel-Link verwalten. Beim Klick auf das Bild öffnet sich die Referenz in einem neuen Tab.

Referenzen ansehen ↗

Neue Referenz

PNG, JPG, WEBP usw. Das Bild wird in Firebase Storage gespeichert.
Bildvorschau
Nur nötig, wenn du kein Bild hochlädst.
Upload 0 %
0 Referenzen
Wird geladen …

Fotos verwalten

Bilder hochladen, optional beschriften, sortieren, verstecken oder löschen.

Galerie ansehen

Neues Foto

JPG, PNG, WEBP usw. Das Bild wird in Firebase Storage gespeichert.
Fotovorschau
Nur nötig, wenn du kein Bild hochlädst.
Upload 0 %
0 Fotos
Wird geladen …

Über uns bearbeiten

Die Seite ist jetzt in Einleitung, Alexandre und Maike aufgeteilt – passend zum sichtbaren Aufbau.

Seite ansehen
Hier kannst du Texte und auch die beiden Personenbilder ändern. Ohne eigenes Bild bleibt das bisherige lokale Bild erhalten.
EinleitungDer obere Textbereich der Über-uns-Seite.
Alexandre
AlexandreBild links, Überschrift und Werdegang rechts.
Feld und URL leer lassen = bisheriges lokales Bild verwenden.
Vorschau Alexandre
Maike
MaikeBild links, Überschrift und Werdegang rechts.
Feld und URL leer lassen = bisheriges lokales Bild verwenden.
Vorschau Maike
Upload …

Kontakt verwalten

Kontaktdaten bearbeiten und eingegangene Anfragen verwalten. Jede Anfrage wird zusätzlich zum E-Mail-Versand in Firebase gesichert.

Seite ansehen
Kontaktanfragen
0 Nachrichten
Noch keine Kontaktanfragen vorhanden.
Doppelte Absicherung

Anfragen werden zuerst in Firebase gespeichert. Anschließend versucht Cloudflare nach erfolgreicher Turnstile-Prüfung den Versand über Resend. Der E-Mail-Status wird bei jeder Anfrage angezeigt.

SING A SONG bearbeiten

Die Felder entsprechen direkt den vier sichtbaren Textblöcken der Seite.

Seite ansehen
Der Aufbau bleibt fest. Du änderst hier nur Überschrift, Textblöcke und den Link des unterstrichenen Satzes.

Eigene Seiten

Neue Inhaltsseiten anlegen, gestalten, mit Bildern versehen und in die Navigation aufnehmen.

Neue Seite

1. Seite & NavigationName, Adresse und Sichtbarkeit.
Wird zu: seite.html?seite=hochzeiten
2. InhaltÜberschrift, Einleitung und Haupttext.
Leerzeilen erzeugen neue Absätze. Normale Zeilenumbrüche bleiben erhalten.
3. Schrift & LayoutDesktop und Handy getrennt einstellen.
4. BilderEigenes Hintergrundbild und optional ein Bild im Inhalt.
Ohne eigenes Bild wird das normale Family-&-Friends-Hintergrundbild verwendet.
Hintergrund Vorschau
Bild Vorschau
Upload …
0 Seiten
Wird geladen …

Seitenlayout

Hier änderst du hauptsächlich die Darstellung: Schriftgrößen, Ausrichtung, Breite und Abstände. Inhalte bearbeitest du in den jeweiligen Seiten-Tabs.

Ausgewählte Seite ansehen
Hier stellst du das Layout ein. Inhalt und Text dieser Seite werden separat bearbeitet.
Wenn der Haken entfernt wird, verschwindet die Seite aus der Desktop- und Handy-Navigation. Die direkte Seitenadresse bleibt weiterhin erreichbar.
Ohne globalen Haken gilt das Bild nur für die ausgewählte Seite.
Hintergrund Vorschau
Upload …
Textbereiche einzeln gestaltenJeden sichtbaren Textblock separat überschreiben. „Standard“ übernimmt die allgemeine Seiteneinstellung oben.
Schrift, Größe und Stil können für Desktop und Handy getrennt eingestellt werden.
Einblend-Effekt Globale Geschwindigkeit des Seiten-Effekts für Hintergrund, Social-Icons, FAMILY & FRIENDS, Navigation und den einblendenden Inhalt.
0,5 = schneller · 1,0 = bisheriger Effekt · 2,0 = doppelt so langsam.
1,0× · gilt automatisch auf allen Seiten.
Positionen im Kopfbereich Elemente pro Seite direkt nach oben oder unten verschieben. 0 px entspricht dem bisherigen Design.
Negativ = nach oben · Positiv = nach unten.
Damit änderst du direkt den Abstand zu den Icons und zur Navigation.
Negativ = nach oben zum Titel · Positiv = weiter nach unten.
Nur für Tablet/Handy.
Nur für Tablet/Handy.
Aktivierte Haken bleiben gespeichert. Solange ein Haken aktiv ist, gilt dieser Wert automatisch auf allen Seiten – auch auf später neu angelegten Seiten.
Kleinerer Wert = Überschrift rückt näher an die Navigation.
Getrennte Einstellung für die Handyansicht.
Tipp: Bei Kontakt, Über uns und SING A SONG bearbeitest du die Detailtexte weiterhin im jeweiligen eigenen Tab. Diese Seiteneinstellungen steuern den oberen Seitenbereich und die allgemeine Typografie.

Navigation gestalten

Schrift und Reihenfolge der Hauptnavigation für Desktop und Handy zentral einstellen.

Website ansehen
Die Verwaltung verwendet Firebase Authentication, Firestore und Storage. Öffentliche Seiten lesen nur veröffentlichte Inhalte. Schreib- und Löschrechte sollten in den Firebase-Regeln auf angemeldete Benutzer begrenzt sein.