Einzelnen Block darstellen
Diese Funktion ist für die Darstellung einzelner Inhaltsblöcke auf deiner Website verantwortlich. Sie lädt automatisch den richtigen Block-Typ, wendet alle Einstellungen an und zeigt den Block mit dem korrekten Design an. Jeder Block wird individuell verarbeitet und dargestellt.
Voraussetzungen
- Ein Block muss auf einer Seite vorhanden sein
- Die Block-Einstellungen müssen gespeichert sein
- Der Block-Typ muss in weboffice verfügbar sein
Aufbau der Block-Darstellung
Jeder Block wird in mehreren Schritten verarbeitet:
Block-Typ Erkennung Das System erkennt automatisch, um welchen Block-Typ es sich handelt (Text, Bild, Video, etc.) und lädt die entsprechende Darstellungslogik.
Einstellungen laden Alle gespeicherten Einstellungen des Blocks werden geladen, einschließlich Inhalte, Styling und Verhalten.
Design anwenden Das gewählte Design, Abstände, Hintergrundbilder und andere Styling-Optionen werden automatisch angewendet.
Interaktivität aktivieren Falls der Block interaktive Elemente enthält, werden diese aktiviert und funktionsfähig gemacht.
So funktioniert die Block-Darstellung
Automatische Erkennung: Das System erkennt den Block-Typ anhand des gespeicherten Namens
Fehlerbehandlung: Falls ein Block-Typ nicht gefunden wird, erscheint eine Fehlermeldung statt eines Absturzes
Einstellungen verarbeiten: Alle Block-spezifischen Einstellungen werden aus den gespeicherten Daten geladen
Styling berechnen: Abstände, Hintergründe und andere Design-Elemente werden automatisch berechnet
Darstellung ausgeben: Der fertige Block wird mit allen Einstellungen und dem korrekten Design angezeigt
Block-Eigenschaften
Eindeutige Identifikation Jeder Block hat eine eindeutige ID, über die er identifiziert und verwaltet wird.
Flexible Einstellungen Blöcke können verschiedenste Einstellungen haben, die automatisch geladen und angewendet werden.
Responsive Design Alle Blöcke passen sich automatisch an verschiedene Bildschirmgrößen an.
Bearbeitungsmodus Im Editor-Modus werden zusätzliche Bearbeitungsoptionen angezeigt.
Styling-Optionen
Abstände (Padding) Innenabstände des Blocks können individuell für alle vier Seiten eingestellt werden.
Außenabstände (Margin) Außenabstände bestimmen den Abstand zu anderen Elementen.
Hintergrundbilder Blöcke können individuelle Hintergrundbilder haben, die automatisch optimiert dargestellt werden.
CSS-Klassen Zusätzliche CSS-Klassen können für erweiterte Styling-Optionen hinzugefügt werden.
Tipps und Hinweise
- Performance: Blöcke werden nur geladen, wenn sie tatsächlich angezeigt werden
- Fehlerresistenz: Defekte Blöcke führen nicht zum Ausfall der gesamten Seite
- Flexibilität: Neue Block-Typen können einfach hinzugefügt werden
- Konsistenz: Alle Blöcke folgen den gleichen Design-Regeln