如何透過 AI 聊天在 Mac 上完全本機製作 WordPress 網站
Echte WordPress-Seiten auf dem Mac per KI-Chat bauen (komplett lokal)
ShipPress 是一款免費 Mac App，讓用戶透過 AI 聊天在本機 WordPress 環境中製作網站，並處理環境設定、修改還原及部署等流程。用戶可使用 Claude Code、Codex 等 CLI 建立及修改頁面，並透過即時預覽和自動還原點查看及撤回修改。網站可連接指定主機、透過 SSH 發佈，或匯出為靜態網站；Windows 版本仍在計劃中。
Hinweis: Ich entwickle die Mac-App ShipPress, um die es in diesem Artikel geht.
KI-Coding-Agenten wie Claude Code oder Codex schreiben WordPress-Themes und Seiten inzwischen ziemlich gut. In der Praxis hänge ich aber selten am Code fest, sondern an allem drumherum:
- eine lokale WordPress-Umgebung mit PHP und Datenbank aufsetzen
- festlegen, welche Ordner der Agent anfassen darf
- schiefgegangene Änderungen zurückrollen
- die fertige Seite auf einen echten Server bringen
Genau dafür habe ich ShipPress gebaut, eine kostenlose Mac-App. Hier zeige ich, wie der Ablauf aussieht, wenn man eine WordPress-Seite nur per Chat baut.
Was du brauchst
- macOS (Apple Silicon oder Intel)
- eines dieser KI-CLIs mit eigenem Konto: Claude Code, Codex, Grok Build, Antigravity CLI oder Cursor CLI
- ShipPress (kostenlos): https://shippress.codotx.com/?ref=devto-de
Du meldest dich im jeweiligen CLI mit deinem eigenen Konto an. ShipPress speichert keine Zugangsdaten, und die KI-Nutzung läuft über deinen bestehenden Tarif.
Ablauf
1. Startpunkt wählen
Entweder beschreibst du dein Projekt in einem Satz, oder du nimmst eines der mitgelieferten Block-Themes (es gibt auch welche für WooCommerce-Shops). Zum Beispiel:
Bau eine Website für das kleine Café "Harbor Beans" am Hafen, mit Speisekarte und Öffnungszeiten.
2. Die KI bauen lassen
Das gewählte CLI baut Theme, Seiten und Inhalte direkt in einer lokalen WordPress-Installation. Du kannst auch mehrere KI-Worker gleichzeitig an einer Seite arbeiten lassen.
3. Per Chat nachbessern
Mach den Header dunkelgrün.
Füge die Öffnungszeiten in den Footer ein.
Die Vorschau aktualisiert sich sofort. Nach jeder Änderung der KI entsteht automatisch ein Wiederherstellungspunkt, sodass du mit einem Klick zurückkannst. Das ist für mich der größte Unterschied zur Arbeit mit dem nackten CLI.
In der Canvas-Ansicht siehst du alle Seiten nebeneinander und kannst direkt auf eine Stelle klicken, um eine Änderung anzufordern. Die mobile Ansicht lässt sich auch prüfen.
4. Veröffentlichen
- direkte Anbindung: InstaWP, Hostinger, Pressable, Cloudways, Kinsta, xCloud
- per SSH: SiteGround, WordPress.com, DigitalOcean und andere Hosts mit SSH
- ganz ohne Hosting: als statische Seite exportieren und über ShipPress hosten, inklusive Domainkauf in der App (nicht für Shop-Seiten)
Nacktes CLI oder ShipPress?
| Nacktes CLI | ShipPress | |
|---|---|---|
| Lokale WP-Umgebung | selbst einrichten | macht die App |
| Änderungen zurücknehmen | selbst mit git o. Ä. | automatischer Wiederherstellungspunkt pro Änderung |
| Vorschau | Browser selbst öffnen | sofort in der App |
| Deployment | von Hand | Host-Anbindung, SSH oder statischer Export |
Wer sich im Terminal wohlfühlt, kommt auch mit dem nackten CLI gut zurecht. ShipPress ist für Leute gedacht, die WordPress mit KI bauen wollen, ohne sich mit dem Terminal herumzuschlagen.
Fazit
KI-Agenten sind für WordPress-Seiten absolut brauchbar. Die Hürden sind Umgebung, Zurückrollen und Deployment, und darum kümmert sich ShipPress.
Das Projekt ist noch früh. Wenn du es ausprobierst und irgendwo hängen bleibst, schreib es gern in die Kommentare oder als GitHub-Issue.
- Download: https://shippress.codotx.com/?ref=devto-de
- Issues: https://github.com/oberonlai/shippress-releases/issues
Eine Windows-Version ist in Planung.
Oberon Lai
來源：DEV Community · dev.to