Elementor Development Guide

Dieser Guide definiert Setup, Typografie, Abstände, Responsive-Verhalten, Medien und Performance – CI-neutral, konsistent und ohne zusätzliches CSS.

Kapitelübersicht

1. Projektablauf & Inhaltsstruktur

Ziele, Rollen, Workflow vom Design bis Livegang.

2. Seitenaufbau & Komponentenplan

Container, Typo, Abstände, globale Widgets.

3. Basis WordPress-Konfiguration

Plugins, URLs, Permalinks, Favicon, Kommentare.

4. Theme, Child & Fonts

Hello Biz, Child-Theme, assets/, lokale Schriften.

5. Typografie & Lesbarkeit

Globale Fonts, em/rem, Zeilenhöhe.

6. Abstände, Layout & Container

Padding/Margin, %/vh, Flex/Grid.

7. Responsive Design

Standard-Breakpoints, Verhalten, mobile UX.

8. Medien & Assets

Formate, Größen, Kompression, Lazy Load.

9. Performance & QA

DOM, CSS/JS, Web Vitals, Tests.

10. Doku & Versionierung

Kapitel anlegen, Changelog, Freigaben.