Website-Editor
Der Website-Editor ist dein Hauptwerkzeug zum Erstellen und Bearbeiten von Webseiten. Hier fügst du Inhalte hinzu, bearbeitest sie und siehst sofort, wie deine Website aussehen wird.
Voraussetzungen
- Du benötigst die Berechtigung zur Website-Bearbeitung
- Eine Website muss bereits erstellt sein
- Mindestens eine Seite sollte vorhanden sein
Aufbau der Seite
Der Editor besteht aus mehreren Bereichen:
Kopfleiste
- Linker Bereich: Seitenauswahl und Aktions-Schaltflächen
- Mittlerer Bereich: Ansichts-Umschalter (Mobil, Tablet, Desktop)
- Rechter Bereich: Einstellungen, Vorschau, Speichern, Schließen
Hauptbereich
- Vorschau-Bereich: Zeigt deine Website, wie sie aussehen wird
- Konfigurations-Bereich: Erscheint beim Bearbeiten von Blöcken oder KI-Generierung
So arbeitest du mit dieser Seite
Erste Schritte
- Erste Seite erstellen: Falls noch keine Seiten vorhanden sind, klicke "Seite hinzufügen"
- Seite auswählen: Wähle aus dem Auswahlfeld die zu bearbeitende Seite
- Ansicht wählen: Stelle die gewünschte Bildschirmgröße ein
Seiten verwalten
- Seite wechseln: Verwende das Auswahlfeld oben links
- Neue Seite hinzufügen: Klicke die grüne Plus-Schaltfläche
- Seite klonen: Kopiere eine bestehende Seite mit der Klon-Schaltfläche
- KI-Generierung: Nutze den KI-Assistenten für automatische Seitenerstellung
Inhalte bearbeiten
- Blöcke hinzufügen: Klicke "Block hinzufügen" wenn die Seite leer ist
- Blöcke bearbeiten: Klicke auf einen Block in der Vorschau
- Block-Aktionen: Nutze die Hover-Menüs für weitere Optionen
- Konfigurieren (Zahnrad-Symbol)
- Hinzufügen (Plus-Symbol)
- Löschen (Papierkorb-Symbol)
- Kopieren/Einfügen
- Verschieben (Pfeile)
- Sichtbarkeit umschalten
Ansichten umschalten
- Mobil (360px): Zeigt, wie die Seite auf Smartphones aussieht
- Tablet (766px): Zeigt die Tablet-Ansicht
- Desktop: Zeigt die vollständige Desktop-Ansicht
Speichern und Vorschau
- Regelmäßig speichern: Klicke "Speichern" um Änderungen zu sichern
- Vorschau öffnen: Klicke "Vorschau" um die Seite in einem neuen Tab zu sehen
- Einstellungen: Öffne die Website-Einstellungen über die Zahnrad-Schaltfläche
KI-Funktionen nutzen
- Ganze Seite generieren: Nutze den KI-Seitengenerator
- Einzelne Blöcke generieren: Verwende die KI-Funktion in der Block-Konfiguration
- Beschreibungen eingeben: Je detaillierter, desto besser das Ergebnis
Tipps und Hinweise
- Regelmäßig speichern: Sichere deine Arbeit häufig
- Verschiedene Ansichten testen: Prüfe deine Seite auf allen Bildschirmgrößen
- Blöcke logisch anordnen: Beginne mit einem Header, dann Inhalte, zum Schluss Footer
- Konsistenz beachten: Verwende ähnliche Abstände und Farben
- Bilder optimieren: Verwende passende Bildgrößen für bessere Ladezeiten
- Texte strukturieren: Nutze Überschriften und Absätze für bessere Lesbarkeit
- Links testen: Überprüfe alle Links in der Vorschau
- SEO bedenken: Verwende aussagekräftige Überschriften und Alt-Texte
Tastenkürzel
- Strg+S: Speichern
- Strg+C: Block kopieren
- Strg+V: Block einfügen
Häufige Arbeitsschritte
- Neue Website erstellen: Seite hinzufügen → KI-Generator nutzen → Inhalte anpassen
- Bestehende Seite erweitern: Block hinzufügen → Konfigurieren → Speichern
- Design anpassen: Einstellungen öffnen → Farben/Schriften ändern → Speichern
- Inhalte kopieren: Block kopieren → Andere Seite öffnen → Einfügen