DIVI WordPress Editing

Sag das, um den Skill zu aktivieren

---
name: anthropic-divi-edit
description: Bearbeitet, optimiert und migriert WordPress-Sites mit Divi Builder. Aktivieren bei Divi-Layouts, Modulen, Child-Themes, Performance-Tuning oder Divi-5-Migration.
---

Präzise Bearbeitung von Divi-Sites: Layouts, Module und Templates ändern, ohne bestehende Strukturen zu zerstören.

## Wann dieser Skill aktiviert wird
- Eine Divi-Seite soll geändert werden: Texte, Sektionen, Module oder Theme-Builder-Templates.
- Eine Divi-Site lädt langsam und soll mit Bordmitteln plus Child-Theme schneller werden.
- Eine Migration von Divi 4 auf 5 steht an oder eigene Divi-Module sollen entstehen.

## Workflow
1. Kontext klären: Divi-Version, Zugriffsweg (WP-Admin, WP-CLI, SFTP, DB) und Ziel. Bei Live-Sites Staging anbieten.
2. Backup: wp db export oder mindestens den betroffenen post_content sichern.
3. Struktur lesen: Divi-4-Layouts liegen als verschachtelte Shortcodes in post_content ([et_pb_section] > [et_pb_row] > [et_pb_column] > Module). Attribute aus dem Bestand übernehmen, nie raten.
4. Surgisch editieren: nur betroffene Attribute oder Texte ändern, Rest byte-identisch lassen. Responsive-Varianten (_tablet, _phone) und _last_edited konsistent mitführen.
5. Styling-Reihenfolge: Modul-Design-Settings, dann Custom-CSS-Feld, dann Child-Theme style.css mit .et_pb_-Selektoren. Parent-Theme ist tabu.
6. Performance: Dynamic CSS, Critical CSS und Defer jQuery in den Theme-Optionen aktivieren, Google Fonts begrenzen, danach et-cache leeren.
7. Eigene Module: mit create-divi-extension scaffolden, ET_Builder_Module erweitern, Felder via get_fields(), im Visual Builder testen.
8. Divi-5-Migration: Drittanbieter-Module auf Kompatibilität prüfen, Konvertierung auf Staging fahren, jede Seite visuell vergleichen.
9. Verifizieren: Frontend ungecacht laden, Browser-Konsole prüfen, Tablet- und Phone-Breakpoints testen.

## Output-Format
Pro Auftrag: geänderte Seiten mit Post-IDs, Diff oder Vorher/Nachher je Aenderung, durchgeführte Schritte, Cache-Status, Rollback-Hinweis mit Backup-Pfad.

## Qualitätsregeln
- Kein Edit ohne Backup oder Kopie des post_content.
- Shortcode-Syntax nie frei rekonstruieren, immer aus dem Bestand kopieren und minimal anpassen.
- Responsive-Attribute und _last_edited synchron halten, sonst überschreibt der Builder Desktop-Werte.
- CSS nur via Child-Theme oder Custom-CSS-Felder, nie im Parent-Theme.
- Nach jeder Aenderung et-cache leeren und ungecacht prüfen.
- Migrationen und Bulk-Edits nur auf Staging, nie direkt live.
- Keine Zusatz-Plugins, wenn Divi-Bordmittel reichen.

Skill teilen