Von WordPress zu HTML? Übertrage dein Angebot in ein neues Design, das du mit KI weiterentwickeln kannst.
Ein neues HTML-Design kann ein anderes Frontend liefern. Es übernimmt nicht automatisch WordPress-Beiträge, Plugins, Konten oder Historie. Erfasse die Website, teste eine Beispielseite und plane den Wechsel vor Produktion.
Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.
01 / Aktuelle Website
Was leistet meine WordPress-Website heute?
Liste Seiten, Beiträge, Medien, Formulare, Suche, Rollen, Plugins und Daten auf. Halte Inhaltspflege und zu erhaltende Besucheraktionen fest.
Lokal auf diesem Gerät markiert; nichts wird übermittelt.
02 / Zielsystem prüfen
Welche WordPress-Funktionen müssen bleiben?
Ein HTML-Frontend passt eventuell für Präsentation. Häufige Redaktion, Rollen, Handel oder Kontodaten brauchen ein passendes System, nicht nur neues Layout.
Inhaltssystem behalten
Wähle oder behalte CMS bei notwendigem Redaktionsworkflow.
Dateibasiertes Frontend nutzen
Organisiere benötigte Dienste und realistische spätere Aktualisierung.
AI ChatBeispielablauf
Bestehende Inhalte übernehmen
Du
Personalisiere das Template mit den Inhalten meiner Website und meinem Bildordner. Behalte Leistungen, Kontaktangaben und belegte Aussagen.
KI · Beispielantwort
Ich ordne jede bisherige Seite den neuen Sektionen zu und zeige, was passt, umgeschrieben werden muss oder eine eigene Seite braucht.
Du
Zeige zuerst die Zuordnung. Lass die bisherige Website online, während wir die neue vorbereiten.
KI · Beispielantwort
Ich bearbeite eine separate Kopie nach deiner Freigabe. Vor dem Domainwechsel planen wir Weiterleitungen und angebundene Formulare.
Nächste Schritte
Bestehende Inhalte sammeln
Gib URLs, Texte, Bilder und benötigte Funktionen an.
Template zuordnen
Lass die KI Inhalte einordnen und Auslassungen nennen.
Vor Wechsel prüfen
Prüfe neue Version, Links und Weiterleitungen, während das Original erreichbar bleibt.
Ziel: Deine bisherigen Unternehmensinhalte im neuen Design.
Beispielablauf. Keine Live-Verbindung zu einer KI.
03 / Freigegebene Inhalte übernehmen
Wie übernehme ich Inhalte in eine neue Vorlage?
Gib dem KI-Agent bisherige URLs, freigegebene Texte und Bilddateien. Lass sie ins neue Template übernehmen und jede alte Seite einer neuen Sektion zuordnen. Prüfe das Ergebnis in einem eigenen Ordner, während WordPress online bleibt.
01
Quellen sammeln
Nutze berechtigte Seiten, Texte und Medien mit klaren Rechten.
02
Struktur zuordnen
Entscheide, was bleibt, zusammengeführt, umgeschrieben oder entfernt wird.
03
Angepasste Inhalte prüfen
Prüfe erhaltene Kerninformationen und echte nächste Aktion.
Quelldateien und technische Details ansehen
Die tatsächlichen Projektdateien
03-orbit · Aktuell geprüftes ZIP
Aktueller Produktdownload geprüft am 2. Oktober 2026. Dateien und externe Ressourcen gehören zu diesem Projekt; andere Templates unterscheiden sich.
Die Anleitung beschreibt die ursprüngliche fiktive Seite. Trenne ihre Aufgabe von den Änderungen für dein eigenes Unternehmen.
Create exactly one file named `03 orbit.html`: a complete English-language responsive website using semantic HTML, inline CSS and inline vanilla JavaScript. No build step, framework, package manager or external JavaScript library is required. Target current desktop Chrome on macOS and a modern browser at the viewport widths specified below, using native dialog, IntersectionObserver, requestAnimationFrame, CSS custom properties and dynamic viewport units. The page is a network-runtime document: its imagery, favicon and Inter font require network access. Keep every complete media URL specified below. The layout and local interactive logic belong in the HTML file. Serve the file over localhost for normal verification; opening it through file:// may restrict the Clipboard API, for which an explicit selection/download fallback is required. No backend or form submission endpoint is part of the experience.
Eine Leistungseinleitung Orbit zuordnen
03-orbit/index.html · prepared Northline Process teaching copy
Die vorbereitete Datei ersetzt Hero und eine Einleitung durch fiktive Inhalte. Sie importiert keine WordPress-Daten, Beiträge, Benutzer oder Plugins. Zuerst brauchst du dein echtes Inhalts- und Bearbeitungsinventar.
Bestehende Leistungsbeschreibung → überarbeitete Einleitung
Bestehende Projektfotos → Rechte prüfen; Beispielbilder bleiben
Buchungen / Konten / CMS-Bearbeitung → eigener Dienst oder Projekt
Alte URLs → konkretes Ziel + Server-Redirect-Plan
AI ChatBeispielablauf
Alte URL → neue URL
Du
Plane Weiterleitungen für meinen Host anhand dieser Alt-neu-URL-Liste. Lass die aktuelle Seite während des Tests erreichbar.
KI · Beispielantwort
Ich ordne alte URLs den neuen Seiten zu und nutze die Weiterleitungsmethode des Hosts. Änderungen zeige ich vor der Anwendung.
Du
Öffne nach meiner Wechsel-Freigabe jede wichtige alte Adresse und prüfe die richtige neue Seite.
Nächste Schritte
URLs zuordnen
Liste alte Seiten und passende neue Ziele auf.
Host konfigurieren
Lass dokumentierte Redirect-Regeln des Hosts verwenden.
Alte Links testen
Prüfe das Ziel und aktualisiere interne Links.
Ziel: Bestehende Links führen zu den passenden neuen Inhalten.
Beispielablauf. Keine Live-Verbindung zu einer KI.
04 / URL-Zuordnung
Welche Adressen bleiben oder werden weitergeleitet?
Behalte wichtige URLs, soweit praktikabel. Erstelle für geänderte Adressen eine Alt-neu-Liste und lass Weiterleitungen nach Hostinganleitung konfigurieren. Prüfe alte Adressen nach Veröffentlichung und aktualisiere interne Links; das Template sichert keine Suchpositionen.
Deine Entscheidung
Aktuelle Website
Neuaufbauplan
Seite bleibt
Bisherige URL und Inhaltszweck
Finale URL und gleichwertig nützliche Inhalte prüfen
Seite ändert sich
Alte URL und eingehende Links
Passendes Ziel zuordnen und Host-Weiterleitung einrichten
Seite entfällt
Nicht mehr benötigte Inhalte
Passenden Status wählen; nicht alles zur Startseite umleiten
Quelldateien und technische Details ansehen
Fiktive URL-Zuordnung, kein Redirect
Authored teaching URL ledger · server tests not performed
Notiere jede echte alte Adresse neben künftigem Ziel, Verantwortlichem und Test. Ein Abschnittslink ist kein Server-Redirect und kein Nachweis erhaltener Suchzugriffe.
/services/workflow-review → neue Leistungsseite oder passender Abschnitt (festlegen)
/wp-content/uploads/example.jpg → erlaubtes Ersatzmedium (festlegen)
/class-booking → echter Buchungsdienst (nicht enthalten)
Redirect / Canonical / Sitemap / Rückkehr → Host-Tests ausstehend
Vergleiche die bearbeitete Seite mit meinen Anweisungen. Prüfe Überschrift, Bildpfade, Navigation und Kontaktbutton auf Desktop- und Handybreite.
KI · Beispielantwort
Ich liste Abweichungen auf und prüfe die tatsächliche Browseransicht. Eine gespeicherte Datei allein bestätigt das sichtbare Ergebnis nicht.
Du
Auf meinem Handy ist die Überschrift abgeschnitten. Behebe das, ohne den Text zu ändern.
KI · Beispielantwort
Ich passe das responsive Layout an und prüfe dieselbe Handybreite erneut. Danach kannst du das Ergebnis freigeben.
Nächste Schritte
Änderungen vergleichen
Prüfe Texte, Bilder und den beauftragten Umfang.
Vorschau öffnen
Prüfe Desktop und Handy sowie Navigation und Kontakt.
Problem beschreiben
Beschreibe den Fehler und lass die korrigierte Ansicht erneut prüfen.
Ziel: Eine geprüfte Version zum Weiterbearbeiten oder Veröffentlichen.
Beispielablauf. Keine Live-Verbindung zu einer KI.
05 / Repräsentativer Test
Welchen kleinen Neuaufbau teste ich zuerst?
Bereite zuerst eine typische Seite mit echten Texten, Bildern und Kontaktaktion vor. Vergleiche sie mit der aktuellen Seite und prüfe die Online-Vorschau. So siehst du, ob Inhalt und nötige Funktionen passen, bevor du alles umbaust.
Lokal auf diesem Gerät markiert; nichts wird übermittelt.
Quelldateien und technische Details ansehen
Eine kleine Änderung zum Prüfen
03-orbit/index.html · L427
Diese Auszüge stammen aus dem geprüften englischen Original. Die folgenden Beispiele sind vorbereitete Quelltextänderungen, keine Live-KI-Sitzung. Unternehmen und Arbeiten bleiben fiktiv.
Vorher
<h1 id="hero-title">Intelligence,<span> applied.</span>
</h1>
Erste vorbereitete Änderung
<h1 id="hero-title">A clear task.<span> A practical plan.</span></h1>
Vorbereitete Folgeänderung
<h1 id="hero-title">Review the workflow.<span> Choose the next step.</span></h1>
Originalprojekt · Orbit
Diese Auszüge stammen aus dem geprüften englischen Original. Die folgenden Beispiele sind vorbereitete Quelltextänderungen, keine Live-KI-Sitzung. Unternehmen und Arbeiten bleiben fiktiv.Ganze Vorschau öffnen ↗
Vorbereitete Quelltextänderung
Diese vorbereitete Version ändert ausgewählte Texte oder Bilder im selben Projekt. Struktur und Beispielinhalte bleiben erhalten. Vergleiche die Dateien vor einer ähnlichen Änderung für dein Unternehmen.Ganze Vorschau öffnen ↗
AI ChatBeispielablauf
Website-Version sichern und wiederherstellen
Du
Sichere vor der Bearbeitung diese freigegebene Version. Erstelle einen Git-Stand, wenn verfügbar, und lasse mein originales ZIP unverändert.
KI · Beispielantwort
Ich bestätige vor der nächsten Änderung, wo die gesicherte Version liegt.
Du
Das vorherige Layout gefällt mir besser. Stelle es wieder her, behalte aber die neue Kontaktadresse.
KI · Beispielantwort
Ich vergleiche die Versionen, stelle das vorige Layout wieder her und prüfe, ob die gewünschte Kontaktadresse bleibt.
Nächste Schritte
Vorher sichern
Behalte Original-ZIP und freigegebenen Ordner oder Git-Stand.
Wiederherstellung benennen
Sage der KI, welche Version und welche Elemente zurückkehren sollen.
Wiederhergestellte Seite prüfen
Öffne sie und prüfe Inhalte, Layout und Kontaktlinks.
Ziel: Gezielt zur bevorzugten Version zurückkehren.
Beispielablauf. Keine Live-Verbindung zu einer KI.
06 / Wechsel und Wiederherstellung
Wie plane ich den Wechsel mit Rückweg?
Behalte WordPress und Datensicherungen, dokumentiere Hosting und DNS und kläre Verantwortung. Prüfe Weiterleitungen und Live-Funktionen nach Wechsel; behalte getestete Wiederherstellung.
01
Vor dem Wechsel
Vereinbare Abnahmeprüfungen, Sicherungen der WordPress-Dateien und Datenbank sowie die Person für die Wiederherstellung.
02
Nach dem Wechsel
Überwache wichtige URLs und Besucheraktionen und prüfe nach Korrekturen erneut.
07 / Nach Bedarf wählen
Welches Design passt zu meinen bleibenden Inhalten?
Vergleiche neue Struktur mit deiner Bestandsaufnahme. Das sind Präsentationsdesigns, keine Migrationstools oder Ersatz für alle Plugins und Redaktionsfunktionen.
Orbit
Erkläre Beratungsleistungen und Vorgehen. Die Präsentation liefert keine Beratungsautomatisierung.
Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.
index.html
RECREATE.md
assets/creator-blue.png
assets/creator-coral.png
assets/creator-lilac.png
assets/creator-mint.png
Einige Ressourcen können von externen URLs geladen werden. Prüfe dein gewähltes Projekt vor der Veröffentlichung.
Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.
Formwell / Website-Dateien + Designanweisungen
Teste ein echtes Template, bevor du dich entscheidest.
Lade das originale Formwell-Projekt herunter. Gib die Dateien und RECREATE.md an ein geeignetes KI-Tool, probiere eine kleine Änderung und prüfe das Ergebnis.
Das kostenlose Beispiel ist Formwell. Originaldesign und Anleitung sind auf Englisch. Die Produktpreise bleiben unverändert.
OneDollarStock setzt ein Projekt zur Vorbereitung der Plattform auf den Eintritt in den deutschen Markt im Rahmen des Akzelerationspfads „Go Global“ des Programms „Unicorn Hub Startup Booster“ um (Projektnr. FENG.02.28-IP.02-0013/23). Das Projekt wird aus Mitteln des Programms European Funds for Smart Economy 2021–2027 im Rahmen der Priorität „Innovation-friendly environment“, Maßnahme FENG.2.28 Startup Booster Poland, kofinanziert.
Mehr über das Projekt erfahren →
Savi
Template ansehen
Rondist
Template ansehen
Passer
Template ansehen
Outer Light
Template ansehen
Osma
Template ansehen
Nightglass
Template ansehen
Lark
Template ansehen
Drumlin
Template ansehen
Aveniq
Template ansehen
Novera
Template ansehen
Aurelia Atelier
Template ansehen
Nivora
Template ansehen
Savi
Template ansehen
Rondist
Template ansehen
Passer
Template ansehen
Outer Light
Template ansehen
Osma
Template ansehen
Nightglass
Template ansehen
Lark
Template ansehen
Drumlin
Template ansehen
Aveniq
Template ansehen
Novera
Template ansehen
Aurelia Atelier
Template ansehen
Nivora
Template ansehen
