CommunityCodierung & Entwicklunggithub.com

umairmsm/wp-build

Stufe 3 eines wp-site-kit WordPress-Builds – lokale DDEV-Umgebung, das zentrale Must-Use-Plugin (Module), das reine Präsentations-Child-Theme mit Skins, das Content-Modell (benutzerdefinierte Beitragstypen, Meta, WP_Query, Render-Funktionen) sowie die Anfrage-Pipeline, die Leads speichert, bevor sie weitergeleitet werden. Verwenden Sie dies beim Erstellen oder Ändern von Features, Vorlagen, Inhaltstypen, Formularen oder Plugin-Modulen auf einer wp-site-kit-Seite.

Was ist wp-build?

Dieser Skill führt den dritten und letzten Schritt des wp-site-kit WordPress-Build-Prozesses durch. Er richtet die lokale Entwicklungsumgebung mit DDEV ein, benennt Beispiel-Inhaltstypen in geschäftsspezifische Bezeichnungen um, modelliert benutzerdefinierte Felder als Post-Meta und generiert Inhalte aus datengetriebenen Dateien. Der Skill stellt sicher, dass alle Geschäftslogik, Abfragen und Preise im zentralen Plugin gekapselt sind, während das Child-Theme nur Präsentationsaufgaben übernimmt – inklusive strikter Trennung von Anliegen und Schutz vor fatalen Fehlern bei fehlendem Plugin. Die Anfrage-Pipeline wird implementiert, um Leads zu speichern, per E-Mail zu versenden und zu bereinigen. Abschließend validieren Struktur- und Lint-Tests die Codequalität, und der Skill integriert einen Code-Review-Agenten für eine automatisierte Qualitätsprüfung. Entwickler profitieren von einer reproduzierbaren, testbaren und wartbaren WordPress-Basis, die schnelle Iterationen bei Formularen, Vorlagen und Modulen ermöglicht, ohne die Sicherheit oder Sauberkeit des Codes zu gefährden. Unterstützt werden gängige WordPress-Entwicklungsworkflows mit DDEV, WP-CLI und modernen PHP- und TypeScript-Tools.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/umairmsm/wp-site-kit/tree/HEAD/skills/wp-build

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Stage 3: Build

Ziel: Die Seite läuft lokal. Echte Inhalte werden durch Kernfunktionen gerendert. Anfragen werden gespeichert, dann weitergeleitet, dann bereinigt. Die Strukturtests sind grün.

Zuerst lesen: das AGENTS.md des Projekts, dann references/architecture.md.

Schritte

  1. Lokale Seite. Folge dem README.md des Projekts, Abschnitt „Erster Start“. Dann prüfen: ddev wp eval 'echo wp_get_environment_type();' muss local ausgeben. Falls nicht, siehe references/local-env.md. Solange es nicht local ausgibt, glaubt die Seite, sie sei in Produktion: Sie kann indexiert werden und echte Kunden per E-Mail erreichen.
  2. Beispiel-Inhaltstyp umbenennen. Dies tun, bevor Inhalte existieren. <prefix>_offer wird zum geschäftsspezifischen Begriff (Tour, Service, Kurs): der Post-Typ, der Rewrite-Slug und die Labels in modules/content.php, sowie die Funktionsnamen (_get_offers, _render_offer_card), die Datei parts/offer-card.php und die Tests. Post-Typ-Namen haben ein 20-Zeichen-Limit.
  3. Inhalt modellieren. Finde jedes Feld, das die Aufgabenstellung benötigt. Registriere jedes als Post-Meta mit einem Sanitize-Callback und einem Auth-Callback. Preise sind Zahlen in Meta. 0 bedeutet „auf Anfrage“, niemals „kostenlos“. Wenn Redakteure umfangreichere Feldbildschirme benötigen, füge ACF (kostenlos) hinzu, aber lese Werte nur über Kernfunktionen aus.
  4. Datendateien → Generator (wenn der Eigentümer viele Elemente bereitstellt):
    • eine Markdown- oder JSON-Datei pro Element in docs/data/<type>/ ablegen;
    • ein idempotentes WP-CLI-Skript schreiben, das Beiträge aus diesen Dateien erstellt oder aktualisiert;
    • mit --dry-run versehen;
    • ausführen mit ddev wp eval-file - < scripts/<name>.php. Die Dateien sind die überprüfbare Wahrheit; die Datenbank ist die Kopie.
  5. Vorlagen rufen eine Kernfunktion pro Abschnitt auf.
    • Layout lebt im Theme: Vorlagen, parts/, Skin-Überschreibungen.
    • Daten, Abfragen, Preise, Richtlinientexte und Formulare kommen aus dem Kern.
    • Jeden Aufruf mit function_exists() schützen, damit eine Vorlage nie abstürzt, wenn das Plugin fehlt.
  6. Anfragen. Halte die Pipeline in modules/enquiry.php (references/forms-and-leads.md).
    • Felder an drei Stellen gleichzeitig hinzufügen: im Formular, im Handler und im Details-Bereich.
    • Posteingang und Absender in wp-config.php-Konstanten setzen, niemals im Code.
  7. Richtlinientext (AGB, Anzahlungen, Stornierung): im Kern als eine Funktion ablegen (z. B. <prefix>_policy( 'cancellation' )). Vorlagen geben diese Funktion aus, und ein Test schlägt fehl, wenn eine Vorlage einen Richtlinientext fest codiert.
  8. Neues Modul? Eine Datei in modules/ hinzufügen, eine require_once-Zeile im Bootstrap und tests/structure/core.spec.ts im selben Commit aktualisieren.
  9. Prüfen und committen.
    • npm run test:structure und npm run lint:php ausführen (0 Fehler).
    • Den wp-rules-reviewer-Agenten bitten, den Diff zu überprüfen.
    • Committen (Conventional Commits).

Tor (in SITE_STATUS.md abhaken)

  • wp_get_environment_type() = local
  • Kern-Plugin und Child-Theme aktiv; Skin lädt
  • Echte Inhalte werden durch Kernfunktionen gerendert; keine fest codierten Karten, Preise oder Slugs
  • Anfrage: gespeichert → per E-Mail gesendet → erneuter Versuch → bereinigt; Ende-zu-Ende in Mailpit getestet
  • Strukturtests grün; PHPCS 0 Fehler

Niemals

  • Geschäftslogik, WP_Query, Preise, pll_*-Aufrufe oder Richtlinientext im Theme.
  • Rohe $_POST oder $_GET ohne wp_unslash + eine Sanitize-Funktion; Ausgabe ohne esc_*.
  • Drittanbieter-API-Schlüssel oder Endpunkte in HTML oder JS. Vom Server aus weiterleiten.
  • Plugin-Module mit rohem wp option update umschalten. Die eigene UI oder CLI des Plugins verwenden, dann jede betroffene Seite erneut prüfen.
  • Unpräfixierte Funktionen, Optionen, Hooks, Meta-Schlüssel oder Nonces.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

umairmsm/wp-content

Stage 4 of a wp-site-kit WordPress build - real copy and photos. Content truth (facts only from the owner), AI drafts and owner approval, claims audits, banned words and fake proof, legal pages, the photo pipeline (dedupe, real-only, EXIF strip, WebP sizes, alt text, AI image register), and recorded content changes. Use for "write the copy", "add photos", "the owner sent new photos", "check for duplicates", "update prices or text on the live site", "legal pages".

umairmsm/wp-design

Stage 2 of a wp-site-kit WordPress build - design direction, a static HTML/CSS prototype with design tokens, owner sign-off with screenshots, self-hosted fonts, and porting the approved look into a swappable WordPress skin. Use for "design the site", "new look", "redesign", "change colours or fonts", "make a new skin", "port the prototype to WordPress".

umairmsm/wp-kickoff

Stage 1 of a wp-site-kit WordPress build. Use when starting a new WordPress website or taking over or rebuilding an existing one - discovery brief, stack decision, creating the project with bin/wp-site-new, locked decisions, private repo and credentials inventory. Triggers - "new WordPress site", "start a client website", "rebuild this site", "take over this WordPress site".

umairmsm/wp-operate

Stage 8 of a wp-site-kit WordPress build and everything after launch - backups with an off-machine copy, restore drills, the disaster-recovery runbook, credentials inventory, update policy, alerts, and working from more than one machine (bridge file, workstation doctor, encrypted state bundle, rescuing unpushed work). Use for "backup", "restore", "move to a new machine/server", "update plugins", "what if the server dies", "work from the cloud box", "set up a second machine".

umairmsm/wp-seo

Stage 5 of a wp-site-kit WordPress build - titles and descriptions, canonical URLs, one schema owner and JSON-LD, sitemaps, robots.txt and llms.txt, AI crawler access, redirects (301 vs 302), legacy URL maps, Search Console, and adding languages one pilot at a time with Polylang (hreflang, .po/.mo strings, native review). Use for "SEO", "schema", "redirect", "old URLs", "translate the site", "add French/Spanish", "hreflang", "canonical".

umairmsm/wp-ship

Stage 7 of a wp-site-kit WordPress build - staging behind Cloudflare Access, server hardening, safe deploys from a commit (scripts/deploy-safe.sh), database content changes, the launch audit, DNS cutover without breaking a running business, and the first week after launch. Use for "deploy", "set up staging", "go live", "launch", "cutover", "move DNS", "harden the server".

umairmsm/wp-site

Start here for any WordPress website built with wp-site-kit, from an empty folder to a live site. Use when someone says "build a WordPress site", "new website for a client", "where are we on the site", "what is next before launch", or asks to continue a site project. Finds the current stage from SITE_STATUS.md, applies the hard rules, and hands over to the right stage skill.

Verwandte Skills