Erste Seite erstellen
Erstellen Sie Ihre erste Webseite mit dem moschee.io Page Builder.
Erste Seite erstellen
Der Page Builder ermöglicht es Ihnen, professionelle Webseiten für Ihre Moschee zu erstellen – ohne Programmierkenntnisse.
Page Builder öffnen
- Navigieren Sie zu Page Builder in der Seitenleiste
- Klicken Sie auf Neue Seite erstellen
Seiten-Grundeinstellungen
Seitenname
Geben Sie einen Namen für Ihre Seite ein:
- Interner Name: Zur Organisation im Dashboard
- Seitentitel: Wird im Browser-Tab angezeigt
URL (Slug)
Der URL-Pfad Ihrer Seite:
- Wird automatisch aus dem Namen generiert
- Kann manuell angepasst werden
- Beispiel:
ihre-moschee.moschee.io/ueber-uns
Als Startseite festlegen
Aktivieren Sie diese Option, um die Seite als Startseite zu verwenden.
Blöcke hinzufügen
Der Page Builder arbeitet mit Blöcken – vorgefertigten Elementen, die Sie kombinieren können.
Block einfügen
- Klicken Sie auf Block hinzufügen (+)
- Wählen Sie einen Block-Typ aus
- Der Block wird eingefügt
Verfügbare Blöcke
| Block | Beschreibung |
|---|---|
| Hero | Großer Kopfbereich mit Bild und Text |
| Text | Fließtext mit Formatierung |
| Bild | Einzelnes Bild oder Galerie |
| Text & Bild | Kombinierter Text-Bild-Block |
| Karten | Info-Karten in Reihe |
| Spalten | Mehrspaltige Layouts |
| Button | Call-to-Action Buttons |
| Tabs | Inhalte in Tabs organisiert |
| Akkordeon | Aufklappbare FAQ-Elemente |
| News-Liste | Automatische News-Anzeige |
| Event-Kalender | Event-Übersicht |
| Newsletter | Anmeldeformular |
| Social Links | Social-Media-Verlinkungen |
| Testimonials | Zitate und Empfehlungen |
| Callout | Hervorgehobene Hinweise |
Blöcke bearbeiten
Block auswählen
Klicken Sie auf einen Block, um ihn auszuwählen. Die Einstellungen erscheinen in der Seitenleiste.
Inhalt bearbeiten
Je nach Block-Typ können Sie bearbeiten:
- Texte und Überschriften
- Bilder und Medien
- Farben und Hintergründe
- Abstände und Ausrichtung
- Links und Buttons
Block verschieben
- Klicken Sie auf das Verschieben-Symbol (⋮⋮)
- Ziehen Sie den Block an die neue Position
Block duplizieren
- Wählen Sie den Block aus
- Klicken Sie auf Duplizieren
- Eine Kopie wird unterhalb eingefügt
Block löschen
- Wählen Sie den Block aus
- Klicken Sie auf das Papierkorb-Symbol
- Der Block wird entfernt
Beispiel: Startseite erstellen
Schritt 1: Hero-Block
- Fügen Sie einen Hero-Block hinzu
- Laden Sie ein Bild Ihrer Moschee hoch
- Fügen Sie eine Überschrift hinzu: "Willkommen bei [Moschee-Name]"
- Fügen Sie einen Untertitel hinzu
- Optional: Button "Gebetszeiten ansehen"
Schritt 2: Über uns
- Fügen Sie einen Text & Bild-Block hinzu
- Schreiben Sie einen kurzen Text über Ihre Moschee
- Fügen Sie ein passendes Bild hinzu
Schritt 3: Gebetszeiten
- Fügen Sie einen Callout-Block hinzu
- Zeigen Sie die aktuellen Gebetszeiten
- Verlinken Sie zur vollständigen Gebetszeiten-Seite
Schritt 4: Aktuelle News
- Fügen Sie einen News-Listen-Block hinzu
- Wählen Sie "Letzte 3 News anzeigen"
- Die News werden automatisch aktualisiert
Schritt 5: Kommende Events
- Fügen Sie einen Event-Kalender-Block hinzu
- Wählen Sie die Ansicht (Liste oder Kalender)
- Events werden automatisch angezeigt
Vorschau
Live-Vorschau
Der Editor zeigt Änderungen in Echtzeit:
- Desktop-Ansicht
- Tablet-Ansicht
- Mobile-Ansicht
Vollbild-Vorschau
- Klicken Sie auf Vorschau
- Die Seite öffnet sich in einem neuen Tab
- Testen Sie auf verschiedenen Geräten
Speichern & Veröffentlichen
Entwurf speichern
Klicken Sie auf Speichern, um den aktuellen Stand zu sichern, ohne zu veröffentlichen.
Veröffentlichen
- Klicken Sie auf Veröffentlichen
- Die Seite ist sofort unter Ihrer Domain erreichbar
- Vorherige Version wird archiviert
Veröffentlichung rückgängig
Sie können zur vorherigen Version zurückkehren:
- Öffnen Sie die Seite
- Klicken Sie auf Versionen
- Wählen Sie die gewünschte Version
- Klicken Sie auf Wiederherstellen