Die Migration einer statischen HTML-Website zu WordPress mit Elementor klingt nach viel Arbeit – und wenn man es falsch angeht, ist sie das auch. Seite für Seite mit einem Konverter durchgeführt, ist es weitgehend mechanische Arbeit. Hier ist der Ansatz, der es überschaubar hält und Ihnen am Ende echte, bearbeitbare Elementor-Seiten liefert.
Richten Sie zuerst die WordPress-Umgebung ein
Bevor Sie irgendetwas konvertieren, bereiten Sie das Ziel vor: eine WordPress-Installation mit aktivem Elementor, Ihre Schriftarten registriert (Website-Einstellungen → Benutzerdefinierte Schriftarten), falls das Original Webfonts verwendet hat, und Ihre Markenfarben als globale Farben festgelegt, wenn die importierten Seiten diese übernehmen sollen. Wenn Sie dies zuerst tun, beurteilen Sie jede konvertierte Seite anhand der echten Website – nicht anhand von Fallback-Schriftarten und Platzhalterfarben.
Konvertieren Sie eine Seite nach der anderen
Versuchen Sie nicht, die gesamte Website in einem einzigen Vorgang zu importieren. Arbeiten Sie sie Seite für Seite ab – und innerhalb einer langen Seite Abschnitt für Abschnitt. Jede konvertierte Einheit lässt sich leicht überprüfen; eine ganze Website auf einmal nicht. Die Umwandlung in Scheiben bedeutet außerdem, dass Sie Header, Footer und Cookie-Banner der alten Website nicht in jede Seite übernehmen.
Für jede Seite: Öffnen Sie das HTML, stellen Sie sicher, dass das CSS inline oder in einem Style-Block vorliegt, und fügen Sie es im Modus „Native Components“ in den Konverter ein. Überschriften, Text, Bilder, Schaltflächen und Layout werden zu nativen Elementor-Widgets und -Containern, wobei Abstände, Farben und Typografie auf echte Steuerelemente übertragen werden.
Behandeln Sie gemeinsamen Header und Footer einmalig
Eine statische Website wiederholt Header und Footer in jeder HTML-Datei. In WordPress möchten Sie diese nicht im Seiteninhalt haben – Sie möchten sie als Theme-Header und -Footer (oder Vorlagen im Elementor Theme Builder), die einmal erstellt und überall angewendet werden. Wenn Sie also eine Seite konvertieren, verwenden Sie im Strukturplan den Kopierstamm, um nur den Hauptinhalt dieser Seite zu erfassen und Header und Footer zurückzulassen. Erstellen Sie diese separat, ein einziges Mal.
Bilder und Links erfordern Aufmerksamkeit
- Bilder: Laden Sie sie in die Mediathek hoch und referenzieren Sie die echten URLs, dann werden sie ohne manuellen Schritt importiert. Lokale Dateipfade und Base64-Bilder können nicht zu Anhängen werden, daher erscheinen sie als leere Platzhalter – jeweils mit ihrem Alt-Text als Beschriftung, damit Sie wissen, was Sie hochladen müssen.
- Interne Links: Eine statische Website verlinkt zwischen
.html-Dateien. Aktualisieren Sie diese nach dem Import so, dass sie auf Ihre neuen WordPress-URLs verweisen. Dies ist der eine mühsame Teil jeder Migration, und es führt kein Weg daran vorbei, aber pro Seite ist es schnell erledigt. - Formulare und Menüs: Eine Absendeaktion eines Formulars wird nicht übernommen – verbinden Sie sie mit einem Elementor-Formular auf Ihrer Website. Die Navigation wird zu einem echten WordPress-Menü.
Was sich gut konvertieren lässt und was Sie neu erstellen
Layout, Abstände, Farben, Typografie, Bilder, Icons und Struktur werden originalgetreu konvertiert. Skripte werden entfernt, daher wird jedes JavaScript-gesteuerte Verhalten mit nativen Widgets neu aufgebaut. Hover-Zustände und Animationen werden in Elementor neu angewendet. Wenn Sie diese Aufteilung von vornherein kennen, wird die Migration zu einer vorhersehbaren Checkliste statt zu einer Reihe von Überraschungen.
Eine bewährte Reihenfolge für die Migration
- Erstellen Sie den gemeinsamen Header und Footer einmalig.
- Konvertieren Sie die Startseite, dann die wichtigsten Landingpages und danach die inneren Seiten.
- Legen Sie für jede Seite einen Kopierstamm fest, um den Inhalt zu erfassen, fügen Sie ihn ein und korrigieren Sie anschließend interne Links und Bilder.
- Erstellen Sie interaktive Elemente (Slider, Tabs) nativ neu.
- Speichern Sie wiederverwendbare Abschnitte – ein Feature-Raster, ein CTA-Band – während des Vorgehens in der Vorlagenbibliothek, damit spätere Seiten eher zur Montage als zum Neubau werden.
- Richten Sie Weiterleitungen von den alten
.html-URLs auf die neuen ein, damit Sie Ihre Suchmaschinenplatzierungen behalten.
Wenn Sie so vorgehen, ist der Import einer HTML-Website in Elementor ein stetiger, Seite-für-Seite-Prozess mit einer bearbeitbaren WordPress-Website am Ende – kein Neuaufbau und kein Haufen nicht bearbeitbarer Codeblöcke.