Eine konvertierte Seite ist strukturell korrekt, aber noch nicht fertig. Wenn Sie jedes Mal dieselbe kurze Checkliste in derselben Reihenfolge durchgehen, vermeiden Sie, bei jedem Projekt dieselben Probleme neu zu entdecken.
0. Sicherheitsbericht lesen (30 Sekunden)
Tun Sie das, bevor Sie irgendetwas einfügen, nicht danach. Die Ergebnisansicht listet alles auf, was während der Konvertierung entfernt oder umgeschrieben wurde – entfernte Skripte, bereinigte Formularaktionen, verworfene Einbettungen, von fixierter auf absolute Positionierung herabgestufte Elemente, Base64-Bilder, die zu leeren Platzhaltern wurden.
Dreißig Sekunden hier verraten Ihnen, was der Rest des Durchgangs umfasst. Eine Seite, bei der nichts entfernt gemeldet wird, braucht eine deutlich kürzere Prüfung als eine, die vier Skripte und zwei Formulare meldet. Das verhindert auch den verschwenderischsten Fehlermodus, den es gibt: zehn Minuten lang zu suchen, warum ein Element falsch aussieht, obwohl eine Zeile im Bericht bereits sagte, dass es umgeschrieben wurde und warum.
1. Zuerst Breakpoints (4 Minuten)
Bevor Sie ein einzelnes Widget anfassen, gehen Sie Desktop, Tablet und Mobil durch. Layoutprobleme lassen sich am günstigsten auf Container-Ebene beheben, und wenn Sie sie zuerst beheben, vermeiden Sie, das Widget-Styling danach erneut anzupassen. Prüfen Sie, dass mehrspaltige Raster einklappen, dass Hero-Höhen sinnvoll sind und dass lange Überschriften nicht unschön umbrechen.
Die Reihenfolge ist wichtiger, als es aussieht. Widget-Styling hängt vom Layout ab – gestalten Sie eine Karte neu und stellen dann fest, dass das Raster auf dem Tablet zweispaltig sein musste, gestalten Sie sie erneut. Zuerst Container, dann Widgets, jedes Mal.
2. Links und Schaltflächen (3 Minuten)
Klicken Sie jeden Call-to-Action an. Extrahierte Blöcke verlieren manchmal einen umschließenden Anker, sodass eine Schaltfläche ohne ihren Link ankommen kann. Setzen Sie dabei auch die Hover-Farben – Hover-Zustände lassen sich nicht aus der Quelle auslesen, und ein nicht gestylter Hover ist das sichtbarste Zeichen einer importierten Seite.
3. Bilder (3 Minuten)
Füllen Sie jeden Platzhalter-Slot. Die Beschriftung jedes Slots sagt Ihnen, was dorthin gehörte. Löschen Sie die Beschriftungen, sobald die Bilder eingesetzt sind, wenn Sie sie nicht anzeigen möchten, und prüfen Sie, dass randlose Kartenbilder weiterhin so beschnitten werden, wie es das Design vorgesehen hat.
4. Icons (1 Minute)
Scannen Sie nach leeren Icon-Steuerelementen. Wenn ein Icon nicht über den Namen zugeordnet werden konnte, wird es bewusst leer gelassen – das ist Ihr Hinweis, das richtige aus der Icon-Auswahl zu wählen, statt mit einer falschen Vermutung zu leben.
5. Integrationen (2 Minuten)
Richten Sie jedes Navigationsmenü-Widget auf ein echtes WordPress-Menü aus. Konfigurieren Sie die Aktionen aller Formular-Widgets – der ursprüngliche Absende-Endpunkt wird absichtlich nicht übernommen.
6. Überschriften und SEO (1 Minute)
Stellen Sie sicher, dass es genau ein H1 gibt und die Überschriftenebenen sinnvoll absteigen. Wenn Sie eine eigenständige Seite in eine Seite importiert haben, die bereits ein H1 hatte, stufen Sie die importierten Überschriften neu ein.
7. Schriften (1 Minute)
Typografie-Werte werden konvertiert – Schriftfamilie, Größe, Stärke, Zeilenhöhe –, aber Schriftdateien nicht. Wenn die Quelle eine selbst gehostete oder lizenzierte Familie verwendete, die Ihre Website nicht hat, tragen die Widgets den korrekten Familiennamen, und der Browser fällt still auf etwas anderes zurück. Das sieht bei einem kurzen Blick meist ähnlich genug aus, um übersehen zu werden.
Öffnen Sie eine Überschrift und einen Absatz und prüfen Sie, ob die Familie tatsächlich aufgelöst wird. Ist das nicht der Fall, installieren Sie die Schrift zuerst auf Ihrer Website – über Elementors Custom Fonts, eine Google-Fonts-Auswahl oder Ihr Theme – und die Typografie stimmt, ohne ein einziges Widget anzufassen.
8. Mit Ihren Globals verbinden (2 Minuten)
Sofern Sie nicht im Site-Farben-Modus konvertiert haben, ist jede Farbe fest codiert angekommen. Die Seite sieht heute richtig aus und wird zur Belastung, sobald sich die Markenfarbe das erste Mal ändert, weil es keinen zentralen Ort gibt, an dem sie geändert werden kann.
Weisen Sie die Hauptfarben und Textstile jetzt Ihren Elementor Global Colors und Global Fonts zu, solange die Seite klein ist und Sie noch wissen, was was ist. Auf einer frischen Seite sind das ein paar Klicks, auf einer Seite, die von drei Personen bearbeitet wurde, ein ganzer Nachmittag.
9. Überreste aufräumen (1 Minute)
Wenn Sie mit beibehaltenen Inline-Styles konvertiert haben, befindet sich möglicherweise oben auf der Seite ein CSS-Block mit dem ursprünglichen Stylesheet. Sobald Sie sicher sind, dass die Widgets ihre eigenen Einstellungen tragen, können Sie ihn in der Regel löschen – prüfen Sie danach das Layout. Entfernen Sie auch jeden leeren Container, der von einem nicht mehr benötigten Wrapper übrig geblieben ist.
Wenn etwas falsch aussieht und Sie nicht erkennen, warum
Beginnen Sie nicht, durch den Baum zu klicken und zu hoffen, es zu finden. Gehen Sie zurück zum Konverter, öffnen Sie die Struktur-Karte und fahren Sie mit der Vorschau über die Stelle, an der das Problem liegt – die passende Zeile im Elementor-Baum wird hervorgehoben und umgekehrt. Das beantwortet „Was ist aus diesem Element tatsächlich geworden?“ in einem Schritt.
Zwei Antworten decken die meisten Fälle ab. Eine rote HTML-Widget-Zeile bedeutet, dass es keine native Entsprechung gab und es daher als rohes Markup erhalten blieb – normalerweise ein benutzerdefiniertes Inline-SVG oder eine ungewöhnliche Einbettung. Wenn überhaupt nichts hervorgehoben wird, war das, was Sie betrachten, nie ein DOM-Element: ein Pseudoelement, ein generiertes Anführungszeichen, eine Verlaufsüberlagerung. Keines davon lässt sich durch das Durchsuchen von Elementor beheben – genau deshalb lohnt es sich, zuerst zu prüfen.
Dann als Vorlage speichern
Wenn die Seite oder ein Abschnitt wiederverwendet wird, speichern Sie sie jetzt in der Vorlagenbibliothek, solange sie sauber ist. Ihr zukünftiges Ich wird dankbar sein – und ein Abschnitt, der vor dem Globals-Durchgang gespeichert wurde, ist ein Abschnitt, den Sie zweimal bereinigen müssen.