{"id":40426,"date":"2021-02-24T17:42:42","date_gmt":"2021-02-24T16:42:42","guid":{"rendered":"https:\/\/kinsta.com\/?p=83776"},"modified":"2023-08-24T12:16:02","modified_gmt":"2023-08-24T11:16:02","slug":"html-zu-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/","title":{"rendered":"HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML"},"content":{"rendered":"<p>Das Hochladen und Konvertieren von HTML zu WordPress wird aus einer Vielzahl von Gr\u00fcnden gemacht. Es kann sein, dass du eine alte, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-vs-statisches-html\/\">statische HTML-Seite<\/a> konvertieren und sie mit dem WordPress Content Management System betreiben m\u00f6chtest. Es gibt auch die M\u00f6glichkeit, dass du einfach nur einen Ort brauchst, um eine HTML-Datei <a href=\"https:\/\/kinsta.com\/de\/docs\/abrechnung\/wordpress-hosting-plaene\/ueberschreitungen\/#disk-space-addon\">zu speichern<\/a> oder zu teilen, und WordPress bietet eine praktikable L\u00f6sung f\u00fcr beide F\u00e4lle.<\/p>\n<p>Die Umstellung von HTML auf WordPress f\u00fchlt sich oft einsch\u00fcchternd oder unproduktiv an. Wir sind hier, um dich durch den Prozess zu f\u00fchren, um sicherzustellen, dass du die Werkzeuge lernst, die du brauchst, um HTML-Dateien zu konvertieren und eine Konvertierung selbst\u00e4ndig durchzuf\u00fchren.<\/p>\n<p>HTML ist eine einfache Auszeichnungssprache, und WordPress ist, obwohl es m\u00e4chtig und <a href=\"https:\/\/kinsta.com\/de\/blog\/warum-wordpress\/\">voller Funktionen<\/a> ist, ziemlich einfach und intuitiv. Daher sollte sich die Konvertierung zwischen HTML und WordPress auch nicht wie eine l\u00e4stige Pflicht anf\u00fchlen.<\/p>\n<p>Lies weiter, um mehr \u00fcber die Konvertierung von HTML-Grundlagen zu WordPress zu erfahren, zusammen mit den realen Situationen, in denen du einen solchen Schritt in Betracht ziehen kannst.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Hauptgr\u00fcnde f\u00fcr das Hochladen oder Konvertieren von HTML in WordPress<\/h2>\n<p>Wenn du dich fragst, warum du \u00fcberhaupt HTML zu WordPress konvertieren oder hochladen sollst, dann schau dir die folgenden Beispiele an, um die Gr\u00fcnde f\u00fcr die Durchf\u00fchrung einer solchen Aufgabe zu verstehen.<\/p>\n<ul>\n<li>Konvertiere eine alte HTML-Website, damit sie auf dem WordPress-System l\u00e4uft. Vielleicht ist das alte Design eines deiner Lieblingsdesigns oder du willst dir einfach nicht die Arbeit eines Redesigns machen. Das ist auch wichtig, um dein <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-site-beispiele\/\">Markenimage<\/a> zu bewahren.<\/li>\n<li>Konvertiere eine einzelne HTML-Webseite oder einen Blogbeitrag und ver\u00f6ffentliche ihn auf deiner aktuellen WordPress-Seite. Dies ist besonders n\u00fctzlich, wenn dein aktuelles Theme kein benutzerdefiniertes Seitenlayout hat, das du m\u00f6chtest.<\/li>\n<li>Wandle eine HTML-Webseitenvorlage in ein Theme-Format um, das auf WordPress installiert werden kann.<\/li>\n<li>Lade eine HTML-Verifizierungsdatei hoch, die einer Suchmaschine oder einem anderen Dienst die Rechte an deiner Website nachweist.<\/li>\n<li>Speichere eine HTML-Datei auf deiner Website zur sp\u00e4teren Verwendung.<\/li>\n<li>Erstelle einen Link zu dieser Datei, damit du sie weitergeben kannst oder die Nutzer die Datei auf ihren eigenen Computer herunterladen k\u00f6nnen.<\/li>\n<li>Erstelle eine HTML-Designkomponente auf einer WordPress-Seite oder einem Beitrag, wie z.B. eine benutzerdefinierte Autorenbox oder ein <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-registrierungsformularen\/\">E-Mail-Anmeldeformular<\/a>.<\/li>\n<li>Passe dein WordPress-Theme mit einem HTML-Webseitendesign an, das du online gefunden hast, auf das du aber keinen Zugriff hast.<\/li>\n<\/ul>\n<p>Wie du sehen kannst, variieren die Gr\u00fcnde f\u00fcr das Hinzuf\u00fcgen einer HTML-Datei zu WordPress je nach deinen Zielen. Manchmal ist der Prozess recht einfach, wie z.B. das Hochladen einer HTML-Datei zu einem WordPress-Blogpost oder einer Seite. In anderen F\u00e4llen ist es ein langwieriger Prozess, eine ganze HTML-Website zu konvertieren, mit Dutzenden von Dateien und Nebenaufgaben, die erledigt werden m\u00fcssen, wie z.B. das \u00dcbertragen des Website-Inhalts zusammen mit dem HTML.<\/p>\n<p>In diesem Leitfaden zum Konvertieren und Hochladen von HTML in WordPress beginnen wir mit den Grundlagen (wie man eine HTML-Datei in WordPress hochl\u00e4dt), dann gehen wir auf die detaillierteren Anforderungen f\u00fcr das Duplizieren oder Konvertieren kompletter HTML-Webseiten ein, damit sie im WordPress-System funktionieren.<\/p>\n<p>Zum Schluss werden wir \u00fcber die Vor- und Nachteile von automatisierten HTML-Konvertern sprechen und welche Tools es auf dem Markt gibt.<\/p>\n<p>Lies weiter, um mit deinem ersten HTML zu WordPress Upload oder deiner ersten Konvertierung loszulegen!<\/p>\n\n<h2>Wie man eine HTML Datei in WordPress hochl\u00e4dt<\/h2>\n<p>Der erste Schritt, um zu lernen, wie man eine HTML-Datei in eine WordPress-Seite oder eine komplette Website verwandelt, ist zu sehen, wie der HTML-Datei-Upload-Prozess funktioniert.<\/p>\n<p>In dieser <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-ein-html-datei-in-wordpress-hochladt\/\">Anleitung erf\u00e4hrst du, wie du eine HTML-Datei in WordPress hochl\u00e4dst<\/a>.<\/p>\n<p>Im Folgenden geben wir dir eine kurze Zusammenfassung dieses Prozesses, um sicherzustellen, dass du auf dem richtigen Weg bist, wenn wir weiter unten in diesem Artikel zu anderen Schritten \u00fcbergehen.<\/p>\n<p>Es gibt drei Methoden, um eine HTML-Datei in WordPress hochzuladen:<\/p>\n<ol>\n<li>\u00dcber das WordPress Dashboard.<\/li>\n<li>Mit einem FTP-Client.<\/li>\n<li>Mit cPanel.<\/li>\n<\/ol>\n<p>Das Hochladen einer HTML-Datei in das <a href=\"https:\/\/kinsta.com\/de\/blog\/benutzerdefiniertes-wordpress-dashboard\/\">WordPress-Dashboard<\/a> wird in der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-medienbibliothek\/\">Medienbibliothek<\/a> durchgef\u00fchrt. Wir werden einige der Wege in den folgenden Tutorials abdecken, aber denke daran, dass das Hochladen einer Datei \u00fcber das WordPress Dashboard auf einer Seite, einem Beitrag oder direkt \u00fcber die Medienbibliothek erfolgen kann.<\/p>\n<p>Ein <a href=\"https:\/\/kinsta.com\/de\/blog\/besten-ftp-clients\/\">FTP-Client<\/a> (wie z.B. <a href=\"https:\/\/kinsta.com\/de\/blog\/zeige-versteckte-dateien-filezilla\/\">FileZilla<\/a>) verlinkt auf die Live-Dateien deiner WordPress Seite, zusammen mit den Dateien auf deinem Computer. Dies erm\u00f6glicht es dir, lokale Dateien auf die gehosteten Dateien der Seite zu \u00fcbertragen, solange du dich mit deinen <a href=\"https:\/\/kinsta.com\/de\/blog\/verwendest-sftp-verbindung-wordpress-herzustellen\/\">SFTP-Hosting-Zugangsdaten<\/a> in den FTP-Client einloggst.<\/p>\n<p>Schlie\u00dflich bietet ein <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-cpanel\/\">Hosting cPanel<\/a> Zugriff auf einen <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-download-manager\/\">Online-Dateimanager<\/a>. Er funktioniert \u00e4hnlich wie ein FTP-Client und gibt dir die Kontrolle \u00fcber die gleichen Dateien. Der Hauptunterschied ist, dass das cPanel eine Online-Web-App ist und du deine Dateien in das cPanel hochladen musst, anstatt sie sofort von einer lokalen Umgebung auf eine Live-Site in einem FTP-Client zu \u00fcbertragen.<\/p>\n<p>Jede Methode hat ihre Vor- und Nachteile. Kinsta Hosting bietet kein cPanel an, daher ist es am besten, wenn du kleinere HTML-Dateien, die du speichern oder teilen m\u00f6chtest, \u00fcber das WordPress-Dashboard hochl\u00e4dst.<\/p>\n<p>Ein FTP\/SFTP-Client ist die gew\u00e4hlte Methode, um aus einer statischen HTML-Website eine komplett neue Website zu erstellen. Der Grund daf\u00fcr ist, dass ein FTP\/SFTP Client eine unglaubliche Menge an Kontrolle \u00fcber die Dateien deiner Website bietet und alles von Mediendateien bis hin zu HTML-Ordnern direkt von deinem Computer \u00fcbertragen kann.<\/p>\n<h2>Wie man HTML Code zu einer WordPress Seite oder einem Beitrag hinzuf\u00fcgt<\/h2>\n<p>Es gibt ein paar Methoden, um eine HTML-Datei direkt in einen WordPress-Beitrag oder eine Seite hochzuladen. Die erste ist der Prozess des eigentlichen Hochladens einer HTML zip oder TXT Datei als Medienelement. Diese Methode funktioniert \u00e4hnlich wie das Hochladen eines Bildes in den Medienmanager, nur dass du es \u00fcber eine Seite oder einen Beitrag machst und es sich um eine HTML-Datei und nicht um ein Foto handelt.<\/p>\n<p>Du kannst diese Methode vervollst\u00e4ndigen, indem du einen Link einf\u00fcgst, \u00fcber den die HTML-Datei heruntergeladen werden kann, oder du kannst die Datei selbst im Backend deiner Seite aufrufen.<\/p>\n<p>Eine andere M\u00f6glichkeit ist das Einf\u00fcgen eines HTML-Blocks in eine Seite oder einen Beitrag, um einige Designelemente hinzuzuf\u00fcgen. Du k\u00f6nntest zum Beispiel ein Anmeldeformular speziell f\u00fcr diese Seite erstellt haben, das du mit einem kleinen HTML-Block einf\u00fcgen m\u00f6chtest.<\/p>\n<p>Beide Methoden haben unterschiedliche Zwecke und Prozesse, um das Endergebnis zu erreichen.<\/p>\n<p>Um eine HTML-Datei in einen Beitrag oder eine Seite hochzuladen, befolge diese Schritte.<\/p>\n<p>Gehe im WordPress Dashboard auf <strong>Seiten &gt; Alle Seiten<\/strong>. Wenn du mit einer leeren Seite beginnen m\u00f6chtest, gehe auf <strong>Seiten &gt; Neu hinzuf\u00fcgen<\/strong>.<\/p>\n<figure id=\"attachment_84338\" aria-describedby=\"caption-attachment-84338\" style=\"width: 934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84338 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/pages-all.png\" alt=\"Hinzuf\u00fcgen neuer Seiten in WordPress\" width=\"934\" height=\"441\"><figcaption id=\"caption-attachment-84338\" class=\"wp-caption-text\">Hinzuf\u00fcgen neuer Seiten in WordPress<\/figcaption><\/figure>\n<p>W\u00e4hle die Seite aus, auf die du die HTML-Datei hochladen m\u00f6chtest. Du kannst auch auf die Schaltfl\u00e4che <strong>Neu hinzuf\u00fcgen<\/strong> klicken, wenn du eine ganz neue Seite erstellst.<\/p>\n<p>Diese Schritte sind praktisch die gleichen wie beim Hinzuf\u00fcgen von HTML-Dateien zu WordPress-Beitr\u00e4gen. Wir gehen einfach durch, wie man es mit einer WordPress Seite macht. Wenn du stattdessen einen Beitrag verwenden m\u00f6chtest, gehe auf <strong>Beitr\u00e4ge &gt; Alle Beitr\u00e4ge oder Beitr\u00e4ge &gt; Neu hinzuf\u00fcgen<\/strong>.<\/p>\n<figure id=\"attachment_84337\" aria-describedby=\"caption-attachment-84337\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84337 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/about-us.png\" alt=\"\u00dcber uns Seite in WordPress\" width=\"1000\" height=\"690\"><figcaption id=\"caption-attachment-84337\" class=\"wp-caption-text\">\u00dcber uns Seite in WordPress<\/figcaption><\/figure>\n<p>Dieser Teil h\u00e4ngt davon ab, ob du den Gutenberg Block Editor oder den klassischen WordPress Editor verwendest.<\/p>\n<p>In Gutenberg findest du die Schaltfl\u00e4che mit dem <strong>+<\/strong> Zeichen und klickst darauf, um nach einem neuen visuellen Baustein zu suchen. Suche nach dem <strong>Dateiblock<\/strong>, den du entweder in das Suchfeld eintippen oder durch die Liste der Bl\u00f6cke scrollen kannst, um ihn zu finden.<\/p>\n<p>W\u00e4hle den Dateiblock aus, um ihn auf deiner Seite oder in deinem Beitrag zu platzieren.<\/p>\n<p><strong>Hinweis<\/strong>: Wenn du den klassischen WordPress-Editor verwendest, klicke einfach auf die Schaltfl\u00e4che <strong>Medien hinzuf\u00fcgen<\/strong> und lade deine HTML-Datei damit hoch. Es wird ein Link zu deiner Datei erstellt, den die Nutzer auf dem Frontend deiner Seite herunterladen k\u00f6nnen.<\/p>\n<figure id=\"attachment_84336\" aria-describedby=\"caption-attachment-84336\" style=\"width: 1073px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84336 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/file-block.png\" alt=\"Hinzuf\u00fcgen eines 'File' Moduls in WordPress\" width=\"1073\" height=\"676\"><figcaption id=\"caption-attachment-84336\" class=\"wp-caption-text\">Hinzuf\u00fcgen eines &#8218;File&#8216; Moduls in WordPress<\/figcaption><\/figure>\n<p>F\u00fcr den Gutenberg-Block sollte das <strong>Datei-<\/strong>Modul einen <strong>Upload<\/strong>-Button anzeigen. Klicke auf den <strong>Upload<\/strong>-Button und suche die gew\u00fcnschte HTML-Datei auf deinem Computer. Diese sind normalerweise als TXT-Dateien, Sammlungen von TXT-Dateien in einem Ordner oder in ZIP-Dateien gespeichert.<\/p>\n<p>Sobald sie auf deine Website hochgeladen ist, wird die Datei als Link angezeigt. Jeder Nutzer kann nun auf deine Webseite kommen und auf den Link von dieser Seite oder diesem Beitrag klicken, um die HTML-Datei zu sehen und sie sogar auf seinen eigenen Computer herunterzuladen.<\/p>\n<p>Au\u00dferdem wird die Datei in deiner Mediathek gespeichert, so dass du jederzeit die URL der Datei abrufen und sie an einem anderen Ort platzieren kannst. Du kannst WordPress auch nur als Speicherort f\u00fcr die Datei verwenden.<\/p>\n<p>Wenn du die Datei nur in WordPress speichern willst und keinen Download-Link f\u00fcr alle deine Nutzer haben willst, l\u00f6schst du einfach den Link, der auf der Seite oder im Beitrag erstellt wurde.<\/p>\n<figure id=\"attachment_84335\" aria-describedby=\"caption-attachment-84335\" style=\"width: 907px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84335 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/upload-button-2.png\" alt=\"'Upload'-Button unter dem 'Dateien'-Block in WordPress\" width=\"907\" height=\"442\"><figcaption id=\"caption-attachment-84335\" class=\"wp-caption-text\">&#8218;Upload&#8216;-Button unter dem &#8218;Dateien&#8216;-Block in WordPress<\/figcaption><\/figure>\n<p>Es kann sein, dass du einen Fehler siehst, der dir sagt, dass der Dateityp aus Sicherheitsgr\u00fcnden nicht erlaubt ist. Das ist ziemlich h\u00e4ufig der Fall, also wirf <a href=\"https:\/\/kinsta.com\/de\/blog\/sorry-this-file-type-is-not-permitted-for-security-reasons\/\">einen Blick auf diese Anleitung, um diesen Fehler zu entfernen<\/a> und die meisten Dateitypen in deiner WordPress-Mediathek zu erlauben. Insgesamt beinhaltet der Prozess entweder die Bearbeitung deiner <strong>wp-config.php<\/strong> Datei oder die Verwendung eines Plugins, um den Fehler zu beseitigen.<\/p>\n<figure id=\"attachment_84334\" aria-describedby=\"caption-attachment-84334\" style=\"width: 927px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84334 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/error-card.png\" alt=\"Ung\u00fcltiger Dateityp-Fehler in WordPress\" width=\"927\" height=\"511\"><figcaption id=\"caption-attachment-84334\" class=\"wp-caption-text\">Ung\u00fcltiger Dateityp-Fehler in WordPress<\/figcaption><\/figure>\n<h3>HTML Code zum Design deiner Seite oder deines Beitrags hinzuf\u00fcgen<\/h3>\n<p>Wie bereits erw\u00e4hnt, ist einer der Gr\u00fcnde, warum du eine HTML-Datei zu einer Seite oder einem Beitrag hinzuf\u00fcgen m\u00f6chtest, dass du ein einfaches Design auf dieser Seite oder diesem Beitrag rendern m\u00f6chtest.<\/p>\n<p>Die vorherige Methode ist eher daf\u00fcr gedacht, HTML-Dateien in WordPress zu speichern und einen Link hinzuzuf\u00fcgen, damit die Leute sie herunterladen k\u00f6nnen.<\/p>\n<p>Dies ist eine funktionellere L\u00f6sung, da du die M\u00f6glichkeit hast, deinen eigenen HTML-Code f\u00fcr Dinge wie Formulare, Autorenboxen, Banner und mehr zu kopieren und einzuf\u00fcgen.<\/p>\n<p>Gehe auf die Seite oder den Beitrag deiner Wahl und w\u00e4hle den Bereich, in dem du den HTML-Code platzieren m\u00f6chtest.<\/p>\n<p>Klicke auf das <strong>+<\/strong> Zeichen, um die Auswahl der Bl\u00f6cke zu sehen. Finde den Custom HTML-Block, indem du ihn entweder in das Suchfeld eingibst oder durch die Liste der Bl\u00f6cke scrollst.<\/p>\n<p>W\u00e4hle den benutzerdefinierten HTML-Block aus, um ihn in die Seite oder den Beitrag einzuf\u00fcgen.<\/p>\n<figure id=\"attachment_84341\" aria-describedby=\"caption-attachment-84341\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84341 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/html-module.png\" alt=\"Hinzuf\u00fcgen eines 'Custom HTML' Blocks in Gutenberg\u2003\" width=\"1060\" height=\"688\"><figcaption id=\"caption-attachment-84341\" class=\"wp-caption-text\">Hinzuf\u00fcgen eines &#8218;Custom HTML&#8216; Blocks in Gutenberg<\/figcaption><\/figure>\n<p>Dieser Block bietet ein einfaches, leeres Codefeld, in das du jeden HTML-Code einf\u00fcgen oder eingeben kannst, den du zur Verf\u00fcgung hast.<\/p>\n<p>F\u00fcr dieses Tutorial werde ich ein einfaches Kontaktformular mit einem E-Mail-Feld und einem Submit-Button einf\u00fcgen.<\/p>\n<p>Sobald du den HTML-Code in den Block eingef\u00fcgt hast, klicke auf die Schaltfl\u00e4che Aktualisieren oder Ver\u00f6ffentlichen, damit er im Frontend deiner Seite oder deines Beitrags angezeigt wird.<\/p>\n<figure id=\"attachment_84340\" aria-describedby=\"caption-attachment-84340\" style=\"width: 973px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84340 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/free-form-html.png\" alt=\"HTML zu WordPress Modul\" width=\"973\" height=\"517\"><figcaption id=\"caption-attachment-84340\" class=\"wp-caption-text\">HTML zu WordPress Modul<\/figcaption><\/figure>\n<p>Wenn du auf das Frontend der Seite oder des Beitrags gehst, sollte das HTML seine Arbeit tun und das Design oder die Funktionalit\u00e4t offenbaren, die du versucht hast, dem Layout hinzuzuf\u00fcgen.<\/p>\n<p>In diesem Fall kannst du das Formular sehen, in dem ich nach einer E-Mail frage und auch einen Submit-Button habe.<\/p>\n<figure id=\"attachment_84339\" aria-describedby=\"caption-attachment-84339\" style=\"width: 906px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84339 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/simple-form-on-frontend.png\" alt=\"Die Frontend-Ansicht des Formulars\" width=\"906\" height=\"807\"><figcaption id=\"caption-attachment-84339\" class=\"wp-caption-text\">Die Frontend-Ansicht des Formulars<\/figcaption><\/figure>\n<p>Der Prozess und das Ergebnis sind im klassischen WordPress-Editor nicht viel anders, au\u00dfer dass du keinen Gutenberg-Block per Drag-and-Drop einf\u00fcgst. Stattdessen navigierst du zum Text-Tab in deinem Editor (anstelle des Visual-Tabs) und f\u00fcgst den HTML-Code dort ein, wo du ihn auf der Seite haben m\u00f6chtest.<\/p>\n<h2>Wie man eine HTML-\u00dcberpr\u00fcfungsdatei in WordPress hochl\u00e4dt<\/h2>\n<p>Ein weiterer Grund, warum du HTML in WordPress hochladen m\u00f6chtest, ist die Optimierung f\u00fcr die Suche. Google und einige andere Suchmaschinen bieten Konsolen und Webmaster-Tools an, mit denen du die Leistung deiner Seite einsehen und deine Inhalte mit Hilfe von Analysen und Berichten optimieren kannst, die Probleme und deren Behebung aufzeigen.<\/p>\n<p>Allerdings kann Google nicht davon ausgehen, dass du der Besitzer einer beliebigen Webseite bist, nur weil du behauptest, dass du es bist. An dieser Stelle kommt eine HTML-Verifizierungsdatei ins Spiel.<\/p>\n<p>Einfach ausgedr\u00fcckt: Google stellt eine HTML-Datei zur Verf\u00fcgung, die du auf deine Website hochladen musst. Nur der Eigent\u00fcmer der Website sollte Zugriff auf die Website-Dateien haben, so dass Google dies als eine M\u00f6glichkeit nutzt, um sicherzustellen, dass du nicht versuchst, die Webmaster-Tools von jemand anderem zu kontrollieren.<\/p>\n<p>Die hochgeladene HTML-Verifizierungsdatei sendet dann eine Nachricht an Google, die anzeigt, dass die Datei zu dieser Domain hinzugef\u00fcgt wurde und dass du tats\u00e4chlich der Eigent\u00fcmer bist.<\/p>\n<p>Es ist klug, sich \u00fcber das Hochladen einer HTML-Verifizierungsdatei zu informieren, da Google und die Suchmaschinen nicht die einzigen Dienste sind, die dich bitten, deine Identit\u00e4t oder Eigent\u00fcmerschaft mit solchen Dateien zu verifizieren. Einige Plugins, Verzeichnisse und Plugins von Drittanbietern wollen ebenfalls sicherstellen, dass du kein Unbefugter bist.<\/p>\n<h3>Gr\u00fcnde f\u00fcr das Hochladen einer HTML-Verifizierungsdatei<\/h3>\n<ul>\n<li>Zum Nachweis, dass du eine Webseite f\u00fcr Suchmaschinenoptimierungs-Tools besitzt.<\/li>\n<li>Beim Nachweis der Eigent\u00fcmerschaft f\u00fcr bestimmte Online-Verzeichnisse.<\/li>\n<li>Wenn du auf eine Integration oder ein Plugin eines Drittanbieters verlinken musst, musst du herausfinden, ob du tats\u00e4chlich der Eigent\u00fcmer deiner Seite bist.<\/li>\n<\/ul>\n<p>Wie du sehen kannst, kann diese HTML-Datei aus verschiedenen Quellen stammen. Du musst in der Regel nichts \u00fcber den Inhalt der HTML-Datei wissen, sondern nur, dass sie dazu verwendet wird, den Pingback an den Dienst zu senden, um zu zeigen, dass du die Kontrolle \u00fcber die Site-Dateien hast.<\/p>\n<p>In unserer Demonstration des Hochladens einer HTML-Verifizierungsdatei in WordPress werden wir die Google Search Console einbeziehen, da dies einer der h\u00e4ufigsten Gr\u00fcnde f\u00fcr die Verwendung einer Verifizierungsdatei ist.<\/p>\n<p>Um zu beginnen, registriere deine Webseite bei Google. Dies geschieht, indem du zum <a href=\"https:\/\/kinsta.com\/de\/blog\/google-search-console\/\">Google Search Console Tool<\/a> gehst. Klicke auf die Schaltfl\u00e4che Jetzt starten und logge dich entweder in dein Google-Konto ein oder registriere ein Konto bei Google.<\/p>\n<figure id=\"attachment_83781\" aria-describedby=\"caption-attachment-83781\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83781 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/click-the-start-now-button.png\" alt=\"Klicke auf 'Jetzt starten' in der Google Search Console\" width=\"900\" height=\"730\"><figcaption id=\"caption-attachment-83781\" class=\"wp-caption-text\">Klicke auf &#8218;Jetzt starten&#8216; in der Google Search Console<\/figcaption><\/figure>\n<p>Sobald du in der Google Search Console eingeloggt bist, siehst du vielleicht eine Liste mit Eigenschaften, die du in der Vergangenheit entweder verwaltet oder getestet hast. Andererseits kann es auch sein, dass du eine leere Liste siehst.<\/p>\n<p>Wie auch immer, gehe auf den Search Property Tab in der oberen linken Ecke des Dashboards.<\/p>\n<p>W\u00e4hle im Dropdown-Men\u00fc die Option <a href=\"https:\/\/kinsta.com\/de\/blog\/google-search-console\/#step-4--add-your-domain\">Add Property<\/a>, um fortzufahren. Dies erm\u00f6glicht es dir, deine Webseite als verwaltete Eigenschaft in der Google Search Console hinzuzuf\u00fcgen.<\/p>\n<figure id=\"attachment_83785\" aria-describedby=\"caption-attachment-83785\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83785 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/add-property.png\" alt=\"Hinzuf\u00fcgen einer Eigenschaft in der Google Search Console\" width=\"900\" height=\"458\"><figcaption id=\"caption-attachment-83785\" class=\"wp-caption-text\">Hinzuf\u00fcgen einer Eigenschaft in der Google Search Console<\/figcaption><\/figure>\n<p>Das n\u00e4chste Popup-Fenster fordert dich auf, einen Eigenschaftstyp auszuw\u00e4hlen. Die Option Domain erlaubt es dir, alle URLs \u00fcber alle Subdomains hinweg zu verifizieren. Dies ist oft der einfachste Weg, eine Seite zu verifizieren, aber es erfordert eine DNS-Verifizierung &#8211; die du in deinem Hosting-Account findest.<\/p>\n<p>Da es hier aber um den Upload von HTML-Dateien geht, werden wir uns mit der URL-Pr\u00e4fix-Option besch\u00e4ftigen, die eine \u00e4ltere, aber immer noch zuverl\u00e4ssige Methode ist, um zu verifizieren, dass du eine Website besitzt. Au\u00dferdem hilft diese Methode dabei, bestimmte URLs unter der von dir eingegebenen Adresse zu identifizieren.<\/p>\n<p>Nimm also die URL von deiner Website und f\u00fcge sie in das <strong>URL-Pr\u00e4fix<\/strong>-Feld ein.<\/p>\n<p>Klicke auf die Schaltfl\u00e4che <strong>Weiter<\/strong>.<\/p>\n<figure id=\"attachment_83783\" aria-describedby=\"caption-attachment-83783\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83783 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/url-prefix.png\" alt=\"Eingabe der Seiten-URL in GSC\" width=\"900\" height=\"620\"><figcaption id=\"caption-attachment-83783\" class=\"wp-caption-text\">Eingabe der Seiten-URL in GSC<\/figcaption><\/figure>\n<p>Jetzt fordert die Google Search Console dich auf, die Eigent\u00fcmerschaft der Website zu verifizieren.<\/p>\n<p>Es gibt mehrere andere Verifizierungsmethoden, aber dies ist diejenige, die einen HTML-Datei-Upload verwendet.<\/p>\n<p>Klicke auf den Button, der dich auffordert, die Datei herunterzuladen.<\/p>\n<p>Speichere diese HTML-Datei auf deinem Computer in einem Ordner, den du dir merken kannst.<\/p>\n<p>Im n\u00e4chsten Schritt l\u00e4dst du die Datei auf die WordPress Webseite hoch, die du zuvor in die Google Search Console eingef\u00fcgt hast.<\/p>\n<figure id=\"attachment_83782\" aria-describedby=\"caption-attachment-83782\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83782 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/download-the-file.png\" alt=\"\u00dcberpr\u00fcfe den Besitz der Seite im GSC\" width=\"900\" height=\"706\"><figcaption id=\"caption-attachment-83782\" class=\"wp-caption-text\">\u00dcberpr\u00fcfe den Besitz der Seite im GSC<\/figcaption><\/figure>\n<p>Wie bereits erw\u00e4hnt, <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-ein-html-datei-in-wordpress-hochladt\/\">gibt es drei M\u00f6glichkeiten, eine HTML-Datei in WordPress hochzuladen<\/a>.<\/p>\n<p>Die erste Methode, das Hochladen \u00fcber das Dashboard, ist definitiv eine praktikable Option. Viele Leute schrecken immer noch zur\u00fcck, wenn ein h\u00e4ufiger Fehler beim Hochladen einer HTML-Datei in die Mediathek auftaucht. Aus diesem Grund ist es oft schneller, deine Uploads mit einem FTP-Client durchzuf\u00fchren. Wenn du jedoch einen Upload in das WordPress Dashboard planst und die Fehlermeldung &#8222;Sorry, This File Type is Not Permitted&#8220; siehst, kannst du mit <a href=\"https:\/\/kinsta.com\/de\/blog\/sorry-this-file-type-is-not-permitted-for-security-reasons\/\">dieser Anleitung das Problem beheben<\/a>.<\/p>\n<p>Jetzt hast du die anderen beiden L\u00f6sungen: die Verwendung eines FTP\/SFTP-Clients oder das Hochladen in das cPanel deines Hosting-Accounts.<\/p>\n<p>Das cPanel ist bei manchen Hostern keine schlechte Wahl, aber auch hier gilt: Kinsta bietet kein cPanel an. Daher werden wir uns haupts\u00e4chlich auf das Hochladen der HTML-Datei \u00fcber einen FTP\/SFTP-Client konzentrieren. Die detaillierten Schritte sind in dem oben verlinkten Artikel beschrieben, aber hier ist eine kurze Zusammenfassung, um dich auf deinem Weg zu begleiten.<\/p>\n<p>Um zu beginnen, lade <a href=\"https:\/\/filezilla-project.org\/\">FileZilla<\/a> auf deinen Computer herunter. Du kannst auch andere <a href=\"https:\/\/kinsta.com\/de\/blog\/besten-ftp-clients\/\">FTP\/SFTP-Clients<\/a> ausprobieren.<\/p>\n<p><strong>Hinweis<\/strong>: Wir empfehlen dir, vor diesem Prozess ein Backup deiner Webseite zu erstellen. Es ist ungew\u00f6hnlich, dass beim \u00dcbertragen von Dateien per FTP\/SFTP Probleme mit der Website entstehen, aber es ist durchaus m\u00f6glich. Du willst nicht, dass deine Seite abst\u00fcrzt oder Daten verloren gehen, also erstelle eine <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-backups\/#external-backups-addon\">Backup-Site-Datei<\/a>.<\/p>\n<p>\u00d6ffne den FTP\/SFTP-Client und gib deine FTP\/SFTP-Anmeldedaten ein, um dich mit dem Webhost zu verbinden.<\/p>\n<figure id=\"attachment_84166\" aria-describedby=\"caption-attachment-84166\" style=\"width: 1266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84166 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creds.png\" alt=\"Gib deine SFTP-Anmeldedaten in Filezilla ein\" width=\"1266\" height=\"899\"><figcaption id=\"caption-attachment-84166\" class=\"wp-caption-text\">Gib deine SFTP-Anmeldedaten in Filezilla ein<\/figcaption><\/figure>\n<p>Zu den erforderlichen Nachweisen geh\u00f6ren die folgenden:<\/p>\n<ul>\n<li>Host<\/li>\n<li>Benutzername<\/li>\n<li>Passwort<\/li>\n<li>Port<\/li>\n<\/ul>\n<p>Wo findest du die Anmeldedaten f\u00fcr deine WordPress Seite?<\/p>\n<p>Sie befinden sich in der Regel in deinem Hosting-Dashboard, du kannst dich also entweder an deinen Hoster wenden oder sie selbst suchen.<\/p>\n<p>Bei Kinsta findest du die FTP\/SFTP-Credentials ganz einfach, indem du in deinem Kinsta-Hosting-Panel auf den Reiter Seiten gehst und deine gew\u00fcnschte Webseite ausw\u00e4hlst.<br \/>\nUnter dem Reiter Info suchst du den Bereich SFTP\/SSH. Kopiere die entsprechenden Anmeldedaten in den FTP\/SFTP-Client.<\/p>\n<p>Du kannst zum Beispiel die Elemente Host, Benutzername, Passwort und Port in Kinsta sehen.<\/p>\n<figure id=\"attachment_46885\" aria-describedby=\"caption-attachment-46885\" style=\"width: 2560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-46885 size-full\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/mykinsta-sftpssh-data.png\" alt=\"SFTP-Zugangsdaten unter dem MyKinsta Dashboard\" width=\"2560\" height=\"1600\" srcset=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/mykinsta-sftpssh-data.png 2560w, https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/mykinsta-sftpssh-data-300x188.png 300w, https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/mykinsta-sftpssh-data-1024x640.png 1024w, https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/mykinsta-sftpssh-data-768x480.png 768w, https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/mykinsta-sftpssh-data-1536x960.png 1536w, https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/mykinsta-sftpssh-data-2048x1280.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><figcaption id=\"caption-attachment-46885\" class=\"wp-caption-text\">SFTP-Zugangsdaten unter dem MyKinsta Dashboard<\/figcaption><\/figure>\n<p>F\u00fcge diese Elemente in den FTP\/SFTP Client ein und klicke auf den Quickconnect Button.<\/p>\n<p>Wenn du eine Fehlermeldung siehst, liegt es h\u00f6chstwahrscheinlich daran, dass FileZilla standardm\u00e4\u00dfig das FTP-Protokoll und nicht das SFTP-Protokoll verwendet. Um das zu beheben, gehe zu <strong>Datei &gt; Webseiten Manager.<\/strong> F\u00fcge eine neue Webseite in FileZilla hinzu und w\u00e4hle SFTP. F\u00fcge die Anmeldedaten des Hosts in diesen Bereich ein und versuche erneut, dich zu verbinden.<\/p>\n<figure id=\"attachment_88607\" aria-describedby=\"caption-attachment-88607\" style=\"width: 1204px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88607 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/the-site-manager.png\" alt=\"Der Website Manager f\u00fcr HTML zu WordPress\" width=\"1204\" height=\"797\"><figcaption id=\"caption-attachment-88607\" class=\"wp-caption-text\">Der Website Manager f\u00fcr HTML zu WordPress<\/figcaption><\/figure>\n<p>Nachdem du dich mit deinem Host verbunden hast, erscheinen alle Dateien deiner WordPress Seite zur Bearbeitung.<\/p>\n<figure id=\"attachment_88605\" aria-describedby=\"caption-attachment-88605\" style=\"width: 1215px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88605 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/see-the-new-site-files.png\" alt=\"Gib deine Anmeldedaten ein, um die Dateien der neuen Webseite zu sehen\" width=\"1215\" height=\"805\"><figcaption id=\"caption-attachment-88605\" class=\"wp-caption-text\">Gib deine Anmeldedaten ein, um die Dateien der neuen Webseite zu sehen<\/figcaption><\/figure>\n<p>Finde das Stammverzeichnis deiner Webseite, das Ordner wie <strong>wp-content<\/strong> und <strong>wp-admin<\/strong> enth\u00e4lt.<\/p>\n<figure id=\"attachment_88606\" aria-describedby=\"caption-attachment-88606\" style=\"width: 1225px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88606 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/the-root.png\" alt=\"Finde den Stammordner deiner Webseite.\" width=\"1225\" height=\"803\"><figcaption id=\"caption-attachment-88606\" class=\"wp-caption-text\">Finde den Stammordner deiner Webseite.<\/figcaption><\/figure>\n<p>Finde die HTML-Verifizierungsdatei (in diesem Fall habe ich sie umbenannt, um sie leichter zu finden) unter dem Bereich, der die Dateien deines Computers anzeigt. Du k\u00f6nntest es z.B. unter <strong>Downloads<\/strong> sehen, wenn deine Internet-Downloads dorthin gehen.<\/p>\n<p>Ziehe die Datei in den Stammordner deiner Webseite. Dies wird alles im FTP\/SFTP-Client gemacht.<\/p>\n<figure id=\"attachment_84497\" aria-describedby=\"caption-attachment-84497\" style=\"width: 1205px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84497 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/move-it-over.png\" alt=\"Ziehe die Datei r\u00fcber, um sie auf deinen Server hochzuladen\" width=\"1205\" height=\"815\"><figcaption id=\"caption-attachment-84497\" class=\"wp-caption-text\">Ziehe die Datei r\u00fcber, um sie auf deinen Server hochzuladen<\/figcaption><\/figure>\n<p>Der Upload sollte nur ein paar Sekunden dauern.<\/p>\n<figure id=\"attachment_88603\" aria-describedby=\"caption-attachment-88603\" style=\"width: 1195px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88603 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/done-2.png\" alt=\"Die Datei wird nun hochgeladen\" width=\"1195\" height=\"797\"><figcaption id=\"caption-attachment-88603\" class=\"wp-caption-text\">Die Datei wird nun hochgeladen<\/figcaption><\/figure>\n<p>Sobald es in den Dateien deiner Webseite ist, kannst du zur\u00fcck zur Google Verifizierungsseite gehen und \u00fcberpr\u00fcfen, ob es registriert, dass du die Webseite besitzt. Eine Erfolgsmeldung sollte in der Google Search Console erscheinen und verschiedene Funktionen \u00f6ffnen sich, mit denen du den Zustand deiner Webseite optimieren und analysieren kannst.<\/p>\n<h2>Manuelles Konvertieren einer kompletten HTML Webseite zu WordPress<\/h2>\n<p>Um eine HTML Webseite zu WordPress zu konvertieren, kannst du entweder ein Plugin\/App verwenden, deine Dateien manuell konvertieren oder ein Child Theme verwenden und die HTML Dateien in dieses Child Theme \u00fcbertragen.<\/p>\n<p>Die erste M\u00f6glichkeit ist die manuelle Konvertierung der HTML-Dateien in ein WordPress Theme.<\/p>\n<p>Manche sagen, dass es die schwierigste Methode ist, aber andere bevorzugen es, da du die volle Kontrolle \u00fcber den Prozess hast und dich nicht auf Apps oder Plugins verlassen musst, die manchmal unzuverl\u00e4ssig sein k\u00f6nnen. Folge den folgenden Schritten, um eine vollst\u00e4ndige HTML zu WordPress Seite manuell zu konvertieren.<\/p>\n<h3>Erstelle einen Ordner f\u00fcr dein Theme und f\u00fcge die Standard Theme Dateien hinzu<\/h3>\n<p>Erstelle auf deinem Computer einen Ordner, um alle grundlegenden Dateien deines Themes zu speichern. Benenne den Ordner nach Belieben, am besten gibst du ihm einen Namen, den du dir merken kannst.<\/p>\n<p>Erstelle die folgenden grundlegenden Dateien f\u00fcr dein Theme:<\/p>\n<ul>\n<li><strong>style.css<\/strong><\/li>\n<li><strong>index.php<\/strong><\/li>\n<li><strong>header.php<\/strong><\/li>\n<li><strong>sidebar.php<\/strong><\/li>\n<li><strong>footer.php<\/strong><\/li>\n<\/ul>\n<p>Du kannst sie in deinem <a href=\"https:\/\/kinsta.com\/de\/blog\/kostenlose-html-editoren\/\">Code- oder Texteditor<\/a> \u00f6ffnen, da du sie in der Zukunft bearbeiten wirst. Ab sofort ist es nicht mehr n\u00f6tig, Code in die Dateien einzuf\u00fcgen. Lass sie einfach im Ordner liegen.<\/p>\n<p><strong>Hinweis<\/strong>: Du kannst damit beginnen, sie als TXT-Dateien zu erstellen. Wenn du dann die Dateierweiterung \u00e4nderst &#8211; z.B. von <strong>.txt<\/strong> zu .<strong>php<\/strong> oder .<strong>txt<\/strong> zu .<strong>css<\/strong> &#8211; passt dein Computer sie automatisch an das richtige Dateiformat an. Wenn du zum Beispiel eine .<strong>css<\/strong> Erweiterung hinzuf\u00fcgst, wird die Datei zu einem <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-css\/\">Cascading Style Sheet<\/a>.<\/p>\n<figure id=\"attachment_84404\" aria-describedby=\"caption-attachment-84404\" style=\"width: 1018px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84404 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/files-in-folder.png\" alt=\"Die Dateien deiner Webseite f\u00fcr HTML zu WordPress\" width=\"1018\" height=\"529\"><figcaption id=\"caption-attachment-84404\" class=\"wp-caption-text\">Die Dateien deiner Webseite f\u00fcr HTML zu WordPress<\/figcaption><\/figure>\n<h3>\u00dcbertrage das aktuelle CSS deiner WordPress Seite in den neuen Ordner<\/h3>\n<p>Du solltest bereits ein Theme auf deiner aktuellen WordPress Seite installiert haben. Wenn nicht, dann <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-installiert\/\">installiere ein Theme<\/a>, um dir bei diesem Teil zu helfen.<\/p>\n<p>Du wirst das CSS des aktuellen Themes als Grundlage verwenden und darauf in der <strong>style.css<\/strong> Datei mit den Dateien deiner Webseite aufbauen.<\/p>\n<p>Kopiere daher den Stylesheet-Header von deiner WordPress Seite in die neue <strong>style.css<\/strong> Datei.<\/p>\n<p>Es sollte in etwa so aussehen:<\/p>\n<pre><code class=\"language-html\">\/*\nTheme Name: Twenty Seventeen\nTheme URI: https:\/\/wordpress.org\/themes\/twentyseventeen\/\nAuthor: the WordPress team\nAuthor URI: https:\/\/wordpress.org\/\nDescription: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.\nVersion: 2.4\nRequires at least: 4.7\nRequires PHP: 5.2.4\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nText Domain: twentyseventeen\nTags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready\n\nThis theme, like WordPress, is licensed under the GPL.\nUse it to make something cool, have fun, and share what you've learned with others.\n*\/<\/code><\/pre>\n<p>In diesem Fall hat deine Webseite das Twenty Seventeen Theme verwendet. Wenn du ein anderes Theme verwendest, wirst du einige Variationen im Stylesheet-Header sehen.<\/p>\n<p>Nun ist es an der Zeit, die Elemente des alten Themes durch Informationen \u00fcber dein neues Theme zu ersetzen.<\/p>\n<p>Um dies zu tun, tausche Folgendes aus:<\/p>\n<ul>\n<li>Theme Name: Du kannst dein Theme beliebig nennen, aber es ist keine schlechte Idee, es so zu nennen wie deinen Theme-Ordner.<\/li>\n<li>Theme URI &#8211; Hier kannst du die Haupt-URL deiner Webseite verwenden.<\/li>\n<li>Autor &#8211; Gib hier deinen Namen ein, oder einen anderen Namen, den du gerne verwenden m\u00f6chtest.<\/li>\n<li>Autoren-URI &#8211; Erstelle hier einen Link zu deiner Homepage.<\/li>\n<li>Beschreibung &#8211; Du kannst eine Beschreibung deines Themes erstellen, die im Backend deiner WordPress Seite angezeigt wird.<\/li>\n<\/ul>\n<p>Lass alles andere so wie es ist. Die meisten anderen Elemente, wie z.B. die Lizenz und die Tags, brauchst du nur, wenn du das neue Theme im WordPress Theme Directory ver\u00f6ffentlichen m\u00f6chtest.<\/p>\n<p>Denke daran, dass das, was du gerade eingef\u00fcgt und bearbeitet hast, dein Theme-Header ist.<\/p>\n<p>Finde das bestehende CSS von deiner HTML Webseite. Kopiere dieses CSS und f\u00fcge es nach dem Header in die neue <strong>style.css<\/strong> Datei ein.<\/p>\n<p>Speichere und schlie\u00dfe die <strong>style.css<\/strong> Datei.<\/p>\n<h3>Nimm dein aktuelles HTML und teile es in Einzelteile<\/h3>\n<p>WordPress verwendet in der Regel PHP, um Elemente wie Dateien, Code und Medien aus seiner Datenbank zu ziehen. Daher muss eine HTML Webseite in einzelne PHP Dateien zerhackt werden, um sich in die WordPress Infrastruktur einzuf\u00fcgen.<\/p>\n<p>Das mag einsch\u00fcchternd klingen, aber alles, was n\u00f6tig ist, ist dein HTML-Dokument in mehrere Teile zu unterteilen und jeden dieser Teile in eine PHP-Datei zu verwandeln.<\/p>\n<p>Jede HTML-Datei wird anders aussehen, aber es hilft, ein visuelles Beispiel zu bekommen. Deshalb zeigen wir ein paar HTML Webseiten Templates zur Demonstration.<\/p>\n<p>Der folgende Code ist eine gro\u00dfartige M\u00f6glichkeit, um einen Querverweis auf deine eigene HTML-Datei zu machen. Es ist eine einfache HTML-Webseite mit einer Kopfzeile, Men\u00fcpunkten, Unter\u00fcberschriften, einer Sidebar und einer Fu\u00dfzeile. Du kannst einen \u00e4hnlichen Code in deiner eigenen <strong>index<\/strong>.<strong>html<\/strong> Datei finden.<\/p>\n<pre><code class=\"language-html\">&lt;!doctype html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;meta charset=\"utf-8\"&gt;\n&lt;title&gt;Test Site&lt;\/title&gt;\n&lt;meta name=\"description\" content=\"Website description\"&gt;\n&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n\n&lt;link rel=\"stylesheet\" href=\"style.css\"&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n&lt;div class=\"header-container\"&gt;\n&lt;header class=\"wrapper clearfix\"&gt;\n&lt;h1 class=\"title\"&gt;Website Title&lt;\/h1&gt;\n&lt;nav&gt;\n&lt;ul&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;menu item #1&lt;\/a&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;menu item #2&lt;\/a&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;menu item #3&lt;\/a&gt;&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;\/nav&gt;\n&lt;\/header&gt;\n&lt;\/div&gt;\n\n&lt;div class=\"main-container\"&gt;\n&lt;main class=\"main wrapper clearfix\"&gt;\n&lt;article&gt;\n&lt;header class=\"entry-header\"&gt;\n&lt;h2 class=\"entry-title\"&gt;Article&lt;\/h2&gt;\n&lt;\/header&gt;\n&lt;p&gt;Test text right here..&lt;\/p&gt;\n&lt;h2&gt;Subheading&lt;\/h2&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. &lt;\/p&gt;\n&lt;h2&gt;A Sub&lt;\/h2&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. &lt;\/p&gt;\n&lt;\/article&gt;\n&lt;aside&gt;\n&lt;h3&gt;Sidebar here&lt;\/h3&gt;\n&lt;p&gt;Etiam ullamcorper lorem dapibus velit suscipit ultrices. &lt;\/p&gt;\n&lt;\/aside&gt;\n&lt;\/main&gt; &lt;!-- #main --&gt;\n&lt;\/div&gt; &lt;!-- #main-container --&gt;\n\n&lt;div class=\"footer-container\"&gt;\n&lt;footer class=\"wrapper\"&gt;\n&lt;p class=\"footer-credits\"&gt;\u00a9 2019 My Test Site&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Das folgende Template ist ein weiteres Beispiel, auf dem du deine eigenen Strategien aufbauen kannst.<\/p>\n<p>\u00a0<\/p>\n<figure id=\"attachment_84407\" aria-describedby=\"caption-attachment-84407\" style=\"width: 938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84407 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/spacial-html-template.png\" alt=\"Ein Beispiel f\u00fcr eine HTML Webseite\" width=\"938\" height=\"761\"><figcaption id=\"caption-attachment-84407\" class=\"wp-caption-text\">Ein Beispiel f\u00fcr eine HTML Webseite<\/figcaption><\/figure>\n<p>Wie du sehen kannst, ist die <strong>index<\/strong>.<strong>html<\/strong> Datei ein bisschen komplizierter, aber immer noch vertraut in der Art und Weise, wie sie strukturiert ist.<\/p>\n<figure id=\"attachment_88608\" aria-describedby=\"caption-attachment-88608\" style=\"width: 1078px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88608 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/html-index.png\" alt=\"Beispiel f\u00fcr eine HTML indexierte Datei\" width=\"1078\" height=\"685\"><figcaption id=\"caption-attachment-88608\" class=\"wp-caption-text\">Beispiel f\u00fcr eine HTML indexierte Datei<\/figcaption><\/figure>\n<p>Beide Beispiele beinhalten Kopfzeilen, Inhaltsbereiche, Sidebars und Fu\u00dfzeilen.<\/p>\n<p>Du wirst h\u00f6chstwahrscheinlich ein anderes Design haben. Aus diesem Grund musst du die unten beschriebenen Schritte anpassen.<\/p>\n<p>Jeder weitere Schritt beinhaltet das Bearbeiten und Hinzuf\u00fcgen der neuen WordPress-Dateien, die du zuvor erstellt hast. Trotzdem solltest du die <strong>index<\/strong>.<strong>html<\/strong> Datei deiner Webseite ge\u00f6ffnet lassen. Du wirst sie in Zukunft benutzen.<\/p>\n<h4>Die header.php Datei<\/h4>\n<p>In deiner ge\u00f6ffneten HTML-Datei suchst du nach allem, was am Anfang der Datei steht und mit dem Hauptinhaltsbereich endet. Der Hauptinhaltsbereich wird normalerweise mit einem <strong><code>&lt;div class=\"main\"&gt;<\/code><\/strong> oder <strong><code>&lt;main&gt;<\/code><\/strong> Tag dargestellt.<\/p>\n<p>Kopiere diesen Abschnitt der HTML-Datei und f\u00fcge ihn in deine neue Datei <strong>header<\/strong>.<strong>php<\/strong> ein.<\/p>\n<p>Suche danach die Stelle, an der <strong><code>&lt;\/head&gt;<\/code><\/strong> steht.<\/p>\n<p>Direkt davor f\u00fcgst du das Folgende ein:<\/p>\n<pre><code class=\"language-css\">&lt;?php wp_head();?&gt;<\/code><\/pre>\n<p>Dieses St\u00fcck Code ist f\u00fcr die meisten WordPress Plugins wichtig, damit sie funktionieren.<\/p>\n<h4>Die Datei sidebar.php<\/h4>\n<p>Suche nach dem <strong><code>&lt;aside&gt;<\/code><\/strong> Abschnitt in deiner <strong>indexieren.html<\/strong> Datei.<\/p>\n<p>Alles innerhalb der <strong><code>&lt;aside&gt;<\/code><\/strong> und <strong><code>&lt;\/aside&gt;<\/code><\/strong> Tags, einschlie\u00dflich dieser aside Tags selbst, sollte in die neue <strong>sidebar.php<\/strong> Datei kopiert werden.<\/p>\n<p>In unserer Beispieldatei sieht es in etwa so aus:<\/p>\n<pre><code class=\"language-html\">&lt;aside&gt;\n&lt;h3&gt;Sidebar here&lt;\/h3&gt;\n&lt;p&gt;Etiam ullam corper lorem dapibus velit suscipit ultrices. &lt;\/p&gt;\n&lt;\/aside&gt;<\/code><\/pre>\n<h4>Die footer.php Datei<\/h4>\n<p>Wenn du eine einfache HTML Webseite hast, musst du vielleicht nur noch deine Fu\u00dfzeileninformationen \u00fcbertragen. Andere Webseiten sind ein bisschen komplizierter. Unabh\u00e4ngig davon ist es keine schlechte Idee, mit der \u00c4nderung des Footers zu enden, da es einer der Kernbausteine ist, aus denen die WordPress Seite besteht.<\/p>\n<p>Finde in der <strong>index<\/strong>.<strong>html<\/strong> Datei den gesamten Code nach dem <strong><code>&lt;\/aside&gt;<\/code><\/strong> (die Sidebar) Tag und kopiere ihn.<\/p>\n<p>Auch hier kann es sein, dass du nach dem Sidebar-Abschnitt noch weitere Inhalte hast, aber bei einfacheren HTML Webseiten ist es m\u00f6glich, dass du dich nur mit dem Footer besch\u00e4ftigen musst.<\/p>\n<p>In unserem Beispiel sieht die Fu\u00dfzeile etwa so aus:<\/p>\n<pre><code class=\"language-html\">&lt;\/main&gt; &lt;!-- #main --&gt;\n&lt;\/div&gt; &lt;!-- #main-container --&gt;\n\n&lt;div class=\"footer-container\"&gt;\n&lt;footer class=\"wrapper\"&gt;\n&lt;p class=\"footer-credits\"&gt;\u00a9 2020 My Test Site&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Aber nicht so schnell. Nachdem du den Footer Code in die neue <strong>footer.php<\/strong> Datei eingef\u00fcgt hast, f\u00fcge das <strong><code>&lt;?php wp_footer();?&gt;<\/code><\/strong> Snippet direkt vor der <strong><code>&lt;\/body&gt;<\/code><\/strong> Klammer ein. Dies hilft, dass der Footer mit WordPress richtig funktioniert.<\/p>\n<p>Unten siehst du ein Beispiel f\u00fcr den <code><strong>&lt;?php wp_footer();?&gt;<\/strong><\/code> Code, der in die Footer-Datei eingef\u00fcgt wurde.<\/p>\n<pre><code class=\"language-html\">&lt;\/main&gt; &lt;!-- #main --&gt;\n&lt;\/div&gt; &lt;!-- #main-container --&gt;\n&lt;div class=\"footer-container\"&gt;\n&lt;footer class=\"wrapper\"&gt;\n&lt;p class=\"footer-credits\"&gt;\u00a9 2020 My Test Site&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/div&gt;\n&lt;?php wp_footer();?&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Achte darauf, dass du all diese neuen Dateien in deinem Theme-Ordner speicherst. Nachdem du zum Beispiel diesen Footer Code in die <strong>footer.php<\/strong> Datei eingef\u00fcgt hast, solltest du auf den Speichern-Button in deinem Editor klicken und ihn schlie\u00dfen.<\/p>\n<p>Nun, da die grundlegenden Dateien fertig sind, schlie\u00dfe die urspr\u00fcngliche <strong>index.html<\/strong> Datei deiner HTML Webseite.<\/p>\n<h3>Verbinde deine header.php und index.php Dateien mit WordPress<\/h3>\n<p>Du hast es bereits in die Datei <strong>header<\/strong>.<strong>php<\/strong> eingef\u00fcgt, aber du musst noch weitere Ma\u00dfnahmen ergreifen. Im Wesentlichen willst du den Aufruf im Stylesheet von dem HTML, das dort jetzt drin ist, auf das Standard WordPress PHP Format \u00e4ndern.<\/p>\n<p>Zur\u00fcck in der <strong>header<\/strong>.<strong>php<\/strong> Datei, finde den <code>&lt;head&gt;<\/code> Abschnitt.<\/p>\n<p>Wir suchen nach dem Aufruf f\u00fcr das Stylesheet. Es sieht ungef\u00e4hr so aus:<\/p>\n<pre><code class=\"language-css\">&lt;link rel=\"stylesheet\" href=\"style.css\"&gt;<\/code><\/pre>\n<p>L\u00f6sche diesen Aufruf und ersetze ihn durch den folgenden:<\/p>\n<pre><code class=\"language-css\">&lt;link rel=\"stylesheet\" href=\"&lt;?php echo get_template_directory_uri(); ?&gt;\/style.css\" type=\"text\/css\" media=\"all\" \/&gt;<\/code><\/pre>\n<p>Das ist alles, was du an der Datei <strong>header<\/strong>.<strong>php<\/strong> machen musst. Der Aufruf des Stylesheets arbeitet jetzt mit dem WordPress Format, nicht mit HTML.<\/p>\n<p>Speichere und schlie\u00dfe die <strong>header<\/strong>.<strong>php<\/strong> Datei.<\/p>\n<p>Als n\u00e4chstes \u00f6ffnest du die <strong>index<\/strong>.<strong>php<\/strong> Datei (nicht die <strong>index<\/strong>.<strong>html<\/strong> Datei, die du vorher benutzt hast, sondern die neue <strong>index<\/strong>.<strong>php<\/strong> Datei).<\/p>\n<p>Zu diesem Zeitpunkt ist die <strong>index<\/strong>.<strong>php<\/strong> Datei leer.<\/p>\n<p>Nimm den folgenden Code und kopiere ihn und f\u00fcge ihn in die neue <strong>index<\/strong>.<strong>php<\/strong> Datei ein. Lass das Leerzeichen zwischen den ersten beiden Zeilen stehen. Das ist aus einem bestimmten Grund da, den du gleich sehen wirst.<\/p>\n<p>Diese Zeilen dienen als Aufrufe zu deinen anderen Webseiten-Dateien, einschlie\u00dflich <strong>header<\/strong>.<strong>php<\/strong>, <strong>sidebar<\/strong>.<strong>php<\/strong> und <strong>footer<\/strong>.<strong>php<\/strong>.<\/p>\n<pre><code class=\"language-css\">&lt;?php get_header(); ?&gt;\n\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Der freie Platz in der zweiten Zeile ist f\u00fcr das reserviert, was wir The Loop nennen, ein dynamischer Prozess in WordPress, der im Hintergrund l\u00e4uft, um neue Beitr\u00e4ge zu deiner Webseite hinzuzuf\u00fcgen. Im Grunde genommen teilt es WordPress mit, dass noch mehr Inhalte kommen werden und dass es The Loop nutzen soll, um diese Inhalte hinzuzuf\u00fcgen. Erfahre hier mehr \u00fcber <a href=\"https:\/\/codex.wordpress.org\/The_Loop\">The Loop<\/a>.<\/p>\n<p>Um The Loop hinzuzuf\u00fcgen, f\u00fcge den folgenden Code in die L\u00fccke ein, die du zuvor in der <strong>index<\/strong>.<strong>php<\/strong> Datei gelassen hast (direkt unter &lt;?php get_header(); ?&gt;).<\/p>\n<pre><code class=\"language-css\">&lt;?php while ( have_posts() ) : the_post(); ?&gt;\n&lt;article class=\"&lt;?php post_class(); ?&gt;\" id=\"post-&lt;?php the_ID(); ?&gt;\"&gt;\n&lt;h2 class=\"entry-title\"&gt;&lt;?php the_title(); ?&gt;&lt;\/h2&gt;\n&lt;?php if ( !is_page() ):?&gt;\n&lt;section class=\"entry-meta\"&gt;\n&lt;p&gt;Posted on &lt;?php the_date();?&gt; by &lt;?php the_author();?&gt;&lt;\/p&gt;\n&lt;\/section&gt;\n&lt;?php endif; ?&gt;\n&lt;section class=\"entry-content\"&gt;\n&lt;?php the_content(); ?&gt;\n&lt;\/section&gt;\n&lt;section class=\"entry-meta\"&gt;&lt;?php if ( count( get_the_category() ) ) : ?&gt;\n&lt;span class=\"category-links\"&gt;\nPosted under: &lt;?php echo get_the_category_list( ', ' ); ?&gt;\n&lt;\/span&gt;\n&lt;?php endif; ?&gt;&lt;\/section&gt;\n&lt;\/article&gt;\n&lt;?php endwhile; ?&gt;<\/code><\/pre>\n<p>Das Ergebnis sollte wie folgt aussehen:<\/p>\n<pre><code class=\"language-css\">&lt;?php get_header(); ?&gt;\n&lt;?php while ( have_posts() ) : the_post(); ?&gt;\n&lt;article class=\"&lt;?php post_class(); ?&gt;\" id=\"post-&lt;?php the_ID(); ?&gt;\"&gt;\n&lt;h2 class=\"entry-title\"&gt;&lt;?php the_title(); ?&gt;&lt;\/h2&gt;\n&lt;?php if ( !is_page() ):?&gt;\n&lt;section class=\"entry-meta\"&gt;\n&lt;p&gt;Posted on &lt;?php the_date();?&gt; by &lt;?php the_author();?&gt;&lt;\/p&gt;\n&lt;\/section&gt;\n&lt;?php endif; ?&gt;\n&lt;section class=\"entry-content\"&gt;\n&lt;?php the_content(); ?&gt;\n&lt;\/section&gt;\n&lt;section class=\"entry-meta\"&gt;&lt;?php if ( count( get_the_category() ) ) : ?&gt;\n&lt;span class=\"category-links\"&gt;\nPosted under: &lt;?php echo get_the_category_list( ', ' ); ?&gt;\n&lt;\/span&gt;\n&lt;?php endif; ?&gt;&lt;\/section&gt;\n&lt;\/article&gt;\n&lt;?php endwhile; ?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Mach weiter und speichere die Datei <strong>index<\/strong>.<strong>php<\/strong>. Du kannst die Datei jetzt auch schlie\u00dfen.<\/p>\n<p>Damit ist das WordPress Theme, das auf deiner urspr\u00fcnglichen HTML Webseite basiert, fertig und kann in WordPress hochgeladen werden.<\/p>\n<h3>Das neue Theme zu WordPress hochladen<\/h3>\n<p>Der letzte Schritt ist der Upload des Themes auf deine WordPress Seite. Eine M\u00f6glichkeit ist, den Ordner der Webseite einfach zu zippen und es in den WordPress Theme Bereich hochzuladen, ohne einen Screenshot deiner Webseite als Referenz hinzuzuf\u00fcgen.<\/p>\n<p>Obwohl dein Theme auch ohne einen Referenz-Screenshot funktioniert, empfehlen wir dir, einen Screenshot zu erstellen, damit es f\u00fcr dich einfacher ist, deine Themes zu organisieren und zu verstehen, welches davon tats\u00e4chlich auf deiner Webseite aktiv ist.<\/p>\n<p>Mit Screenshot meinen wir die kleine Vorschau, die f\u00fcr alle installierten Themes auf deinem WordPress Dashboard erscheint. Auch die, die nicht aktiv sind, haben einen Screenshot. Es ist eine Voraussetzung, dass du einen Screenshot hast, wenn du dein Theme in die WordPress Theme Library hochladen willst.<\/p>\n<figure id=\"attachment_84416\" aria-describedby=\"caption-attachment-84416\" style=\"width: 1284px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84416 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/screenshots.png\" alt=\"Das Themes-Panel in WordPress\" width=\"1284\" height=\"506\"><figcaption id=\"caption-attachment-84416\" class=\"wp-caption-text\">Das Themes-Panel in WordPress<\/figcaption><\/figure>\n<p>Auch wenn du dein Theme nicht \u00f6ffentlich hochl\u00e4dst, hilft ein Screenshot bei der Verwaltung deines eigenen Themes. Wie du sehen kannst, ist es ziemlich schwierig zu erkennen, wie das Theme aussieht, wenn keine Screenshot-Vorschau verf\u00fcgbar ist. Das Twenty Seventeen Child Theme hat keinen Screenshot, also ist es nur ein leeres Bild. Es k\u00f6nnte in Zukunft viele verwirren.<\/p>\n<p>Um einen Screenshot hinzuzuf\u00fcgen, \u00f6ffne die alte HTML Webseite in einem Browser und mache einen Screenshot der Homepage mit einem beliebigen Clipping Tool oder einer Screenshot Software, die du zur Verf\u00fcgung hast.<\/p>\n<p>\u00d6ffne deine bevorzugte Bildbearbeitungssoftware und schneide den Screenshot auf 880\u00d7660 Pixel zu. Dies stellt sicher, dass der Screenshot nicht gestreckt oder unproportioniert ist, wenn er in WordPress eingef\u00fcgt wird.<\/p>\n<p>Speichere die bearbeitete Version des Screenshots in deinem neuen Theme-Ordner. Er muss nicht in einem speziellen Ordner abgelegt werden &#8211; platziere ihn einfach im Theme Ordner neben den anderen Dateien wie <strong>header<\/strong>.<strong>php<\/strong> und <strong>footer<\/strong>.<strong>php<\/strong>.<\/p>\n<figure id=\"attachment_84418\" aria-describedby=\"caption-attachment-84418\" style=\"width: 987px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84418 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-shot.png\" alt=\"Screenshot im Theme Ordner\" width=\"987\" height=\"553\"><figcaption id=\"caption-attachment-84418\" class=\"wp-caption-text\">Screenshot im Theme Ordner<\/figcaption><\/figure>\n<p>Nun hast du zwei M\u00f6glichkeiten, das neue WordPress Theme in WordPress hochzuladen.<\/p>\n<p>Die erste ist, dass du die Dateien per FTP in den Ordner wp-content\/themes ziehst. Wenn du diesen Weg w\u00e4hlst, ist es nicht n\u00f6tig, die Datei zu zippen. Verwende einfach einen FTP-Client wie FileZilla und ziehe den regul\u00e4ren Ordner in den wp-content\/themes Ordner.<\/p>\n<p>Die andere M\u00f6glichkeit ist, eine gezippte Version in das WordPress Dashboard hochzuladen.<\/p>\n<p>Um zu beginnen, komprimiere den gesamten Theme-Ordner in eine Zip-Datei.<\/p>\n<p>Als n\u00e4chstes gehst du im WordPress Dashboard auf <strong>Appearance<\/strong> &gt; <strong>Themes<\/strong>.<\/p>\n<figure id=\"attachment_84425\" aria-describedby=\"caption-attachment-84425\" style=\"width: 954px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84425 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/app-themes.png\" alt=\"Gehe zum Themes Panel in WordPress\" width=\"954\" height=\"414\"><figcaption id=\"caption-attachment-84425\" class=\"wp-caption-text\">Gehe zum Themes Panel in WordPress<\/figcaption><\/figure>\n<p>Klicke auf die Schaltfl\u00e4che Neu hinzuf\u00fcgen.<\/p>\n<figure id=\"attachment_84424\" aria-describedby=\"caption-attachment-84424\" style=\"width: 946px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84424 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/add-new-button-s.png\" alt=\"Hinzuf\u00fcgen eines neuen Themes in WordPress\" width=\"946\" height=\"414\"><figcaption id=\"caption-attachment-84424\" class=\"wp-caption-text\">Hinzuf\u00fcgen eines neuen Themes in WordPress<\/figcaption><\/figure>\n<p>W\u00e4hle die Schaltfl\u00e4che Theme hochladen.<\/p>\n<figure id=\"attachment_84423\" aria-describedby=\"caption-attachment-84423\" style=\"width: 1041px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84423 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/upload-a-theme.png\" alt=\"Ein Theme in WordPress hochladen\" width=\"1041\" height=\"516\"><figcaption id=\"caption-attachment-84423\" class=\"wp-caption-text\">Ein Theme in WordPress hochladen<\/figcaption><\/figure>\n<p>Klicke auf <strong>Datei<\/strong> <strong>ausw\u00e4hlen<\/strong> und suche nach der gezippten Datei auf deinem Computer. W\u00e4hle die Datei aus, damit sie auf dem WordPress Dashboard angezeigt wird.<\/p>\n<figure id=\"attachment_84422\" aria-describedby=\"caption-attachment-84422\" style=\"width: 948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84422 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/choose-the-file.png\" alt=\"W\u00e4hle die Theme Datei zum Hochladen\" width=\"948\" height=\"361\"><figcaption id=\"caption-attachment-84422\" class=\"wp-caption-text\">W\u00e4hle die Theme Datei zum Hochladen<\/figcaption><\/figure>\n<p>Klicke auf Jetzt installieren, um die Datei in WordPress zu verarbeiten.<\/p>\n<figure id=\"attachment_84421\" aria-describedby=\"caption-attachment-84421\" style=\"width: 913px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84421 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/install-it.png\" alt=\"Installiere das Theme nachdem es hochgeladen wurde\" width=\"913\" height=\"341\"><figcaption id=\"caption-attachment-84421\" class=\"wp-caption-text\">Installiere das Theme nachdem es hochgeladen wurde<\/figcaption><\/figure>\n<p>WordPress sollte dir mitteilen, dass das Paket installiert wird und dass es erfolgreich installiert wird.<\/p>\n<p>Klicke auf die Schaltfl\u00e4che Aktivieren, um den Vorgang abzuschlie\u00dfen.<\/p>\n<figure id=\"attachment_84420\" aria-describedby=\"caption-attachment-84420\" style=\"width: 921px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84420 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/activate-the-theme.png\" alt=\"Aktiviere das Theme nach seiner Installation\" width=\"921\" height=\"298\"><figcaption id=\"caption-attachment-84420\" class=\"wp-caption-text\">Aktiviere das Theme nach seiner Installation<\/figcaption><\/figure>\n<p>Jetzt erscheint das Theme mit seinem Screenshot in der Themes-Liste als aktives Theme. Du kannst nun zum Frontend deiner WordPress Seite gehen, um eine WordPress Version deiner urspr\u00fcnglichen HTML Webseite zu sehen.<\/p>\n<figure id=\"attachment_84419\" aria-describedby=\"caption-attachment-84419\" style=\"width: 1032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84419 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/theres-the-theme.png\" alt=\"Das neue Theme erscheint auf dem Dashboard\" width=\"1032\" height=\"599\"><figcaption id=\"caption-attachment-84419\" class=\"wp-caption-text\">Das neue Theme erscheint auf dem Dashboard<\/figcaption><\/figure>\n<p>Behalte im Hinterkopf, dass keine HTML zu WordPress Konvertierung gleich ist. Es kann sein, dass deine Konvertierung etwas komplexer ist, als das, was wir gerade durchgegangen sind. Generell m\u00fcssen noch einige andere Ma\u00dfnahmen ergriffen werden, um ein exaktes Duplikat deiner HTML Webseite zu erhalten.<\/p>\n<p>Zum Beispiel musst du Widget-Bereiche und Kommentare hinzuf\u00fcgen und sogar deinen Blogtitel und deine Beschreibung anpassen, damit sie in WordPress ver\u00e4nderbar sind.<\/p>\n<p>Es ist viel Handarbeit n\u00f6tig, um eine HTML Webseite in eine WordPress Seite umzuwandeln, und du wirst feststellen, dass einige \u00c4nderungen nur mit ein wenig CSS Markup m\u00f6glich sind.<\/p>\n<p>Au\u00dferdem hat dieses Tutorial nichts mit dem Hinzuf\u00fcgen von Inhalten wie Posts und Bildern zu tun. Das kannst du manuell machen, indem du Bilder in die Medienbibliothek hochl\u00e4dst und Elemente wie die URL-Strukturen anpasst.<\/p>\n<p>Es gibt einige Plugins, die den Import von Inhalten automatisieren, aber die meisten von ihnen sind nicht auf dem neuesten Stand mit den neuen WordPress-Versionen. Daher schlagen wir vor, dass du sie vielleicht ausprobierst, um zu sehen, ob sie f\u00fcr dich funktionieren, aber du solltest nicht viel erwarten.<\/p>\n<h2>HTML zu WordPress konvertieren \u00fcber ein Child Theme<\/h2>\n<p>Dies ist zweifellos eine der einfachsten Methoden, um eine komplette HTML Webseite in eine WordPress Seite zu konvertieren. Es funktioniert, indem du eines der bereits existierenden <a href=\"https:\/\/kinsta.com\/de\/blog\/kostenlose-vs-kostenpflichtige-wordpress-themes\/\">kostenlosen WordPress Themes<\/a> online verwendest. Du kannst also deinen Favoriten ausw\u00e4hlen und diesen mit dem Design deiner Webseite kombinieren.<\/p>\n<p>Insgesamt verwendest du das bereits erstellte WordPress Theme als Parent Theme. Dann wird die HTML Webseite konvertiert, um mit WordPress zu arbeiten und mit dem Parent Theme als Child Theme verkn\u00fcpft. Wenn du Fragen zu Parent- und Child-Themes hast, kannst du hier unseren <a href=\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\">Guide zum Thema lesen<\/a>.<\/p>\n<p>Zur kurzen Erkl\u00e4rung: Das Parent Theme verwaltet die Funktionalit\u00e4t deiner Webseite, w\u00e4hrend das Child Theme auf dem Parent Theme aufbaut. Das Parent-Theme kann technisch gesehen f\u00fcr sich alleine stehen, das Child Theme jedoch nicht. Daher nutzen wir das Child Theme, um das Design des Parent Themes zu ver\u00e4ndern, w\u00e4hrend wir die leistungsstarken Funktionen des Parent Themes beibehalten.<\/p>\n<p>Hier erf\u00e4hrst du, wie du mit einem Child Theme von HTML zu WordPress konvertieren kannst.<\/p>\n<h3>W\u00e4hle ein Parent Theme<\/h3>\n<p>Der erste Schritt besteht darin, ein Theme auszuw\u00e4hlen, das dir gef\u00e4llt. Das Theme, f\u00fcr das du dich entscheidest, wird als dein Parent Theme fungieren und du wirst es als Grundlage f\u00fcr das Design deiner Webseite verwenden.<\/p>\n<p>Idealerweise suchst du dir ein Theme, das dem Design deiner alten Webseite sehr \u00e4hnlich ist. Eine weitere Option ist es, ein <a href=\"https:\/\/kinsta.com\/de\/blog\/php-frameworks\/\">WordPress Framework<\/a> oder ein Starter Theme zu verwenden, da beide <a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/\">Arten von Themes<\/a> bereits als Designgrundlage verwendet werden.<\/p>\n<p>Ein hochwertiges Starter-Theme ist zum Beispiel das <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\">Twenty Twenty Theme<\/a> oder eines der Standard-WordPress-Starter-Themes, die nach dem Jahr benannt sind, in dem sie erstellt wurden. Wir empfehlen, in den Jahren zur\u00fcck zu gehen (Twenty Nineteen, Twenty Seventeen, etc.), um zu sehen, ob eines davon besser zum Design deiner Webseite passt.<\/p>\n<p>Wir werden uns f\u00fcr dieses Tutorial f\u00fcr das <a href=\"https:\/\/kinsta.com\/blog\/twenty-seventeen-theme\/\">Twenty Seventeen Theme<\/a> entscheiden, da es sehr sauber ist und zu vielen einfachen HTML-Webdesigns passt.<\/p>\n<p>Unabh\u00e4ngig davon sind alle diese Themes wunderbare Ausgangspunkte.<\/p>\n<p>Um zu beginnen, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-installiert\/\">installiere das Theme auf deiner WordPress Webseite<\/a>.<\/p>\n<figure id=\"attachment_84388\" aria-describedby=\"caption-attachment-84388\" style=\"width: 1602px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84388 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/activate-s-s.png\" alt=\"Aktiviere ein WordPress Theme\" width=\"1602\" height=\"823\"><figcaption id=\"caption-attachment-84388\" class=\"wp-caption-text\">Aktiviere ein WordPress Theme<\/figcaption><\/figure>\n<p>Du kannst das Theme aktivieren, wenn du m\u00f6chtest, aber du wirst sp\u00e4ter ein neues Child Theme aktivieren und das Starter Theme nur als Basis f\u00fcr das Design verwenden.<\/p>\n<h3>Einen neuen Ordner erstellen<\/h3>\n<p>Alle <a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/\">WordPress Themes<\/a> ben\u00f6tigen Ordner, um die Dateien deiner Webseite zu speichern. Daher musst du einen neuen Ordner f\u00fcr das Child Theme erstellen, das aus der HTML Webseite erstellt wird.<\/p>\n<p>Wir empfehlen, den Ordner nach deinem Parent Theme zu benennen und am Ende des Ordnernamens &#8222;-child&#8220; hinzuzuf\u00fcgen.<\/p>\n<p>Zum Beispiel nennen wir den Ordner in diesem Fall &#8222;twentyseventeen-child&#8220;.<\/p>\n<figure id=\"attachment_84389\" aria-describedby=\"caption-attachment-84389\" style=\"width: 1310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84389 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-folder.png\" alt=\"Child Theme Ordner f\u00fcr HTML zu WordPress\" width=\"1310\" height=\"795\"><figcaption id=\"caption-attachment-84389\" class=\"wp-caption-text\">Child Theme Ordner f\u00fcr HTML zu WordPress<\/figcaption><\/figure>\n<p>Im Gro\u00dfen und Ganzen ist jeder Name geeignet, solange du dir den Namen des Ordners merken kannst und du keine Leerzeichen hinzuf\u00fcgst.<\/p>\n<h3>Konfiguriere dein Style Sheet<\/h3>\n<p>Alle Child Themes ben\u00f6tigen Stylesheets, die in den Ordner des Themes gelegt werden.<\/p>\n<p>Erstelle daher ein Textdokument und nenne es <strong>style.css<\/strong>. Speichere es im Theme Ordner und f\u00fcge den folgenden Code in diese Textdatei ein:<\/p>\n<pre><code class=\"language-css\">\/*\n Theme Name:   Twenty Seventeen Child\n Theme URI:    http:\/\/examplesite.com\/twenty-seventeen-child\/\n Description:  Twenty Seventeen Child Theme\n Author:       Jane Doe\n Author URI:   http:\/\/examplesite.com\n Template:     twentyseventeen\n Version:      1.0.0\n License:      GNU General Public License v2 or later\n License URI:  http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready\n Text Domain:  twenty-seventeen-child\n*\/<\/code><\/pre>\n<p>Achte darauf, die Elemente zu ersetzen, die f\u00fcr deine Webseite spezifisch sind. Du wirst m\u00f6glicherweise Dinge wie Theme Name, Theme URI, Author, Template und einige andere Elemente \u00e4ndern m\u00fcssen, um sicherzustellen, dass es mit deinen eigenen Dateinamen \u00fcbereinstimmt. Es ist \u00e4hnlich wie einige der Schritte im Abschnitt &#8222;Manuelles Konvertieren einer kompletten HTML Webseite zu WordPress&#8220;, wo erkl\u00e4rt wird, was jede Zeile bedeutet.<\/p>\n<p>Das Wichtigste ist das Template Tag. Dieser sollte nach dem Parent Theme benannt werden, damit das Child Theme richtig funktioniert.<\/p>\n<h3>Erstelle eine functions.php Datei<\/h3>\n<p>Wenn du nur das Stylesheet f\u00fcr deine Webseite verwenden und das Child Theme aktivieren w\u00fcrdest, w\u00e4re eine HTML Webseite ohne jegliches Styling vorhanden. Wir wollen aber auch dem Child Theme Styling hinzuf\u00fcgen, damit es so aussieht, wie wir es wollen.<\/p>\n<p>Das gesamte Styling wird vom Parent Theme \u00fcbernommen.<\/p>\n<p>Daher wird eine <strong>functions.php<\/strong> Datei ben\u00f6tigt, um die Styles des Parent Themes in das Child Theme zu vererben.<\/p>\n<p>Erstelle eine Datei namens <strong>functions<\/strong>.<strong>php<\/strong> in deinem Theme Ordner.<\/p>\n<figure id=\"attachment_84397\" aria-describedby=\"caption-attachment-84397\" style=\"width: 1309px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84397 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/function-file-2.png\" alt=\"Die functions.php Datei f\u00fcr HTML zu WordPress\" width=\"1309\" height=\"803\"><figcaption id=\"caption-attachment-84397\" class=\"wp-caption-text\">Die functions.php Datei f\u00fcr HTML zu WordPress<\/figcaption><\/figure>\n<p>Um die Datei zu aktivieren, f\u00fcge einen \u00f6ffnenden PHP-Tag hinzu, zusammen mit einem Code, der WordPress auffordert, das Styling des \u00fcbergeordneten Themes zu verwenden:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nfunction child_theme_enqueue_styles() {\n\n    $parent_style = 'parent-style';\n\n    wp_enqueue_style( $parent_style, get_template_directory_uri() . '\/style.css' );\n    wp_enqueue_style( 'child-style',\n        get_stylesheet_directory_uri() . '\/style.css',\n        array( $parent_style ),\n        wp_get_theme()-&gt;get('Version')\n    );\n}\nadd_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );<\/code><\/pre>\n<p>Ein weiterer Vorteil dieses Codes ist, dass er es dir erm\u00f6glicht, das Design deiner Webseite mit deinem Child Theme anzupassen.<\/p>\n<h3>Schalte das neue Child Theme ein<\/h3>\n<p>Nun ist es an der Zeit, das Child Theme zu aktivieren.<\/p>\n<p>Eine M\u00f6glichkeit, das Child Theme zu aktivieren, ist das Hinzuf\u00fcgen des Ordners zur wp\/content\/themes Datei in deinen WordPress Dateien. Dies kannst du mit einem <a href=\"https:\/\/kinsta.com\/de\/blog\/besten-ftp-clients\/\">FTP\/SFTP Client<\/a> machen.<\/p>\n<p>Du kannst den Ordner auch zippen und das Theme unter <strong>Appearance &gt; Themes &gt; Add New<\/strong> hochladen.<\/p>\n<figure id=\"attachment_84396\" aria-describedby=\"caption-attachment-84396\" style=\"width: 1089px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84396 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/add-new-b.png\" alt=\"Hinzuf\u00fcgen eines Child Themes in WordPress\" width=\"1089\" height=\"658\"><figcaption id=\"caption-attachment-84396\" class=\"wp-caption-text\">Hinzuf\u00fcgen eines Child Themes in WordPress<\/figcaption><\/figure>\n<p>W\u00e4hle die Schaltfl\u00e4che <strong>Theme hochladen<\/strong>.<\/p>\n<figure id=\"attachment_84395\" aria-describedby=\"caption-attachment-84395\" style=\"width: 928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84395 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/upload-theme.png\" alt=\"Hochladen eines Child Themes in WordPress\" width=\"928\" height=\"463\"><figcaption id=\"caption-attachment-84395\" class=\"wp-caption-text\">Hochladen eines Child Themes in WordPress<\/figcaption><\/figure>\n<p>Klicke auf <strong>Datei<\/strong> <strong>ausw\u00e4hlen<\/strong> und suche die Zip-Datei f\u00fcr das Child Theme auf deinem Computer.<\/p>\n<figure id=\"attachment_84394\" aria-describedby=\"caption-attachment-84394\" style=\"width: 1310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84394 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/choose-file.png\" alt=\"Auswahl des Child Themes zum Hochladen\" width=\"1310\" height=\"568\"><figcaption id=\"caption-attachment-84394\" class=\"wp-caption-text\">Auswahl des Child Themes zum Hochladen<\/figcaption><\/figure>\n<p>Nach dem Hochladen klickst du auf die Schaltfl\u00e4che <strong>Jetzt<\/strong> <strong>installieren<\/strong>.<\/p>\n<figure id=\"attachment_84393\" aria-describedby=\"caption-attachment-84393\" style=\"width: 1021px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84393 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/install-now.png\" alt=\"Das Child Theme installieren\" width=\"1021\" height=\"387\"><figcaption id=\"caption-attachment-84393\" class=\"wp-caption-text\">Das Child Theme installieren<\/figcaption><\/figure>\n<p>Klicke auf die Schaltfl\u00e4che <strong>Aktivieren<\/strong>.<\/p>\n<figure id=\"attachment_84392\" aria-describedby=\"caption-attachment-84392\" style=\"width: 929px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84392 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/activate-theme.png\" alt=\"Aktivieren des Child Themes\" width=\"929\" height=\"426\"><figcaption id=\"caption-attachment-84392\" class=\"wp-caption-text\">Aktivieren des Child Themes<\/figcaption><\/figure>\n<p>Du solltest nun das Twenty Seventeen Child Theme (oder welches Theme du auch immer verwendet hast) als dein prim\u00e4res Theme aktiviert sehen.<\/p>\n<figure id=\"attachment_84391\" aria-describedby=\"caption-attachment-84391\" style=\"width: 1110px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84391 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-child-theme.png\" alt=\"Theme Details im WordPress Dashboard\" width=\"1110\" height=\"658\"><figcaption id=\"caption-attachment-84391\" class=\"wp-caption-text\">Theme Details im WordPress Dashboard<\/figcaption><\/figure>\n<p>Unabh\u00e4ngig von der Methode, die du zur Aktivierung des Child Themes verwendest, sollte deine WordPress Webseite dein Parent Theme widerspiegeln. Mit anderen Worten, es ist ein exaktes Duplikat des Parent-Themes.<\/p>\n<p><strong>Hinweis<\/strong>: Es ist m\u00f6glich, einen Screenshot zu deinem neuen Theme hinzuzuf\u00fcgen, anstatt \u00fcberhaupt keine Vorschau zu haben. Wie du einen Screenshot zum Theme hinzuf\u00fcgst, haben wir in einem der vorherigen Abschnitte mit dem Titel &#8222;Manuelles Konvertieren einer kompletten HTML Webseite zu WordPress&#8220; beschrieben.<\/p>\n<h3>HTML-Dateien hinzuf\u00fcgen<\/h3>\n<p>Das Ziel ist es, eine Webseite zu erstellen, die deiner urspr\u00fcnglichen HTML Webseite \u00e4hnelt, nicht dem \u00fcbergeordneten Theme.<\/p>\n<p>Daher besteht der letzte Schritt darin, dass du den Inhalt deiner HTML Webseite auf deine neue WordPress Webseite kopierst. Die meiste Zeit wirst du diese Schritte manuell durchf\u00fchren m\u00fcssen. Wir haben es bereits erw\u00e4hnt, aber es gibt ein paar Plugins, die den Prozess der \u00dcbertragung von Inhalten automatisieren. Allerdings sind diese Plugins nicht auf dem neuesten Stand mit den neueren WordPress-Versionen, also verwende sie auf eigene Gefahr.<\/p>\n<h2>Was ist ein HTML zu WordPress Konverter? (Und was sind die Optionen?)<\/h2>\n<p>Ein HTML zu WordPress Konverter nimmt die oben beschriebenen Schritte und vereinfacht sie entweder oder erledigt die Aufgabe komplett f\u00fcr dich. Du k\u00f6nntest ein HTML zu WordPress Konverter Tool in Betracht ziehen, wenn du nicht die Zeit oder Erfahrung hast, die Konvertierung manuell vorzunehmen.<\/p>\n<p>Konverter gibt es in vielen verschiedenen Ausf\u00fchrungen, aber es ist wichtig zu bedenken, dass nicht alle von ihnen eine vern\u00fcnftige Alternative zum manuellen Durchlaufen des HTML zu WordPress Konvertierungsprozesses sind.<\/p>\n<p>Konverter werden in den folgenden Formen angeboten:<\/p>\n<ul>\n<li>Software-Konverter von Drittanbietern, sowohl online als auch lokal.<\/li>\n<li>WordPress Plugins.<\/li>\n<li>Tats\u00e4chliche menschliche Entwickler.<\/li>\n<\/ul>\n<p>Wenn du dir die Konvertierungsoptionen ansiehst, erscheinen die Software\/Apps von Drittanbietern vern\u00fcnftig f\u00fcr einfache Aufgaben. Du kannst eine Zip-Datei mit den HTML-Dateien deiner Webseite nehmen und sie in den Konverter hochladen. Die meisten der verf\u00fcgbaren Tools von Drittanbietern funktionieren als Online-Apps, du \u00f6ffnest sie also einfach in deinem Browser und klickst auf den Upload-Button.<\/p>\n<p>Wir m\u00f6gen diese Apps f\u00fcr weniger komplizierte Konvertierungen. Wenn du eine einfache HTML Webseite hast und es auf WordPress laufen lassen willst, kann dies den Trick machen, aber ein reibungsloser \u00dcbergang ist nicht garantiert.<\/p>\n<p>Was WordPress Plugins angeht, die HTML f\u00fcr WordPress konvertieren, wirst du es schwer haben, Plugins zu finden, die eine komplette HTML Webseite nehmen und die Dateien f\u00fcr WordPress konvertieren. Es gab ein paar Plugins, aber keines von ihnen wurde aktualisiert, um mit den neueren Versionen von WordPress zu funktionieren, und du willst kein veraltetes Plugin verwenden.<\/p>\n<p>Ein paar Plugins bieten jedoch die Funktionen, die f\u00fcr grundlegende Datei-Uploads ben\u00f6tigt werden, die es einfacher machen als eine FTP-\u00dcbertragung oder das Durcheinanderbringen mit dem Backend deines Host-Accounts. Insgesamt erlauben viele der Plugins nur einzelne Datei-Uploads, daher ist es nicht der beste Weg f\u00fcr eine massive Umstellung der Webseite.<\/p>\n<p>Wir betrachten die letzte Methode (tats\u00e4chliche menschliche Entwickler) als eine Form von HTML zu WordPress Konverter, da es definitiv den Prozess f\u00fcr dich automatisiert, indem du um Expertenhilfe bittest und eine Person den Job erledigen l\u00e4sst. Insgesamt bietet die Beauftragung eines Entwicklers f\u00fcr die Konvertierung deiner HTML Webseite die geringste Chance, dass du auf Probleme st\u00f6\u00dft, und du hast jemanden, mit dem du sprechen kannst, wenn etwas schief l\u00e4uft.<\/p>\n<h2>Die besten HTML zu WordPress Konverter Plugin Optionen und andere Tools<\/h2>\n<p>Wie bereits erw\u00e4hnt, gibt es HTML zu WordPress Konverter in vielen verschiedenen Konfigurationen. Du wirst nicht viele ausgewiesene WordPress Plugins finden, die nicht entweder veraltet sind oder nicht mehr funktionieren. Wir haben jedoch einige bevorzugte Konverter Plugins, die kleinere Konvertierungsaufgaben erledigen, zusammen mit Web Apps und <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-entwickler-engagiert\/\">manuellen Entwicklungsoptionen<\/a>, die f\u00fcr fortgeschrittene HTML zu WordPress Konvertierungsaufgaben n\u00fctzlich sind.<\/p>\n<h3>Vor- und Nachteile der Verwendung eines automatisierten HTML zu WordPress Konverter Plugins oder einer App<\/h3>\n<p>Ein automatisierter HTML zu WordPress Konverter klingt f\u00fcr manche wie ein Segen, aber es ist nicht immer die beste L\u00f6sung. Wirf einen Blick auf die Vor- und Nachteile, bevor du dich f\u00fcr eine App oder ein Plugin entscheidest, das zum Duplizieren oder Konvertieren von HTML entwickelt wurde.<\/p>\n<h4>Vorteile<\/h4>\n<ul>\n<li>Es erspart dir das Erstellen eigener Dateien f\u00fcr deine Webseite und generiert sie oft f\u00fcr dich.<\/li>\n<li>Viele der Konverter geben dir die M\u00f6glichkeit, HTML-Elemente zu zerlegen und auszuw\u00e4hlen, welche davon in die richtigen Dateien f\u00fcr WordPress gehen sollen.<\/li>\n<li>Du kannst ein Theme aus altem HTML erstellen und dieses auf mehreren Webseiten verwenden.<\/li>\n<li>Einige Tools ben\u00f6tigen nur eine <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-eine-url\/\">URL<\/a>, um eine neue Webseite oder ein Theme zu erstellen.<\/li>\n<li>Andere Tools bieten Optionen, um eine <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-seite-klont\/\">Webseite zu duplizieren<\/a>, die du nicht besitzt, und bieten einen Ausgangspunkt f\u00fcr ein Design, das dir gef\u00e4llt.<\/li>\n<\/ul>\n<h4>Nachteile<\/h4>\n<ul>\n<li>Oft bleibt dir noch manuelle Arbeit, um Inhalte wie Blogbeitr\u00e4ge und Fotos zu \u00fcbertragen.<\/li>\n<li>Du wirst wahrscheinlich herausfinden m\u00fcssen, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-domain-andern\/\">wie du die Links von deiner alten Webseite manuell \u00fcbertragen<\/a><\/li>\n<li>Diese Konverter werden nicht immer auf dem neuesten Stand gehalten. Einer der besten Konverter war ein WordPress Plugin, aber wir haben es in diesem Artikel nicht empfohlen, da der Entwickler es nicht mehr pflegt.<\/li>\n<li>Es kann sein, dass einige der Konverter mit gr\u00f6\u00dferen Dateien nicht zurechtkommen.<\/li>\n<\/ul>\n<p>Jetzt, wo du die Vor- und Nachteile von automatisierten HTML-Konvertern kennst, werfen wir einen Blick auf unsere Lieblings-Apps und Plugins f\u00fcr automatisierte Konverter.<\/p>\n<h3>WP Site Importer<\/h3>\n<p>Obwohl das <a href=\"https:\/\/www.wpsiteimporter.com\/\">WP Site Importer<\/a> Tool alle Arten von Inhalten und Dateien von \u00e4lteren Webseiten oder Webseiten von Drittanbietern extrahiert und importiert, kannst du darauf wetten, dass eines dieser Elemente HTML beinhaltet. Kurz gesagt, der WP Site Importer erm\u00f6glicht es dir, jede Webseite in eine WordPress Webseite zu verwandeln, indem er Inhalte wie Bilder, Men\u00fcs und Seiten aus der HTML Seite und den Dateien der Webseite zieht. Der WP Site Importer behebt <a href=\"https:\/\/kinsta.com\/de\/blog\/beschadigte-links\/\">defekte Links<\/a>, sodass du sie nicht manuell anpassen oder neue hinzuf\u00fcgen musst. Es beh\u00e4lt sogar die SEO-Informationen der vorherigen Webseite bei, einschlie\u00dflich Meta-Beschreibungen und Keywords.<\/p>\n<figure id=\"attachment_84164\" aria-describedby=\"caption-attachment-84164\" style=\"width: 925px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84164 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/site-importer.png\" alt=\"WP Site Importer\" width=\"925\" height=\"791\"><figcaption id=\"caption-attachment-84164\" class=\"wp-caption-text\">WP Site Importer<\/figcaption><\/figure>\n<p>Der Importer spart dir Zeit und Geld, indem er die Kosten f\u00fcr einen Entwickler einspart und diese HTML- und Inhaltskonvertierung zu einem Ein-Klick-Prozess macht. Au\u00dferdem s\u00e4ubert er dein HTML, indem er den Quell-HTML-Code bereinigt und neu formatiert. Das macht deine HTML-Dateien kompatibler mit WordPress und zeigt Google, dass du mit sauberem Code arbeitest, was wiederum deine <a href=\"https:\/\/kinsta.com\/de\/?s=seo\">SEO<\/a> verbessert.<\/p>\n<p>Das WP Site Importer Tool funktioniert als direktes WordPress Plugin, so dass du das Plugin herunterladen und seine Funktionen direkt \u00fcber das Dashboard aktivieren kannst.<\/p>\n<h3>WP All Import<\/h3>\n<figure id=\"attachment_84107\" aria-describedby=\"caption-attachment-84107\" style=\"width: 1045px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84107 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/wp-all-import.png\" alt=\"WP All Import\" width=\"1045\" height=\"349\"><figcaption id=\"caption-attachment-84107\" class=\"wp-caption-text\">WP All Import<\/figcaption><\/figure>\n<p>Das <a href=\"https:\/\/wordpress.org\/plugins\/wp-all-import\/\">WP All Import<\/a> Plugin ist eines der schnellsten und einfachsten Tools, um XML-Dateien mit HTML-Daten hochzuladen. Mit dem Plugin kannst du Inhalte von einer vorherigen Webseite oder einer potentiellen Demo-Webseite, die mit einfachem HTML oder einigen HTML-Dateien erstellt wurde, die du gerne duplizieren und auf die neue WordPress Seite \u00fcbertragen m\u00f6chtest, migrieren.<\/p>\n<p>Die Konvertierung geschieht in nur vier Schritten und du erh\u00e4ltst Zugang zu einer sch\u00f6nen Drag-and-Drop-Oberfl\u00e4che, um deine Konvertierungen und Importe zu verwalten. Interessant am WP All Import Plugin ist auch, dass es URL-Importe von externen Webseiten \u00fcbernimmt. Daher musst du nicht einmal ein Passwort oder die Kontrolle \u00fcber eine Webseite haben, um diese wenigen Dateien und m\u00f6glicherweise gerenderte Elemente in WordPress von dieser Webseite zu \u00fcbertragen.<\/p>\n<p>Eine vollst\u00e4ndige Konvertierung einer Webseite kann mit diesem Plugin eine Herausforderung darstellen, aber es ist einen Versuch wert, besonders wenn es sich um eine einfache HTML-Datei handelt. Dar\u00fcber hinaus unterst\u00fctzt das Plugin HTML-Konvertierungen f\u00fcr Elemente wie <a href=\"https:\/\/kinsta.com\/de\/blog\/woocommerce-tutorial\/#new-products\">WooCommerce-Produkte<\/a> und WordPress-Seiten. Eine Premium-Version ist f\u00fcr erweiterte Funktionen erh\u00e4ltlich, vor allem f\u00fcr den Premium-Support, der es dir erm\u00f6glicht, bei diesen Konvertierungen um Hilfe zu bitten.<\/p>\n<h3>HTMLtoWordPress.io<\/h3>\n<figure id=\"attachment_84108\" aria-describedby=\"caption-attachment-84108\" style=\"width: 1184px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84108 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/html-to-word.png\" alt=\"HTMLtoWordPress.io\" width=\"1184\" height=\"663\"><figcaption id=\"caption-attachment-84108\" class=\"wp-caption-text\">HTMLtoWordPress.io<\/figcaption><\/figure>\n<p>Die <a href=\"https:\/\/htmltowordpress.io\/\">HTMLtoWordPress.io online app<\/a> ist eine der beliebteren L\u00f6sungen f\u00fcr die Konvertierung einer HTML-Datei zu WordPress. Das Spannende am HTMLtoWordPress.io Tool ist, dass es in erster Linie Konvertierungen f\u00fcr komplette Webseiten anbietet, also Webseiten, die mit HTML aufgebaut sind.<\/p>\n<p>Alles, was du tun musst, ist die Homepage aufzurufen und deine HTML-Zip-Datei f\u00fcr eine schnelle Konvertierung hochzuladen. Die Web-App automatisiert die Konvertierung von HTML zu WordPress vollst\u00e4ndig, so dass keine Programmierkenntnisse erforderlich sind oder ein Grund besteht, sich mit einem FTP-Client herumzuschlagen.<\/p>\n<p>Du kannst dir auch eine vollst\u00e4ndige Vorschau deiner neuen WordPress Seite ansehen, bevor du den Prozess abschlie\u00dft und sie im Internet ver\u00f6ffentlichst. Die Inhalte und Bilder deiner Webseite bleiben auch f\u00fcr die neue WordPress Seite erhalten. Sie sind \u00fcber die Simple Live Editor App editierbar und es soll diese Bilder, zusammen mit JavaScript und CSS, ohne Probleme referenzieren. Insgesamt sieht es nach einer soliden L\u00f6sung aus, wenn du eine oder mehrere HTML Webseiten hast, die konvertiert werden m\u00fcssen. Als Bonus kannst du Klassen zu deinem HTML hinzuf\u00fcgen, um <a href=\"https:\/\/kinsta.com\/de\/\">erweiterte WordPress-Funktionen zu nutzen<\/a>.<\/p>\n<h3>Pinegrow Theme Converter f\u00fcr WordPress<\/h3>\n<p>Der <a href=\"https:\/\/pinegrow.com\/theme-converter-for-wordpress\">Pinegrow Theme Converter<\/a> ist ein einzigartiges Webdesign Tool, um einen HTML Webseiten Ordner zu nehmen und ihn sofort in ein komplettes WordPress Theme zu konvertieren. Der Theme Converter l\u00e4dt deine Dateien hoch und pr\u00e4sentiert eine Vorschau der WordPress Seite in einer visuellen Oberfl\u00e4che. Nach dem Upload kannst du verschiedene Elemente auf den Seiten anklicken und jedem Element intelligente Aktionen zuweisen. Diese integrieren sich mit WordPress, so dass, w\u00e4hrend du Aktionen zuweist, es die richtigen WordPress-Funktionen zu deiner <a href=\"https:\/\/kinsta.com\/de\/blog\/bearbeitest-wordpress-code\/\">benutzerdefinierten HTML-Struktur<\/a> und dem Styling hinzuf\u00fcgt.<\/p>\n<figure id=\"attachment_84109\" aria-describedby=\"caption-attachment-84109\" style=\"width: 933px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84109 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/pinegrow.png\" alt=\"Pinegrow Theme Konverter\" width=\"933\" height=\"581\"><figcaption id=\"caption-attachment-84109\" class=\"wp-caption-text\">Pinegrow Theme Konverter<\/figcaption><\/figure>\n<p>Sobald du dich f\u00fcr die gew\u00fcnschten Aktionen entschieden und die Dateien gespeichert hast, verf\u00fcgt Pinegrow \u00fcber eine Option zum Exportieren des Projekts in Standard-WordPress-<a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-php\/\">PHP<\/a>-Dateien, die in eine regul\u00e4re WordPress-Installation hochgeladen werden k\u00f6nnen, um es in der Realit\u00e4t zu testen. Au\u00dferdem sorgt das Content-Import-System daf\u00fcr, dass du die Medienelemente wie Bilder und Videos erfolgreich \u00fcberf\u00fchrst.<\/p>\n<p>Besonders gut gefallen uns die Funktionen, die es dir erm\u00f6glichen, zur\u00fcck in Pinegrow zu gehen und \u00c4nderungen vorzunehmen. Alles, was du tun musst, ist auf den Update-Button zu klicken und die neue Version an dein WordPress-Theme zu senden, ohne dass du fortgeschrittene \u00c4nderungen am Coding vornehmen oder die Webseite in WordPress anpassen musst.<\/p>\n<p>Es handelt sich hierbei nicht um ein Plugin. In der Tat werden keine WordPress Plugins verwendet, um die HTML-Datei in ein WordPress Theme zu verwandeln. Pinegrow kommt als herunterladbare Software in Mac-, Windows- und Linux-Versionen. Vom sch\u00f6nen visuellen Editor bis zur sofortigen Aktualisierungsfunktion sieht die Pinegro Software wie eine der besten Optionen aus, um eine vollst\u00e4ndige HTML Webseite in ein WordPress Theme zu konvertieren.<\/p>\n<h3>Jekyll<\/h3>\n<figure id=\"attachment_84110\" aria-describedby=\"caption-attachment-84110\" style=\"width: 926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84110 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/Jekyll.png\" alt=\"Jekyll\" width=\"926\" height=\"729\"><figcaption id=\"caption-attachment-84110\" class=\"wp-caption-text\">Jekyll<\/figcaption><\/figure>\n<p>\u00a0<\/p>\n<p><a href=\"https:\/\/jekyllrb.com\/\">Jekyll<\/a> ist ein kostenloser HTML zu WordPress Konverter, der funktioniert, indem er einfache Textdateien in echte Webseiten umwandelt. Das Projekt wird auf <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-github\/\">GitHub<\/a> als kostenloser Download gehostet. Es bietet die M\u00f6glichkeit, auf Datenbanken und Kommentarmoderation zu verzichten und sich stattdessen auf die \u00dcbertragung von Inhalten und die \u00dcbertragung\/Konvertierung von Dateien mit HTML, CSS und Markdown zu konzentrieren.<\/p>\n<p>Ein interessanter Teil von Jekyll ist, dass es sich um blog-orientierte HTML-Designs k\u00fcmmert und die Inhaltseinstellungen f\u00fcr Seiten, Beitr\u00e4ge und <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-permalinks\/\">Permalinks<\/a> zusammenstellt, um deinen Blog zu migrieren und benutzerdefinierte Layouts und Kategorien und viele andere Elemente beizubehalten oder zu erstellen.<\/p>\n<p>Du kannst den Jekyll-Konverter auf macOS, Ubuntu, Windows und sogar anderen Linux-Betriebssystemen installieren. Alles in allem ist Jekyll ein freiwilliges Projekt mit verschiedenen Ressourcen wie Themes, Plugins und Anleitungen, um dein Wissen zu testen und dir zu helfen, ein HTML-Design in etwas Besonderes zu verwandeln.<\/p>\n<p>Uns gefallen besonders die Integrationen mit E-Commerce Tools wie MemberSpace und Formular-Apps wie Getform. Die Liste der Integrationen ist lang, aber es ist ein wahrer Beweis daf\u00fcr, wie viel Potential du mit deiner Webseite hast, nachdem du die HTML zu WordPress Konvertierung gemacht hast.<\/p>\n<h3>Theme Matcher<\/h3>\n<figure id=\"attachment_84112\" aria-describedby=\"caption-attachment-84112\" style=\"width: 930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84112 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/theme-matcher.png\" alt=\"Theme Matcher Converter f\u00fcr HTML zu WordPress\" width=\"930\" height=\"496\"><figcaption id=\"caption-attachment-84112\" class=\"wp-caption-text\">Theme Matcher Converter f\u00fcr HTML zu WordPress<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.themematcher.com\/\">Theme Matcher<\/a> ist nicht so sehr ein HTML-Dateikonverter, sondern ein Extraktor von HTML-Dateien von Webseiten Dritter. Es generiert vollwertige WordPress Themes, nachdem du eine URL von deiner <a href=\"https:\/\/kinsta.com\/de\/blog\/portfolio-website\/\">pers\u00f6nlichen Webseite<\/a> oder einer HTML Webseite, die du nicht besitzt, eingef\u00fcgt hast.<\/p>\n<p>Die Idee hinter dieser Art von Konverter und Theme-Generator ist es, entweder eine deiner eigenen HTML Webseiten zu nehmen und sie in eine komplette WordPress Webseite zu verwandeln oder ein Theme zu erstellen, das auf einem Design basiert, das du anderswo online gesehen hast.<\/p>\n<figure id=\"attachment_84111\" aria-describedby=\"caption-attachment-84111\" style=\"width: 943px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84111 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/bonobos.png\" alt=\"Vorschau des Theme Matchers\" width=\"943\" height=\"914\"><figcaption id=\"caption-attachment-84111\" class=\"wp-caption-text\">Vorschau des Theme Matchers<\/figcaption><\/figure>\n<p>Du k\u00f6nntest zum Beispiel zu deinem Lieblings-Onlineshop navigieren und entscheiden, dass du dein Design mit dieser Formatierung und Struktur beginnen m\u00f6chtest. Der Theme Matcher generiert ein komplett neues Theme f\u00fcr deine Webseite, das nat\u00fcrlich aus urheberrechtlichen Gr\u00fcnden ge\u00e4ndert werden muss, aber es ist ein wunderbarer Startpunkt f\u00fcr dich.<\/p>\n<p>Der Prozess funktioniert, indem du die URL deiner Webseite kopierst und in das Feld des Theme Matchers einf\u00fcgst. Bitte es, ein Theme f\u00fcr dich zu erstellen und w\u00e4hle das Layout der Webseite aus, um es zu WordPress zu konvertieren. Ein Gro\u00dfteil der HTML-zu-WordPress-Konvertierung l\u00e4uft hier im Hintergrund ab, und es ist wichtig, diese WordPress-Inhaltsbereiche zu identifizieren, damit es einem echten WordPress-Theme so nahe wie m\u00f6glich kommt. Schlie\u00dflich kannst du das Theme herunterladen und es in dein WordPress <a href=\"https:\/\/kinsta.com\/de\/blog\/content-management-system\/\">CMS<\/a> hochladen.<\/p>\n<p>Wenn deine Webseite noch nicht live ist und du keine URL einf\u00fcgen kannst, bietet der Theme Matcher eine M\u00f6glichkeit, eine Zip-Datei deiner HTML-Seite hochzuladen, um dann den gleichen Prozess zu durchlaufen.<\/p>\n<h3>Import Into Blog<\/h3>\n<figure id=\"attachment_84113\" aria-describedby=\"caption-attachment-84113\" style=\"width: 926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84113 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/import-to-blog.png\" alt=\"ImportIntoBlog.com HTML zu WordPress Converter\" width=\"926\" height=\"659\"><figcaption id=\"caption-attachment-84113\" class=\"wp-caption-text\">ImportIntoBlog.com HTML zu WordPress Converter<\/figcaption><\/figure>\n<div class=\"mceTemp\"><\/div>\n<p>Die <a href=\"https:\/\/importintoblog.com\/\">Import Into Blog<\/a> Webseite ist eine Online-App, die HTML- und andere Dateien von deiner Webseite in eine WordPress Seite konvertiert. Es stehen mehrere Optionen zur Verf\u00fcgung, wie z.B. die Erstellung einer herunterladbaren <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-importproblemen\/\">XML-Datei to Import<\/a> in deine WordPress Seite. Du kannst auch erw\u00e4gen, das Endergebnis als WordPress Theme herunterzuladen, um es in WordPress hochzuladen und die fertige Webseite zu sehen.<\/p>\n<p>Eine automatische Wiederherstellung deiner Webseite ist mit dem ImportIntoBlog Tool m\u00f6glich. Ganz zu schweigen davon, dass alle <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-seo\/#16-create-an-internal-linking-strategy\">internen Links<\/a> umgeschrieben werden, so dass sie zu den richtigen Seiten auf deiner neuen Webseite f\u00fchren. Der Gro\u00dfteil der Inhalte deiner Webseite wird automatisch erkannt und du kannst das Aussehen und den Stil des Themes anpassen, bevor du es exportierst. Im Allgemeinen arbeitet das Tool am besten mit statischen HTML-Dateien oder einer URL. Es verwaltet CSS-Dateien und Javascript und erm\u00f6glicht es dir, die komplette Geschichte hinter deiner Webseite herauszufinden und daf\u00fcr zu sorgen, dass sie richtig funktioniert.<\/p>\n<h3>HTML to WordPress Converter<\/h3>\n<figure id=\"attachment_84162\" aria-describedby=\"caption-attachment-84162\" style=\"width: 940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84162 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/convert.png\" alt=\"HTML zu WordPress Converter App\" width=\"940\" height=\"691\"><figcaption id=\"caption-attachment-84162\" class=\"wp-caption-text\">HTML zu WordPress Converter App<\/figcaption><\/figure>\n<p>Der <a href=\"https:\/\/www.htmltowordpressconverter.com\/\">HTML zu WordPress Converter<\/a> ist eine weitere L\u00f6sung, die eine HTML Webseite nimmt und sie in ein WordPress Theme umwandelt.<\/p>\n<p>Es gibt ein Feld, in das du die URL deiner Webseite einf\u00fcgst und auf den Button Theme generieren klickst. Du w\u00e4hlst die Inhalts- und Sidebar-Bereiche f\u00fcr WordPress aus, so dass deine Seiten und Beitr\u00e4ge an den richtigen Stellen landen, und du ziehst genau die notwendigen Daten von der vorherigen HTML Webseite. Es sieht so aus, als ob alle deine Inhalte \u00fcbertragen werden sollten. Es kann jedoch sein, dass du deine Fotos und andere Medienelemente noch einmal \u00fcberpr\u00fcfen und den gelegentlichen Upload durch WordPress vervollst\u00e4ndigen musst.<\/p>\n<p>Dies erzeugt ein Theme und keine komplette Webseite. Du musst deine eigene WordPress Seite aktivieren und es <a href=\"https:\/\/kinsta.com\/de\/wordpress-hosting\/\">woanders hosten<\/a>. Du l\u00e4dst das Theme von diesem Tool herunter, ein Theme, das genau wie die HTML Webseite von vorher aussieht. Behalte im Hinterkopf, dass einige Elemente nicht mehr so funktionieren werden, wie du sie urspr\u00fcnglich hattest, aber es macht einen wunderbaren Job, die Struktur und Formatierung deiner Webseite aus unseren Tests beizubehalten.<\/p>\n<p>Anscheinend bieten die Entwickler des HTML zu WordPress Konverter Tools auch kostenlose <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-css\/\">CSS Korrekturen<\/a> an, falls etwas nicht so herauskommt, wie du es wolltest.<\/p>\n<h3>PHP Simple HTML DOM Parser<\/h3>\n<figure id=\"attachment_84163\" aria-describedby=\"caption-attachment-84163\" style=\"width: 934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84163 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/parser.png\" alt=\"PHP Simple HTML DOM Parser tool\" width=\"934\" height=\"251\"><figcaption id=\"caption-attachment-84163\" class=\"wp-caption-text\">PHP Simple HTML DOM Parser tool<\/figcaption><\/figure>\n<p>Der <a href=\"https:\/\/sourceforge.net\/projects\/simplehtmldom\/\">PHP Simple HTML DOM Parser<\/a> vervollst\u00e4ndigt einen notwendigen Prozess beim Hochladen einer HTML-Datei in WordPress. Der Parser findet, extrahiert und ver\u00e4ndert alle HTML-Elemente auf deiner Webseite oder in einer HTML-Datei. Auf diese Weise kannst du <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-fehler\/\">Fehler<\/a> identifizieren, sie vor der Konvertierung zu einer WordPress Seite beheben oder sogar das Tool nutzen, um die HTML-Elemente zu \u00e4ndern, die auf deiner aktuellen WordPress Webseite vorhanden sind.<\/p>\n<p>Dies ist ein kostenloser Download von der Webseite SourceForge, so dass du dir Bewertungen ansehen und bei Bedarf um Support bitten kannst.<\/p>\n<h3>Einen Entwickler anheuern<\/h3>\n<figure id=\"attachment_84165\" aria-describedby=\"caption-attachment-84165\" style=\"width: 927px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84165 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/acclaim.png\" alt=\"Acclaim HTML zu WordPress Konvertierungsservice\" width=\"927\" height=\"567\"><figcaption id=\"caption-attachment-84165\" class=\"wp-caption-text\">Acclaim HTML zu WordPress Konvertierungsservice<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.hirewpgeeks.com\/\">WP Geeks<\/a>, <a href=\"https:\/\/www.wponlinesupport.com\/migrate-html-to-wordpress\/\">WP Online Support<\/a> und <a href=\"https:\/\/acclaim.agency\/html-to-wordpress-conversion-service\">Acclaim<\/a> bieten g\u00fcnstige HTML zu WordPress Konvertierungsservices f\u00fcr diejenigen an, die sich entweder nicht selbst um die Konvertierung k\u00fcmmern wollen oder eines der oben genannten automatisierten Tools keine soliden Ergebnisse liefert. Der Grund, warum die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-entwickler-engagiert\/\">Beauftragung eines Entwicklers<\/a> manchmal so viel Sinn macht, ist, dass du am Ende Zeit und Geld f\u00fcr den Prozess sparen kannst, besonders wenn es sich um eine einfache Aufgabe handelt, f\u00fcr die du einfach nicht das Wissen hast.<\/p>\n<p>Eine Partnerschaft mit einem echten Entwickler bedeutet, dass du keine deiner eigenen technischen F\u00e4higkeiten &#8211; oder fehlenden technischen F\u00e4higkeiten &#8211; einsetzen musst, um eine neue Webseite aus den HTML-Dateien zu erstellen. Die Aufgabe wird an Leute delegiert, die wissen, was sie tun, und es ist viel wahrscheinlicher, dass du die richtige Hilfe findest und Fragen und W\u00fcnsche stellen kannst, als bei einer Web-App, die vielleicht einige Entwickler hat, die dir helfen k\u00f6nnen.<\/p>\n<p>Ganz zu schweigen davon, dass du auf diese Weise W\u00fcnsche \u00e4u\u00dfern kannst, welche Funktionen du auf der neuen Webseite beibehalten m\u00f6chtest. Und es ist fast eine Garantie daf\u00fcr, dass die Aktionen auf der Webseite tats\u00e4chlich \u00fcbertragen werden und so funktionieren, wie sie sollten.<\/p>\n<p>Wir verstehen, dass die Beauftragung eines HTML-zu-WordPress-Entwicklers nicht immer im Budget liegt, aber es ist eine \u00dcberlegung wert, wenn du in Schwierigkeiten steckst und ein wenig Geld zur Verf\u00fcgung hast.<\/p>\n<h2>Wie man HTML zu WordPress konvertiert mit einer automatisierten App oder einem Plugin<\/h2>\n<p>Wenn du Fragen zur Verwendung eines der zuvor aufgelisteten automatisierten HTML zu WordPress Konvertierers hast, hier ein Beispiel mit dem <a href=\"https:\/\/www.wpsiteimporter.com\/\">WP Site Importer<\/a>. Dies ist eine der seri\u00f6seren L\u00f6sungen und es ist ein WordPress Plugin eines Drittanbieters, das viele der Funktionen von anderen automatisierten HTML zu WordPress Konvertierern zusammenbringt.<\/p>\n<p>Um zu beginnen, lade das WP Site Importer Plugin herunter, installiere und aktiviere es in deinem WordPress Dashboard. Du musst die Zip-Datei von der Webseite des Entwicklers herunterladen und dich f\u00fcr die kostenlose Testversion anmelden. Es gibt auch Premium-Pl\u00e4ne, die du in Betracht ziehen kannst. <a href=\"https:\/\/kinsta.com\/de\/blog\/so-installierst-wordpress-plugins\/\">Klicke hier<\/a>, wenn du Fragen zur Installation eines WordPress Plugins hast.<\/p>\n<p>Das WP Site Importer Plugin bietet eine Sammlung von Import Tools f\u00fcr einzelne Seiten und Beitr\u00e4ge, sowie komplette Webseiten und die zus\u00e4tzlichen Elemente, die ben\u00f6tigt werden, um den Job zu erledigen, wie z.B. die Lokalisierung von Bildern und die \u00c4nderung von internen Links.<\/p>\n<p>F\u00fcr dieses Beispiel gehen wir durch die meisten Funktionen und beginnen mit einer einzelnen HTML-Seite. Gehe im Dashboard von WordPress zu <strong>Site Importer &gt; Import Single Page<\/strong>.<\/p>\n<figure id=\"attachment_84527\" aria-describedby=\"caption-attachment-84527\" style=\"width: 938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84527 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-single-page.png\" alt=\"Einzelnes HTML in eine WordPress Seite importieren\" width=\"938\" height=\"564\"><figcaption id=\"caption-attachment-84527\" class=\"wp-caption-text\">Einzelnes HTML in eine WordPress Seite importieren<\/figcaption><\/figure>\n<p>Die meisten Standardeinstellungen des Plugins sind sofort einsatzbereit, was bedeutet, dass du normalerweise nichts \u00e4ndern musst. Es sei denn, du m\u00f6chtest Dinge wie das Importieren einer Seite als Beitrag oder das Entfernen von Featured Images \u00e4ndern. Du kannst gerne durch alle Einstellungen des Plugins scrollen, um sicherzustellen, dass sie deinen Bed\u00fcrfnissen entsprechen.<\/p>\n<p>Alles, was du f\u00fcr den Import einer einzelnen Seite tun musst, ist, die URL einzuf\u00fcgen, die das Plugin scannen soll.<\/p>\n<p><strong>Hinweis<\/strong>: Datei-Uploads sind nur bei mehrseitigen Konvertierungen m\u00f6glich.<\/p>\n<figure id=\"attachment_84526\" aria-describedby=\"caption-attachment-84526\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-page-wizard.png\" alt=\"Der Assistent f\u00fcr die Importseite\" width=\"1060\" height=\"854\"><figcaption id=\"caption-attachment-84526\" class=\"wp-caption-text\">Der Assistent f\u00fcr die Importseite<\/figcaption><\/figure>\n<p>Klicke auf die Schaltfl\u00e4che <strong>Seite<\/strong> <strong>importieren<\/strong>, um fortzufahren.<\/p>\n<figure id=\"attachment_84525\" aria-describedby=\"caption-attachment-84525\" style=\"width: 1009px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84525 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-page.png\" alt=\"Klicke auf den \"Seite importieren\" Button\" width=\"1009\" height=\"416\"><figcaption id=\"caption-attachment-84525\" class=\"wp-caption-text\">Klicke auf den &#8222;Seite importieren&#8220; Button<\/figcaption><\/figure>\n<p>Das Plugin teilt dir mit, was erfolgreich war und bietet mehrere Links, um die neuen WordPress-Seiten in der Vorschau zu sehen und sie bei Bedarf zu bearbeiten.<\/p>\n<figure id=\"attachment_84524\" aria-describedby=\"caption-attachment-84524\" style=\"width: 1038px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84524 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/complete-edit-or-preview.png\" alt=\"Klicke auf den Link 'Vorschau'\" width=\"1038\" height=\"578\"><figcaption id=\"caption-attachment-84524\" class=\"wp-caption-text\">Klicke auf den Link &#8218;Vorschau&#8216;<\/figcaption><\/figure>\n<p>Du m\u00f6chtest auch alle Men\u00fcs auf der statischen HTML Webseite \u00fcbertragen.<\/p>\n<p>Gehe dazu auf <strong>Website-Importer<\/strong> &gt; <strong>Men\u00fcs<\/strong> <strong>importieren<\/strong>.<\/p>\n<figure id=\"attachment_84523\" aria-describedby=\"caption-attachment-84523\" style=\"width: 909px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84523 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-menus.png\" alt=\"Men\u00fcs in WordPress importieren\" width=\"909\" height=\"328\"><figcaption id=\"caption-attachment-84523\" class=\"wp-caption-text\">Men\u00fcs in WordPress importieren<\/figcaption><\/figure>\n<p>Das Importieren eines Men\u00fcs ist \u00e4hnlich wie die Dateikonvertierung, da es nach der URL fragt. Du kannst auch Elemente wie die Men\u00fcdichte und die Mindestgr\u00f6\u00dfe des Men\u00fcs festlegen.<\/p>\n<p>Klicke auf <strong>Men\u00fc<\/strong> <strong>identifizieren<\/strong>, um fortzufahren.<\/p>\n<figure id=\"attachment_84522\" aria-describedby=\"caption-attachment-84522\" style=\"width: 1027px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84522 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/find-menus.png\" alt=\"Das 'Import Men\u00fc Wizard' Panel\" width=\"1027\" height=\"631\"><figcaption id=\"caption-attachment-84522\" class=\"wp-caption-text\">Das &#8218;Import Men\u00fc Wizard&#8216; Panel<\/figcaption><\/figure>\n<p>Jeder Men\u00fcpunkt erscheint nun in einer Liste. Du solltest auch mehrere Men\u00fcs sehen, wenn du mehr als eines auf deiner Webseite hast.<\/p>\n<p>Markiere die Men\u00fcs, die du importieren m\u00f6chtest und gib jedem von ihnen einen Namen. Klicke auf die Schaltfl\u00e4che <strong>Men\u00fc<\/strong> <strong>importieren<\/strong>.<\/p>\n<figure id=\"attachment_84520\" aria-describedby=\"caption-attachment-84520\" style=\"width: 975px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84520 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-menu.png\" alt=\"Men\u00fc importieren\" width=\"975\" height=\"837\"><figcaption id=\"caption-attachment-84520\" class=\"wp-caption-text\">Men\u00fc importieren<\/figcaption><\/figure>\n<p>Bei den WordPress-Men\u00fc-Importen musst du noch die Men\u00fcposition konfigurieren.<\/p>\n<p>Im Dashboard navigierst du zu <strong>Erscheinungsbild &gt; Men\u00fcs<\/strong>.<\/p>\n<p>Benenne und erstelle ein Men\u00fc und speichere es in WordPress. Du solltest das importierte Men\u00fc bereits sehen, wenn alles wie geplant funktioniert hat.<\/p>\n<figure id=\"attachment_84519\" aria-describedby=\"caption-attachment-84519\" style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84519 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/save-the-menu.png\" alt=\"Speichere das importierte Men\u00fc\" width=\"1604\" height=\"877\"><figcaption id=\"caption-attachment-84519\" class=\"wp-caption-text\">Speichere das importierte Men\u00fc<\/figcaption><\/figure>\n<p>Klicke auf den Reiter <strong>Standorte verwalten<\/strong> und finde das importierte Men\u00fc im Dropdown. Du solltest das neue Men\u00fc an dem von dir gew\u00e4hlten Ort platzieren.<\/p>\n<p>Achte darauf, die <strong>\u00c4nderungen zu speichern<\/strong>, wenn du fertig bist.<\/p>\n<figure id=\"attachment_84518\" aria-describedby=\"caption-attachment-84518\" style=\"width: 1033px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84518 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/manage-location.png\" alt=\"\u00c4ndere die Position des Men\u00fcs, wenn n\u00f6tig\" width=\"1033\" height=\"507\"><figcaption id=\"caption-attachment-84518\" class=\"wp-caption-text\">\u00c4ndere die Position des Men\u00fcs, wenn n\u00f6tig<\/figcaption><\/figure>\n<p>Ein weiterer Teil des Imports einer HTML Webseite in WordPress ist die Lokalisierung der Bilder. Um diesen Prozess abzuschlie\u00dfen, gehe zu <strong>Website-Importer &gt; Bilder lokalisieren<\/strong>.<\/p>\n<figure id=\"attachment_84517\" aria-describedby=\"caption-attachment-84517\" style=\"width: 903px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84517 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/local-images.png\" alt=\"Bilder f\u00fcr die HTML zu WordPress Konvertierung lokalisieren\" width=\"903\" height=\"427\"><figcaption id=\"caption-attachment-84517\" class=\"wp-caption-text\">Bilder f\u00fcr die HTML zu WordPress Konvertierung lokalisieren<\/figcaption><\/figure>\n<p>Alle Standardeinstellungen f\u00fcr die Bildlokalisierung sind in der Regel gut zu verwenden.<\/p>\n<p>Klicke auf die Schaltfl\u00e4che <strong>Weiter<\/strong>.<\/p>\n<figure id=\"attachment_84516\" aria-describedby=\"caption-attachment-84516\" style=\"width: 1161px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84516 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/next-s.png\" alt=\"Dr\u00fccke den 'Weiter'-Button um zu beginnen\" width=\"1161\" height=\"818\"><figcaption id=\"caption-attachment-84516\" class=\"wp-caption-text\">Dr\u00fccke den &#8218;Weiter&#8216;-Button um zu beginnen<\/figcaption><\/figure>\n<p>Du wirst eine Liste der Bilder sehen, die von der vorherigen Webseite \u00fcbertragen wurden.<\/p>\n<p>W\u00e4hle die Bilder aus, die du lokalisieren m\u00f6chtest und klicke auf die Schaltfl\u00e4che <strong>Weiter<\/strong>.<\/p>\n<figure id=\"attachment_84515\" aria-describedby=\"caption-attachment-84515\" style=\"width: 1609px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84515 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/next-buttons.png\" alt=\"Alle importierten Bilder sehen\" width=\"1609\" height=\"841\"><figcaption id=\"caption-attachment-84515\" class=\"wp-caption-text\">Alle importierten Bilder sehen<\/figcaption><\/figure>\n<p>Innerhalb von Sekunden f\u00fcgt das Plugin jedes Bild zu deiner WordPress-Mediathek hinzu und gibt ihnen alle URLs auf der neuen Webseite. Du kannst in die Mediathek gehen, um sicherzustellen, dass dieser \u00dcbergang stattgefunden hat.<\/p>\n<figure id=\"attachment_84514\" aria-describedby=\"caption-attachment-84514\" style=\"width: 1565px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84514 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/all-done.png\" alt=\"Das Endprodukt der lokalisierten Bilder\" width=\"1565\" height=\"840\"><figcaption id=\"caption-attachment-84514\" class=\"wp-caption-text\">Das Endprodukt der lokalisierten Bilder<\/figcaption><\/figure>\n<p>Ein weiterer Teil einer HTML-Konvertierung beinhaltet die Aktualisierung deiner internen Links. Alle Webseiten-Transfers f\u00fchren typischerweise zu kaputten Links und Problemen mit den URL-Strukturen.<\/p>\n<p>Wir m\u00fcssen diese beheben, also gehe zu <strong>Site Importer &gt; Interne Links<\/strong> aktualisieren, um loszulegen.<\/p>\n<figure id=\"attachment_84513\" aria-describedby=\"caption-attachment-84513\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84513 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/update-links.png\" alt=\"Aktualisiere interne Links gr\u00fcndlich\" width=\"918\" height=\"450\"><figcaption id=\"caption-attachment-84513\" class=\"wp-caption-text\">Aktualisiere interne Links gr\u00fcndlich<\/figcaption><\/figure>\n<p>Auf der folgenden Seite wird erkl\u00e4rt, wie die \u00e4lteren Links durch Versionen der neuen Domain der Webseite ersetzt werden, indem Unterverzeichnisse f\u00fcr eine fl\u00fcssige Benutzererfahrung hinzugef\u00fcgt werden, die sich auf der URL der WordPress Seite befinden.<\/p>\n<p>Alles was du tun musst, ist auf den Button Links aktualisieren zu klicken. Das Plugin erledigt alle Umstellungen f\u00fcr dich.<\/p>\n<figure id=\"attachment_84512\" aria-describedby=\"caption-attachment-84512\" style=\"width: 1329px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84512 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/update-the-link.png\" alt=\"Klicke auf die Schaltfl\u00e4che 'Links aktualisieren'.\" width=\"1329\" height=\"777\"><figcaption id=\"caption-attachment-84512\" class=\"wp-caption-text\">Klicke auf die Schaltfl\u00e4che &#8218;Links aktualisieren&#8216;.<\/figcaption><\/figure>\n<p>Wenn du vorhast, eine ganze HTML Webseite zu konvertieren (im Gegensatz zu einer Seite), navigiere zum Reiter <strong>Mehrere Seiten importieren<\/strong> unter dem Men\u00fc <strong>Site<\/strong> <strong>Importer<\/strong>.<\/p>\n<p>Dies ist auch eine wunderbare Option f\u00fcr diejenigen, die lokale Webseiten-Dateien hochladen m\u00f6chten, anstatt eine Live-URL zu kopieren.<\/p>\n<figure id=\"attachment_84511\" aria-describedby=\"caption-attachment-84511\" style=\"width: 949px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84511 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/multiple-pages-here.png\" alt=\"Mehrere Seiten auf einmal importieren\" width=\"949\" height=\"488\"><figcaption id=\"caption-attachment-84511\" class=\"wp-caption-text\">Mehrere Seiten auf einmal importieren<\/figcaption><\/figure>\n<p>Der Assistent f\u00fcr <strong>mehrere<\/strong> <strong>Seiten<\/strong> hat Felder zum Einf\u00fcgen einer URL und zum Hochladen von Webseiten HTML-Dateien.<\/p>\n<p>W\u00e4hle das aus, was f\u00fcr deine Aufgabe am besten geeignet ist.<\/p>\n<figure id=\"attachment_84510\" aria-describedby=\"caption-attachment-84510\" style=\"width: 1146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84510 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/choose-file-s.png\" alt=\"Gib die URL ein, die f\u00fcr den Import gescannt werden soll\" width=\"1146\" height=\"823\"><figcaption id=\"caption-attachment-84510\" class=\"wp-caption-text\">Gib die URL ein, die f\u00fcr den Import gescannt werden soll<\/figcaption><\/figure>\n<p>W\u00e4hrend die HTML Webseite konvertiert und importiert wird, siehst du eine Liste von URLs, die in deine WordPress Webseite gezogen werden. Du kannst einige der Seiten aus dem Import entfernen, wenn du sie nicht brauchst. Du hast auch die M\u00f6glichkeit, Beitr\u00e4ge zu importieren, sie als unver\u00f6ffentlicht einzustellen und das Featured Image einzubinden.<\/p>\n<figure id=\"attachment_84528\" aria-describedby=\"caption-attachment-84528\" style=\"width: 1707px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84528 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/next-button.png\" alt=\"Der 'Assistent f\u00fcr den Import mehrerer Seiten'\" width=\"1707\" height=\"805\"><figcaption id=\"caption-attachment-84528\" class=\"wp-caption-text\">Der &#8218;Assistent f\u00fcr den Import mehrerer Seiten&#8216;<\/figcaption><\/figure>\n<p>Der letzte Schritt zeigt die vollst\u00e4ndige Liste der Webseiten, die von deiner Webseite in dein WordPress System konvertiert wurden. Du kannst nun auf die Schaltfl\u00e4che <strong>Bearbeiten<\/strong> oder <strong>Vorschau<\/strong> f\u00fcr jede Seite klicken, um mit der Anpassung deiner Webseite fortzufahren.<\/p>\n<figure id=\"attachment_84529\" aria-describedby=\"caption-attachment-84529\" style=\"width: 1439px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84529 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-many-pages.png\" alt=\"Alle Seiten importiert und bereit\" width=\"1439\" height=\"714\"><figcaption id=\"caption-attachment-84529\" class=\"wp-caption-text\">Alle Seiten importiert und bereit<\/figcaption><\/figure>\n<p>Denke daran, dass eine Konvertierung wie diese nicht bedeutet, dass du sofort das exakte Design deiner HTML Webseite sehen wirst. Es kann sein, dass du ein Stylesheet importieren oder die Webseite oder Seiten sogar selbst programmieren musst.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Der Wechsel von HTML zu WordPress erfordert ein wenig Arbeit. Aber es ist die Herausforderung wert. Ein HTML-zu-WordPress-Upload kann auch bei weniger aufw\u00e4ndigen Aufgaben helfen, wie z.B. der <a href=\"https:\/\/kinsta.com\/de\/blog\/google-site-verifizierung\/\">\u00dcberpr\u00fcfung der Inhaberschaft<\/a> deiner Webseite oder der Implementierung eines <a href=\"https:\/\/kinsta.com\/de\/blog\/bearbeitest-wordpress-code\/\">einfachen HTML-Moduls<\/a>.<\/p>\n<p>Die M\u00f6glichkeiten sind vielf\u00e4ltig, wenn es um den <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-ein-html-datei-in-wordpress-hochladt\/\">Upload und die Konvertierung von HTML-Dateien<\/a> geht. Denke einfach daran, dass du einen Gro\u00dfteil der Arbeit mit einem automatisierten HTML-Konverter erledigen kannst. Danach wird h\u00f6chstwahrscheinlich manuelle Arbeit anfallen, aber mit der Kombination aus den richtigen Tools und <a href=\"https:\/\/kinsta.com\/de\/lernen\/\">Kenntnissen<\/a> kannst du fast jede beliebige HTML Webseite duplizieren!<\/p>\n<p>Wenn du Fragen zum Hochladen von HTML-Dateien zu WordPress oder zum Konvertieren von HTML zu WordPress Webseiten hast, lass es uns in den Kommentaren unten wissen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Hochladen und Konvertieren von HTML zu WordPress wird aus einer Vielzahl von Gr\u00fcnden gemacht. Es kann sein, dass du eine alte, statische HTML-Seite konvertieren und &#8230;<\/p>\n","protected":false},"author":117,"featured_media":46887,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[215,28],"topic":[999],"class_list":["post-40426","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-html","tag-webdev","topic-wordpress-entwicklung"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML<\/title>\n<meta name=\"description\" content=\"Erfahre, wie du HTML zu WordPress hinzuf\u00fcgst und HTML-Dateien konvertierst, um den Code auf deiner Webseite zum Einsatz zu bringen. Wir decken alles vom Upload bis zur Konvertierung ab.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML\" \/>\n<meta property=\"og:description\" content=\"Erfahre, wie du HTML zu WordPress hinzuf\u00fcgst und HTML-Dateien konvertierst, um den Code auf deiner Webseite zum Einsatz zu bringen. Wir decken alles vom Upload bis zur Konvertierung ab.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-24T16:42:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-24T11:16:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Erfahre, wie du HTML zu WordPress hinzuf\u00fcgst und HTML-Dateien konvertierst, um den Code auf deiner Webseite zum Einsatz zu bringen. Wir decken alles vom Upload bis zur Konvertierung ab.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"62\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML\",\"datePublished\":\"2021-02-24T16:42:42+00:00\",\"dateModified\":\"2023-08-24T11:16:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/\"},\"wordCount\":11161,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png\",\"keywords\":[\"html\",\"webdev\"],\"articleSection\":[\"Die besten WordPress Tutorials\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/\",\"name\":\"HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png\",\"datePublished\":\"2021-02-24T16:42:42+00:00\",\"dateModified\":\"2023-08-24T11:16:02+00:00\",\"description\":\"Erfahre, wie du HTML zu WordPress hinzuf\u00fcgst und HTML-Dateien konvertierst, um den Code auf deiner Webseite zum Einsatz zu bringen. Wir decken alles vom Upload bis zur Konvertierung ab.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png\",\"width\":1460,\"height\":730,\"caption\":\"html-to-wordpress-de\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Entwicklung\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-entwicklung\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML","description":"Erfahre, wie du HTML zu WordPress hinzuf\u00fcgst und HTML-Dateien konvertierst, um den Code auf deiner Webseite zum Einsatz zu bringen. Wir decken alles vom Upload bis zur Konvertierung ab.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/","og_locale":"de_DE","og_type":"article","og_title":"HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML","og_description":"Erfahre, wie du HTML zu WordPress hinzuf\u00fcgst und HTML-Dateien konvertierst, um den Code auf deiner Webseite zum Einsatz zu bringen. Wir decken alles vom Upload bis zur Konvertierung ab.","og_url":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2021-02-24T16:42:42+00:00","article_modified_time":"2023-08-24T11:16:02+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png","type":"image\/png"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Erfahre, wie du HTML zu WordPress hinzuf\u00fcgst und HTML-Dateien konvertierst, um den Code auf deiner Webseite zum Einsatz zu bringen. Wir decken alles vom Upload bis zur Konvertierung ab.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png","twitter_creator":"@salmanravoof","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Salman Ravoof","Gesch\u00e4tzte Lesezeit":"62\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML","datePublished":"2021-02-24T16:42:42+00:00","dateModified":"2023-08-24T11:16:02+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/"},"wordCount":11161,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png","keywords":["html","webdev"],"articleSection":["Die besten WordPress Tutorials"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/","url":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/","name":"HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png","datePublished":"2021-02-24T16:42:42+00:00","dateModified":"2023-08-24T11:16:02+00:00","description":"Erfahre, wie du HTML zu WordPress hinzuf\u00fcgst und HTML-Dateien konvertierst, um den Code auf deiner Webseite zum Einsatz zu bringen. Wir decken alles vom Upload bis zur Konvertierung ab.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/02\/html-to-wordpress.png","width":1460,"height":730,"caption":"html-to-wordpress-de"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/html-zu-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress Entwicklung","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-entwicklung\/"},{"@type":"ListItem","position":3,"name":"HTML zu WordPress: Eine detaillierte Anleitung zum Hochladen und Konvertieren von HTML"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/40426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=40426"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/40426\/revisions"}],"predecessor-version":[{"id":46888,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/40426\/revisions\/46888"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40426\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40426\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40426\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40426\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40426\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40426\/translations\/de"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40426\/translations\/pt"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40426\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/46887"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=40426"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=40426"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=40426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}