Block-Konfiguration
Hier bearbeitest du die Einstellungen und Inhalte eines einzelnen Blocks auf deiner Website. Jeder Block hat spezifische Optionen, die du hier anpassen kannst.
Voraussetzungen
- Du befindest dich im Website-Editor
- Ein Block wurde zum Bearbeiten ausgewählt
- Du hast die Berechtigung zur Website-Bearbeitung
Aufbau der Seite
Das Konfigurationsfenster besteht aus:
- Header-Bereich: Zeigt Block-Name und -Symbol
- Aktions-Schaltflächen: KI-Generierung, Speichern, Schließen
- KI-Prompt-Bereich: Eingabefeld für automatische Inhaltsgenerierung
- Block-spezifische Einstellungen: Individuelle Optionen je Block-Typ
- Standard-Einstellungen: Allgemeine Optionen wie Abstände und Farben
So arbeitest du mit dieser Seite
Block-Inhalte bearbeiten
- Einstellungen anpassen: Nutze die verfügbaren Eingabefelder und Auswahlmenüs
- Texte eingeben: Fülle Textfelder mit deinen Inhalten
- Bilder hochladen: Verwende die Bild-Upload-Bereiche
- Links setzen: Trage URLs in die entsprechenden Felder ein
KI-Inhaltsgenerierung nutzen
- KI-Schaltfläche klicken: Öffne den KI-Prompt-Bereich
- Beschreibung eingeben: Erkläre, welchen Inhalt der Block haben soll
- Beispiel: "Über uns Abschnitt für ein IT-Unternehmen mit 20 Jahren Erfahrung"
- "Generieren" klicken: Starte die automatische Inhaltserstellung
- Ergebnis prüfen: Kontrolliere die generierten Inhalte
- Nachbearbeiten: Passe die Texte nach Bedarf an
Standard-Einstellungen anpassen
Jeder Block hat diese gemeinsamen Optionen:
- Abstände (Padding): Innenabstände des Blocks
- Außenabstände (Margin): Abstände zu anderen Blöcken
- Hintergrundfarbe: Farbauswahl für den Block-Hintergrund
- Textfarbe: Farbe für den Text im Block
- Hintergrundbild: Bild als Block-Hintergrund
- CSS-Klasse: Eigene CSS-Klassen für erweiterte Gestaltung
Änderungen speichern
- "Speichern" klicken: Übernimmt alle Änderungen
- "Schließen" klicken: Verwirft Änderungen und schließt das Fenster
- Automatische Vorschau: Änderungen werden sofort in der Vorschau sichtbar
Tipps und Hinweise
- Vorschau nutzen: Änderungen werden sofort in der Website-Vorschau angezeigt
- KI-Prompts spezifisch formulieren: Je genauer die Beschreibung, desto besser das Ergebnis
- Abstände bewusst setzen: Gute Abstände verbessern die Lesbarkeit
- Farben konsistent wählen: Nutze die vordefinierten Farben für ein einheitliches Design
- CSS-Klassen sparsam verwenden: Nur bei besonderen Gestaltungswünschen
- Regelmäßig speichern: Sichere deine Änderungen zwischendurch
Block-spezifische Funktionen
Je nach Block-Typ stehen unterschiedliche Optionen zur Verfügung:
- Text-Blöcke: Schriftgröße, Ausrichtung, Formatierung
- Bild-Blöcke: Bildgröße, Position, Alt-Text
- Schaltflächen-Blöcke: Farbe, Größe, Link-Ziel
- Kontaktformular-Blöcke: Felder, E-Mail-Empfänger
- Galerie-Blöcke: Bildanordnung, Lightbox-Einstellungen