2. Seitenaufbau & Komponentenplan
Dieses Kapitel zeigt, wie Seiten mit Elementor modular aufgebaut werden, um konsistente und leicht wartbare Layouts zu schaffen.
Inhaltsverzeichnis
A. Ziel dieses Kapitels
Hier lernst du, wie eine Seite in Elementor logisch aufgebaut wird. Fokus: saubere Container-Hierarchie, Wiederverwendung durch Komponenten und minimale DOM-Tiefe.
B. Grundprinzipien
- Eine Seite = klar definierte Sektionen (Header, Hero, Content, CTA, Footer)
- Jede Sektion = 1 Hauptcontainer mit max. 2–3 inneren Containern
- Wiederverwendung durch globale Widgets
- Vermeide Inline-CSS – alles über globale Styles
Tipp
Jede Seite sollte aus 4–7 Sektionen bestehen. Mehr Sektionen = höherer DOM-Load → langsameres Rendering.
C. Unterkapitel
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container