{"id":45208,"date":"2019-01-10T16:54:01","date_gmt":"2019-01-10T15:54:01","guid":{"rendered":"https:\/\/strato.de\/blog\/?p=45208"},"modified":"2022-06-20T15:43:57","modified_gmt":"2022-06-20T13:43:57","slug":"website-umzug","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/website-umzug\/","title":{"rendered":"Website-Umzug: So importierst Du Content in Dein WordPress"},"content":{"rendered":"\n

Hast Du eine alte Website und willst k\u00fcnftig mit WordPress<\/a> arbeiten? Diese Beitragsserie zeigt Dir, wie Du den Inhalt anderer Content-Management-Systeme oder statischer HTML-Seiten in WordPress importierst.<\/strong><\/p>\n\n\n\n

Dieser Beitrag setzt voraus, dass Du Dich ein wenig mit HTML auskennst und Englisch verstehst \u2013 denn das ben\u00f6tigte Plugin mit seinen vielen Optionen gibt es nicht auf Deutsch. Ebenfalls wichtig: Es geht nur darum, den Content zu importieren. Das Design bleibt beim Import auf jeden Fall auf der Strecke. Das regelst Du nach dem Import \u00fcber das WordPress-Theme.<\/p>\n\n\n\n

Inhalte in WordPress importieren \u2013 so geht\u2019s \u2026<\/h2>\n\n\n\n

Der grunds\u00e4tzliche Ablauf f\u00fcr den Import einer vorhandenen Website in WordPress setzt sich aus drei bis vier Schritten zusammen:<\/p>\n\n\n\n

  1. Die bestehende Seite auf den Import vorbereiten<\/li>
  2. Export der Website in statische HTML-Dokumente oder Grabben der Website mit HTTrack<\/a>, wenn die alte Website in einem CMS liegt<\/li>
  3. Importieren der HTML-Dokumente mit dem Plugin \u201eHTML Import 2<\/a>\u201c und die Nachbearbeitung: Formatierungen, Design-Anpassungen, Links und Bilder pr\u00fcfen<\/li><\/ol>\n\n\n\n

    Diese ersten drei Schritte wirst Du erfahrungsgem\u00e4\u00df im Trial-and-Error-Verfahren mehrfach durchlaufen, bis es gut klappt. Denn insbesondere die Vorbereitung Deiner Seiten kann recht umfangreich sein. Da passieren leicht Fehler, die Du erst sp\u00e4ter aufgrund eines fehlgeschlagenen Imports erkennst.<\/p>\n\n\n\n

    Wichtigste Voraussetzung: Backups<\/h2>\n\n\n\n

    Wichtigste Voraussetzung deshalb: Lege wie immer zun\u00e4chst sowohl von der alten Website als auch von der neuen WordPress-Installation und -Datenbank ein Backup an, bevor Du Ver\u00e4nderungen vornimmst. Das wird Dir helfen, um nach einem fehlgeschlagenen oder unbefriedigenden Versuch noch einmal von vorne anfangen zu k\u00f6nnen.<\/p>\n\n\n\n

    Wie funktioniert das Plugin?<\/h2>\n\n\n\n

    Zun\u00e4chst ist zu \u201eHTML Import 2<\/a>\u201c anzumerken, dass die im Plugin-Verzeichnis von WordPress gelistete Version veraltet ist und mit den aktuelleren Versionen von PHP 7 nicht funktioniert. Es gibt jedoch eine Weiterentwicklung, mit der es dennoch klappt. Mangels Alternativen arbeiten wir deshalb damit. Lade das Plugin bei Github herunter<\/a> und installiere es in WordPress unter Plugins – Installieren<\/em> mit dem Button Plugin hochladen<\/em> und lade die eben von Github heruntergeladene Zip-Datei hoch.<\/p>\n\n\n\n

    Das Plugin ist in der Lage, statische HTML-Dateien in WordPress zu importieren und wahlweise in Beitr\u00e4ge oder Seiten umzuwandeln. Damit das Plugin die inhaltliche Struktur dieser HTML-Seiten versteht, muss der HTML-Code bestimmte Elemente enthalten. Anhand dieser eindeutigen Tags erkennt das Plugin den eigentlichen Content sowie den Titel eines Beitrags.<\/p>\n\n\n\n

    \"Das
    Das Plugin \u201eHTML Import 2\u201c hilft beim Importieren von Content nach WordPress. <\/figcaption><\/figure>\n\n\n\n

    Der wichtigste Schritt ist deshalb, die alte Website so vorzubereiten, dass das Plugin eine solche Struktur erkennen kann.<\/p>\n\n\n\n

    Vorbereitung<\/h2>\n\n\n\n

    F\u00fcr die Vorbereitungsarbeiten sind zwei Szenarien denkbar: Benutzt die alte Website ein Content Management System (CMS), solltest Du die im Folgenden beschriebenen Anpassungen \u00fcber das Theme oder Template des CMS vornehmen.<\/p>\n\n\n\n

    Liegt die alte Website in Form von statischen HTML-Seiten vor, hilft f\u00fcr die Code-Anpassungen entweder ein seiten\u00fcbergreifendes Suchen und Ersetzen oder Du musst die Seiten im ung\u00fcnstigsten Fall manuell anpassen. Lade f\u00fcr beide F\u00e4lle die HTML-Dateien per SFTP vom Webserver<\/a> auf Deine lokale Festplatte und bearbeite sie dort.<\/p>\n\n\n\n

    Seiten anpassen<\/h2>\n\n\n\n

    Manchmal enth\u00e4lt der HTML-Code Deiner alten Website bereits eindeutige Markierungen f\u00fcr Titel und Content. Ist das der Fall, musst Du hier nat\u00fcrlich nichts anpassen.<\/p>\n\n\n\n

    Sieh\u2018 Dir also den alten Quellcode genau an. Da k\u00f6nnte zum Beispiel ein umfassendes DIV-Element mit id=\u201ccontent\u201c<\/em> sein, das jeweils den Beitragstext umschlie\u00dft.<\/p>\n\n\n\n

    \"Screenshot_Beispiel_Tags\"<\/a>
    HTML-Code-Beispiel f\u00fcr Tags, die Titel und Content umschlie\u00dfen.<\/figcaption><\/figure><\/div>\n\n\n\n

    Wenn so etwas nicht vorhanden ist, musst Du es manuell erg\u00e4nzen.  Eventuell erlaubt das alte CMS das Editieren des Templates, sodass Du diese Elemente lediglich einmal an zentraler Stelle im Template einf\u00fcgen musst.<\/p>\n\n\n\n

    F\u00fcr manuelle Anpassungen im HTML-Code spart seiten\u00fcbergreifendes Suchen-Ersetzen viel Zeit \u2013 ist aber nicht in jeder Situation m\u00f6glich. Hilfreich ist dabei das kostenlose Notepad++<\/a> (Men\u00fc-Option Suchen \u2013 in Dateien suchen)<\/em>.<\/p>\n\n\n\n

    \"Screenshot_Notepad\"<\/a>
    Suchen und Ersetzen datei\u00fcbergreifend mit Notepad++<\/figcaption><\/figure><\/div>\n\n\n\n

    Suchen und Ersetzen<\/h2>\n\n\n\n

    Mache Dich mit den vielf\u00e4ltigen Optionen des Plugins vertraut. Es bietet vielf\u00e4ltige Features, die wir hier vor allem der \u00dcbersichtlichkeit halber nicht im Detail besprechen. Wir konzentrieren uns auf die grundlegende Struktur der zu importierenden HTML-Dateien.<\/p>\n\n\n\n

    Zwingend n\u00f6tig sind HTML-Tags zur Erkennung des Contents und des Titels, also beispielsweise <div id=\u201cmeininhalt\u201c> \u2026 <\/div><\/em> f\u00fcr den Content-Bereich oder <h1> \u2026 <\/h1><\/em> f\u00fcr den Titel der jeweiligen Seite. Welche Tags das sind, spielt keine Rolle. Sie m\u00fcssen nur eindeutig sein und d\u00fcrfen in den zu importierenden HTML-Seiten nicht mehrfach vorkommen.<\/p>\n\n\n\n

    Beim Suchen und Ersetzen musst Du oft kreativ werden. Es lohnt sich aber, ein wenig zu t\u00fcfteln, um die Dateien optimal f\u00fcr den Import vorzubereiten. Backups nicht vergessen! Im Falle eines Fehlers stellst Du damit sehr komfortabel den Zustand vor dem Fehler wieder her.<\/p>\n\n\n\n

    Teil 2: So erzeugst Du statische HTML-Dateien f\u00fcr den Import<\/h2>\n\n\n\n

    Besteht Deine alte Website bereits aus statischen HTML-Seiten, kannst Du diesen Schritt \u00fcberspringen und direkt zum Importieren in Teil 3 \u00fcbergehen. Wahrscheinlich nutzt Du aber auch bisher schon ein Content Management System (CMS), sodass Du statische Seiten daraus erst exportieren oder erzeugen musst.<\/p>\n\n\n\n

    Wichtig: Lege immer zun\u00e4chst ein Backup der alten Website an, sodass Du alles wiederherstellen kannst, wenn in den kommenden Schritten etwas schief laufen sollte.<\/p>\n\n\n\n

    Im einfachsten Fall hat das CMS eine HTML-Export-Funktion. Lies dazu am in der Hilfe-Funktion oder Dokumentation des CMS nach, wie man die Export-Funktion nutzt. Wenn das CMS keinen HTML-Export bietet, musst Du ein wenig tricksen und den Content mit einer Desktop-Software grabben \u2013 also wie mit einem Browser abrufen und lokal speichern.<\/p>\n\n\n\n

    Website grabben mit HTTrack<\/h2>\n\n\n\n

    Das beste Tool daf\u00fcr ist die kostenlose Software HTTrack<\/a>, die es f\u00fcr Windows und Linux gibt. F\u00fcr Mac OSX existiert ein passendes Macport- oder Homebrew-Packages<\/a>.<\/p>\n\n\n\n

    \"Screenshot_HTML_grabben\"
    HTML-Seiten grabben mit HTTrack<\/figcaption><\/figure><\/div>\n\n\n\n

    Die Software ruft die Seiten Deiner alten Website auf wie ein Browser und speichert die dabei erzeugten HTML-Dateien auf Deiner Festplatte. Wie Du eine Website mit HTTrack grabbst, findest Du in der folgenden Kurzanleitung, exemplarisch f\u00fcr Windows.<\/p>\n\n\n\n

    Website grabben mit HTTrack f\u00fcr Windows<\/h2>\n\n\n\n