So laden Sie HTML-Dateien mit 3 einfachen Wegen in WordPress hoch

Veröffentlicht: 2022-09-14

Wenn Sie nach einer idealen Antwort auf die Frage suchen, wie Sie eine HTML-Datei in WordPress hochladen können, ist der heutige Blog für Sie geeignet. Lassen Sie uns Ihnen anhand der folgenden Anweisungen drei Möglichkeiten zur Umsetzung dieser Aufgabe vorstellen.

Einführung

HTML steht für Hypertext Markup Language, die verwendet wird, um die auf der Website enthaltenen Elemente aufzubauen und umzustrukturieren.

HTML ist keine Programmiersprache und kann daher keine dynamischen Funktionen ausführen. HTML-Code hilft Ihnen lediglich dabei, Text und Bilder richtig zu formatieren. Wenn HTML mit CSS und JavaScript kombiniert wird, können Sie ganz einfach eine solide Website-Grundlage erstellen.

Zur einfachen Formatierung einer Vielzahl von Texten, Bildern und zur Unterstützung von Schriftarten und Javascript wurden HTML-Vorlagen erstellt, um diese Aufgabe auszuführen. Einfach ausgedrückt ist eine HTML-Vorlage ein Bündel vorgefertigter HTML-Codes. Sie können es auf Ihre Website hochladen und einfach verwenden.

Verwechseln Sie HTML-Vorlagen jedoch nicht mit WordPress-Designs. Bei HTML-Vorlagen können Sie verstehen, dass es sich um eigenständige ZIP-Dateien handelt, die einzeln auf die Website hochgeladen werden. Jede HTML-Vorlage wirkt sich nur auf das Erscheinungsbild einer einzelnen Seite Ihrer Website aus. Im Gegensatz dazu sind die WordPress-Themes für die Änderung Ihrer gesamten Website verantwortlich. Mit anderen Worten, alle Seiten Ihrer Website sind betroffen, wenn Sie ein WordPress-Theme verwenden.

Der Grund, warum Sie eine HTML-Datei in WordPress hochladen müssen

Normalerweise müssen Sie aus folgenden Gründen eine HTML-Datei in WordPress hochladen:

  • Sie verwenden eine vollständige und großartige HTML-Vorlage auf einer alten Website. Sie möchten es auf Ihrer neuen Website wiederverwenden. Wenn Sie eine HTML-Datei auf Ihre neue WordPress-Website hochladen, erhalten Sie eine Webseite, die genauso aussieht wie die alte Webseite. Auch das spart Ihnen Zeit.
  • In vielen Fällen unterstützt das von Ihnen verwendete WordPress-Theme ein bestimmtes Seitenlayout nicht. Dies ist die Zeit, in der Sie ein benutzerdefiniertes Seitenlayout benötigen. Und Sie können diese Elemente entwerfen und anpassen, nachdem Sie die HTML-Datei auf die WordPress-Site hochgeladen haben.

Beachten Sie jedoch, dass Sie Google HTML-Verifizierungsdateien verwenden müssen, um sicherzustellen, dass Ihre WordPress-Site verifiziert ist.

Worauf warten Sie noch? Sehen wir uns unten 3 Möglichkeiten zum Hochladen von HTML-Dateien in WordPress an!

Die Methoden zum Hochladen von HTML-Dateien in WordPress

Lösung 1: HTML-Datei über das WordPress-Dashboard in WordPress hochladen

Wenn Sie die HTML-Datei mit dem Gutenberg Block Editor in WordPress hochladen möchten, müssen Sie eine kleine Anpassung an der Datei wp-config.php vornehmen. Das bedeutet, dass Sie der WordPress-Medienbibliothek erlauben müssen, Ihre hochgeladenen HTML-Dateien zu akzeptieren.

Da WordPress das Hochladen von HTML-Dateien, .php-Dateien oder .js-Dateien standardmäßig nicht akzeptiert, musst du den folgenden Code zur Datei wp-config.php hinzufügen:

define('ALLOW_UNFILTERED_UPLOADS', true);

Greifen Sie dazu einfach auf cPanel oder den FTP-Client zu und stellen Sie dann eine Verbindung zum public_html-Verzeichnis her . Danach finden Sie wp-config.php -> Edit -> Past den Code oben am Ende der Datei -> Save .

Jetzt wird das Hochladen von HTML-Dateien auf WordPress akzeptiert. Wenn Sie also den Gutenberg-Editor verwenden und eine HTML-Datei zu WordPress-Beiträgen oder -Seiten hinzufügen möchten, öffnen wir einen neuen Beitrag oder eine neue Seite -> fügen Sie den Dateiblock ein -> klicken Sie auf die Schaltfläche Hochladen, um die HTML-Datei hochzuladen .

Falls Sie hoffen, die HTML-Datei mit dem klassischen Editor in Ihre Beiträge/Seiten hochzuladen, führen Sie die folgenden Schritte aus:

  • Drücken Sie im Beitrag/auf der Seite auf die Schaltfläche Medien hinzufügen -> klicken Sie auf die Schaltfläche Hochladen , um die gewünschte HTML-Datei hochzuladen.
  • Wählen Sie die HTML-Datei aus, die Sie bereits hochgeladen haben -> drücken Sie die Schaltfläche In Beitrag einfügen . Dieser Schritt hilft Ihnen dabei, den Link der HTML-Datei zum Beitrag/zur Seite hinzuzufügen, und er wird automatisch in der Medienbibliothek gespeichert.

HTML-Datei in Wordpress hochladen 1

Lösung 2: Verwenden Sie einen FTP-Client, um eine HTML-Datei hochzuladen

Falls Sie die HTML-Datei nur manuell in WordPress hochladen müssen, können Sie dies ganz einfach über den FTP-Client tun. Jetzt zeigen wir Ihnen, wie Sie den FTP-Client (FileZilla) zum Hochladen von HTML-Dateien verwenden.

Der erste Schritt ist sehr wichtig, nämlich das Erstellen eines Backups Ihrer Website, um schlimme Probleme zu vermeiden. Als nächstes öffnen wir Ihren FTP-Client -> füllen Sie die Webserver-Details aus .

Danach müssen Sie auf der linken Seite des Bildschirms, wo Sie die lokale Website sehen können, die HTML-Datei auf Ihrem Computer finden . Navigieren Sie auf der rechten Seite des Bildschirms, wo sich die Remote-Site befindet , einfach zu dem Verzeichnis, in das Sie die HTML-Datei hochladen möchten . Ziehen Sie schließlich die HTML-Datei aus dem linken Bereich in den rechten, um die HTML-Datei in WordPress hochzuladen.

HTML-Datei in Wordpress 2 hochladen

Lösung 3: Greifen Sie auf cPanel zu, um eine HTML-Datei hochzuladen

Eine andere Möglichkeit, HTML-Dateien auf Ihre WordPress-Website hochzuladen, ist die Verwendung von cPanel. Sehen wir uns die folgenden Schritte an:

  • Melden Sie sich bei Ihrem cPanel an -> öffnen Sie den Dateimanager .
  • Erstellen Sie einen neuen Ordner zum Hochladen der HTML-Datei, indem Sie die Option Neuer Ordner auswählen -> Geben Sie den Namen des neuen Ordners ein -> klicken Sie auf die Schaltfläche Neuen Ordner erstellen .

HTML-Datei in Wordpress 3 hochladen

  • Doppelklicken Sie auf den neuen Ordner , den Sie zuvor erstellt haben -> drücken Sie auf Hochladen und wählen Sie die HTML-Datei aus, die Sie hochladen möchten .

HTML-Datei in Wordpress 4 hochladen

  • Nach erfolgreichem Hochladen befindet sich in diesem Ordner eine gezippte HTML-Datei. Entpacken wir es also mit der rechten Maustaste und der Option Extrahieren .
  • Ein Popup-Fenster wird angezeigt und Sie müssen nur auf Dateien extrahieren klicken, um die Aufgabe zum Entpacken der Datei abzuschließen.

HTML-Datei in Wordpress 5 hochladen

Überprüfen Sie das Ergebnis nach dem Hochladen der HTML-Datei in WordPress

Da Sie verschiedene Möglichkeiten zum Hochladen von HTML-Dateien in WordPress verwenden, gibt es verschiedene Möglichkeiten, um zu überprüfen, ob die Datei funktioniert oder nicht.

  • Wenn Sie die erste Lösung verwenden, müssen Sie die Datei einfach im Gutenberg-Editor oder in der Medienbibliothek öffnen. Danach kopieren wir die Datei-URL und fügen sie dann in Ihren Browser ein. Die Datei würde also geladen, damit Sie sie überprüfen können.
  • Falls Sie einen FTP-Client oder CPanel verwenden, ist es eine gute Idee, die URL manuell in Ihren Browser einzugeben. Stellen wir jedoch sicher, dass es in jedem Unterverzeichnis enthalten ist, in das Sie die Datei bereits hochgeladen haben. Zum Beispiel: https://yoursitename/theHTMLfile.html oder https://yoursitename/theHTMLfile.html/wp-content/uploads/theHTMLfile.html

Ende

Kurz gesagt, das sind drei Möglichkeiten, HTML-Dateien in WordPress hochzuladen, die Sie für jede Webseite Ihrer Website tun können. Wenn Sie glauben, dass dieser Blog nützlich ist, warum teilen Sie ihn nicht mit Ihren Freunden und anderen WordPress-Benutzern?

Darüber hinaus sind derzeit zahlreiche SEO-freundliche und attraktive kostenlose WordPress-Themen auf unserer Website verfügbar. Verpassen Sie es also nicht, wenn Sie ein neues fabelhaftes Thema für Ihre Website benötigen! Danke fürs Lesen.