AI für WordPress-Entwicklung

MetinC — Sat, 07 Mar 2026 14:54:00 +0000

AI für WordPress-Entwicklung: Themes, Plugins, Gutenberg Blocks und WooCommerce mit ChatGPT & Claude. 10 Prompts für professionelle WordPress-Projekte.

Einleitung

WordPress powert über 40% aller Websites – und KI macht die Entwicklung von Themes, Plugins und Custom Blocks deutlich schneller. Hier sind 10 Prompts für WordPress-Entwicklung mit AI.

Allerdings gibt es dabei einige Punkte, die du beachten solltest.

Weiterhin ist es sinnvoll, die Ergebnisse regelmäßig zu überprüfen.

Prompt 1: WordPress Plugin erstellen

Im Folgenden findest du alle wichtigen Details dazu.

Erstelle ein WordPress Plugin:

Name: [z.B. "Metin Contact Form"]
Funktion: [z.B. "Kontaktformular mit AJAX-Submit, Anti-Spam, E-Mail-Versand"]

Anforderungen:
1. Plugin-Header (Name, Description, Version, Author)
2. OOP-Struktur (Hauptklasse, Singleton Pattern)
3. Activation/Deactivation Hooks (DB-Tabellen erstellen/löschen)
4. Shortcode [mc_contact_form]
5. Admin-Seite unter Settings (mit Settings API)
6. AJAX Handler (nonce-geschützt, wp_die am Ende)
7. Uninstall Hook (sauberes Aufräumen)
8. i18n vorbereitet (Text Domain, .pot Datei)
9. Enqueueing: Eigenes CSS/JS nur wo nötig laden
10. WordPress Coding Standards (WPCS) einhalten

Dateistruktur:
├── my-plugin.php (Hauptdatei)
├── includes/
│   ├── class-plugin.php
│   ├── class-admin.php
│   └── class-frontend.php
├── assets/css/ und assets/js/
├── templates/
└── languages/

Außerdem kannst du den Prompt für verschiedene Programmiersprachen anpassen.

Im Folgenden gehe ich auf die wichtigsten Details ein.

Prompt 2: Custom Theme entwickeln

Deshalb lohnt es sich, dieses Thema genauer zu betrachten.

Erstelle ein WordPress Block Theme:

Typ: [Block Theme (Full Site Editing) / Classic Theme]
Design: [z.B. "Minimalistisch, Portfolio, Dark Mode Support"]

Implementiere:
1. theme.json (Colors, Typography, Spacing, Layout)
2. Templates: index.html, single.html, page.html, archive.html, 404.html
3. Template Parts: header.html, footer.html, sidebar.html
4. Custom Patterns (Hero, CTA, Feature Grid, Testimonials)
5. style.css mit Theme Header
6. functions.php (Enqueuing, Theme Support, Navigation)
7. Customizer Settings (Logo, Farben, Social Links)
8. Responsive Design (Mobile First)
9. Accessibility (Skip Links, ARIA, Focus Management)
10. Schema.org Markup (SEO)

Im Grunde funktioniert dieser Ansatz mit allen gängigen AI-Tools.

Zusammenfassend bietet dieser Abschnitt praktische Handlungsempfehlungen.

Prompt 3: Gutenberg Block bauen

Darüber hinaus bietet dieser Abschnitt konkrete Beispiele und Tipps.

Erstelle einen Custom Gutenberg Block:

Block: [z.B. "Pricing Table" / "Testimonial Slider" / "FAQ Accordion"]

Setup: @wordpress/create-block oder manuell

Implementiere:
1. block.json (Metadaten, Attribute, Supports)
2. edit.js (Editor-Ansicht mit InspectorControls)
3. save.js (Frontend-Rendering)
4. style.scss (Frontend Styles)
5. editor.scss (Editor-spezifische Styles)
6. Attribute mit Typ-Definitionen
7. BlockControls (Toolbar)
8. InspectorControls (Sidebar: Farben, Varianten)
9. InnerBlocks (falls verschachtelt)
10. Server-Side Rendering (für dynamische Daten: render.php)

Interaktivität:
- Interactivity API für Frontend-Verhalten (kein jQuery!)
- Oder: view.js mit @wordpress/interactivity

Folglich erhältst du mit diesem Ansatz deutlich bessere Resultate.

Deshalb ist es wichtig, diesen Abschnitt aufmerksam zu lesen.

Prompt 4: REST API Endpunkt

Natürlich gibt es dabei verschiedene Herangehensweisen.

Erstelle einen Custom REST API Endpunkt in WordPress:

Route: [z.B. "/wp-json/metin/v1/tools"]
Methoden: [GET, POST, PUT, DELETE]

Implementiere:
1. register_rest_route() mit Namespace und Version
2. Permission Callbacks (current_user_can)
3. Argument Validation (validate_callback, sanitize_callback)
4. Response Format (WP_REST_Response mit Status Code)
5. Error Handling (WP_Error mit Code und Message)
6. Pagination (X-WP-Total, X-WP-TotalPages Header)
7. Schema Definition (get_item_schema)
8. Authentication (Application Passwords oder JWT)
9. Rate Limiting (Custom Implementation)
10. Caching (Transients für GET-Requests)

Zusätzlich gibt es einige bewährte Tipps für den Alltag.

Prompt 5: Custom Post Type & Taxonomie

Dennoch solltest du einige Besonderheiten beachten.

Erstelle einen Custom Post Type mit Taxonomien:

Post Type: [z.B. "portfolio" / "testimonial" / "product"]
Taxonomien: [z.B. "Kategorie, Tags, Schwierigkeitsgrad"]

Implementiere:
1. register_post_type() mit allen Labels (DE)
2. Custom Taxonomien (hierarchisch + flat)
3. Meta Boxes für zusätzliche Felder (oder ACF-Konfiguration)
4. Custom Columns in der Admin-Übersicht
5. Custom Admin Filter (nach Taxonomie filtern)
6. Template Hierarchy (single-{cpt}.php, archive-{cpt}.php)
7. REST API Integration (show_in_rest = true)
8. Gutenberg Support (Custom Block Template)
9. Permalink-Struktur (/portfolio/slug/)
10. Flush Rewrite Rules bei Activation

Ebenfalls sinnvoll ist es, verschiedene Varianten auszuprobieren.

Dabei ist der folgende Punkt besonders wichtig.

Prompt 6: WooCommerce Anpassungen

Vor allem für den praktischen Einsatz sind diese Informationen wertvoll.

Passe WooCommerce an:

Anpassung: [z.B. "Custom Product Tab, Checkout Fields, Discount Logic"]

Implementiere mit Hooks/Filtern:
1. Custom Product Tab (auf Produktseite)
2. Zusätzliche Checkout-Felder (mit Validierung)
3. Custom Discount-Logik (z.B. "Ab 3 Produkten 10% Rabatt")
4. E-Mail-Templates anpassen (HTML)
5. Custom Order Status hinzufügen
6. Payment Gateway Webhook Integration
7. Product Meta Daten im Frontend anzeigen
8. Custom My Account Tab
9. REST API Erweiterung für Custom Daten
10. WooCommerce Blocks Kompatibilität

Wichtig:
- Nur Hooks/Filter nutzen (nie WooCommerce Core editieren!)
- Kompatibilität mit HPOS (High-Performance Order Storage)
- Template Override via Theme (woocommerce/ Ordner)

Insbesondere die Struktur des Prompts ist dabei entscheidend für gute Ergebnisse.

Insbesondere für fortgeschrittene Projekte ist das relevant.

Prompt 7: Hooks & Filter

Zusammenfassend lässt sich sagen, dass dies ein zentraler Aspekt ist.

Löse folgendes WordPress-Problem mit Hooks & Filtern:

Problem: [Beschreibung, z.B. "Automatisch ein Featured Image setzen wenn keines gewählt wurde"]

Erkläre:
1. Welcher Hook/Filter ist der richtige?
2. Action vs. Filter – was ist der Unterschied hier?
3. Priorität und Parameter-Anzahl
4. Kompletter Code mit add_action/add_filter
5. Wo wird der Code eingefügt? (functions.php / Plugin / mu-plugin)
6. Wie teste ich ob der Hook funktioniert?
7. Gibt es Performance-Auswirkungen?

Häufige Hooks für Referenz:
- init, wp_enqueue_scripts, admin_menu
- the_content, the_title, wp_head
- save_post, transition_post_status
- pre_get_posts, posts_where
- woocommerce_before_cart, woocommerce_checkout_fields

Darüber hinaus lässt sich das Beispiel leicht erweitern.

Tatsächlich zeigt die Praxis, dass dieser Ansatz sehr effektiv ist.

Prompt 8: WordPress Security

Grundsätzlich gibt es dabei einige Punkte zu beachten.

Mache mein WordPress sicher:

Aktuelles Setup: [z.B. "WordPress 6.5, WooCommerce, Custom Plugin"]

Prüfe und implementiere:
1. **Nonces**: Für alle Formulare und AJAX-Requests
2. **Sanitization**: sanitize_text_field, wp_kses, esc_attr
3. **Escaping**: esc_html, esc_attr, esc_url, wp_kses_post
4. **SQL**: $wpdb->prepare() für ALLE Queries
5. **File Upload**: Validierung, keine PHP-Uploads
6. **Capabilities**: current_user_can() Checks
7. **Headers**: Security Headers via .htaccess oder Plugin
8. **wp-config.php**: DISALLOW_FILE_EDIT, Salts, Debug off
9. **Login**: Limit Login Attempts, 2FA, Custom Login URL
10. **Updates**: Auto-Updates für Minor Versions aktivieren

Checklist Format mit Code-Beispielen für jeden Punkt.

Darüber hinaus solltest du diesen Aspekt berücksichtigen.

Prompt 9: Performance-Optimierung

Ebenfalls relevant sind die praktischen Anwendungsbeispiele.

Optimiere die Performance meiner WordPress-Seite:

Aktuell: [z.B. "TTFB 1.5s, LCP 4s, 60 Plugins, Shared Hosting"]

Optimiere:
1. **Caching**: Page Cache, Object Cache (Redis), Browser Cache
2. **Datenbank**: Transients aufräumen, Revisions limitieren, Query optimieren
3. **Assets**: CSS/JS minifizieren, kombinieren, defer/async
4. **Bilder**: WebP/AVIF, Lazy Loading, Responsive Sizes
5. **Plugins**: Welche sind Performance-Killer? Alternativen?
6. **Hosting**: Shared → VPS → Managed WordPress (Empfehlung)
7. **CDN**: CloudFlare oder ähnlich konfigurieren
8. **PHP**: Version 8.2+, OPcache konfigurieren
9. **Datenbank**: InnoDB optimieren, MyISAM konvertieren
10. **Critical CSS**: Above-the-fold CSS inline, Rest async laden

Ziel: TTFB < 200ms, LCP < 2.5s, PageSpeed Score > 90

Dabei zeigt dieses Beispiel den grundlegenden Ansatz.

Im Grunde sparst du dadurch langfristig viel Zeit.

Prompt 10: Migration & Deployment

Tatsächlich ist dieser Bereich besonders wichtig für Entwickler.

Plane eine WordPress Migration/Deployment:

Von: [z.B. "Shared Hosting bei IONOS"]
Nach: [z.B. "VPS bei Hetzner mit Docker"]

Erstelle:
1. **Backup-Strategie**: Datenbank + Files + wp-config
2. **Migration-Script**: WP-CLI Befehle für Export/Import
3. **Search-Replace**: URLs in Datenbank ändern (serialized-safe!)
4. **DNS-Umstellung**: Minimale Downtime (TTL vorher senken)
5. **SSL-Zertifikat**: Let's Encrypt auf neuem Server
6. **Testing**: Checkliste nach Migration (Links, Bilder, Formulare)
7. **CI/CD**: Git-basiertes Deployment für Theme/Plugins
8. **Staging**: Separate Staging-Umgebung aufsetzen
9. **Rollback-Plan**: Wenn etwas schiefgeht

WP-CLI Befehle für alle Schritte.

Tatsächlich lässt sich dieser Code direkt in dein Projekt übernehmen.

Somit ergibt sich ein klarer Vorteil gegenüber manuellen Methoden.

FAQ

Ist WordPress noch relevant 2026?

Außerdem gibt es hilfreiche Tools, die dich dabei unterstützen.

Absolut. 43% Marktanteil, riesiges Plugin-Ökosystem, Headless CMS möglich. Für Content-Seiten, E-Commerce und Corporate Sites ist WordPress die effizienteste Lösung. Für Web-Apps: React/Next.js.

Block Theme oder Classic Theme?

Dementsprechend solltest du die folgenden Aspekte kennen.

Für neue Projekte 2026: Block Theme. Hierbei full Site Editing ist ausgereift, theme.json bietet volle Kontrolle. Classic Themes nur wenn das Team keine FSE-Erfahrung hat oder ein bestehendes Classic Theme erweitert wird.

Kann AI WordPress-Plugins schreiben?

Ebenso wichtig ist es, die Best Practices zu kennen.

Ja – und sehr gut. Deshalb wordPress hat klare Konventionen (Hooks, Shortcodes, Settings API) die AI kennt. Für Standard-Plugins: AI generiert 90% des Codes. Bei komplexen Plugins (Payment, Multi-Site): AI als Basis, manuelles Feintuning nötig.

Natürlich kannst du den Ansatz an deine Bedürfnisse anpassen.

Verwandte Artikel:

Folglich verbessert sich die gesamte Codequalität deutlich.

Zuletzt aktualisiert: März 2026

Der Beitrag AI für WordPress-Entwicklung erschien zuerst auf MetinCelik.de.

Gutenberg Archive - MetinCelik.de