In unserem vorherigen Artikel haben wir Ihnen zwei funktionsreiche Tools gezeigt, die sich durch die Bearbeitung von WordPress-HTML für einzelne Seiten und Beiträge auszeichnen. Lassen Sie uns nun zum nächsten Abschnitt der HTML-Bearbeitung springen, der den WordPress-Quellcode enthält.
Da ein Eingriff in den Quellcode Ihre Website gefährden könnte, entscheiden Sie sich bitte nur für diese Methode, wenn Sie sich Ihrer Codekenntnisse sicher sind.
Sie sind? Dann lass uns anfangen!
Warum Sie wissen sollten, wie Sie HTML-Quellcode bearbeiten
WordPress soll Benutzern helfen, eine Codezeile so weit wie möglich nicht zu berühren. Unnötig zu erwähnen, dass es sich um eine benutzerfreundliche und benutzerfreundliche Plattform handelt, die viele integrierte Funktionen und Plugins bietet, mit denen Benutzer die meisten ihrer Anforderungen erfüllen können.
Wenn es zum Beispiel darum geht, Ihre WordPress-Site anzupassen, gibt es viele Plugins und Themes, die Ihnen helfen, Dinge zu erledigen. Wenn Sie sie installiert und aktiviert haben, können Sie Ihre Site problemlos aufpeppen oder vollständig anpassen. Mit anderen Worten, für die Grundbedürfnisse können Sie mit WordPress alles tun, ohne den Quellcode Ihrer Website zu beeinträchtigen.
Es kommt jedoch eine Zeit, in der Sie mehr Kontrolle über Ihre Site haben möchten, d. H. Erweiterte Anpassungen vornehmen möchten. Selbst im schlimmsten Fall stürzt Ihre Website ab oder es treten Fehler auf, die Sie daran hindern, auf Ihr Admin-Dashboard zuzugreifen.
Unter diesen Umständen könnte das Bearbeiten des WordPress-HTML-Quellcodes das Ticket sein. Als solches wird es Ihnen helfen, die Probleme zu beheben.
Dieser Beitrag zeigt Ihnen eine vollständige Anleitung zum Bearbeiten von HTML-Quellcode in WordPress. Dementsprechend können Sie die für Ihre spezifischen Anforderungen am besten geeignete Lösung auswählen.
- HTML-Quellcode mit WordPress Theme Editor bearbeiten
- HTML-Quellcode mit FTP (File Transfer Protocol) bearbeiten
- HTML-Quellcode mit cPanel bearbeiten
HTML-Quellcode mit WordPress Theme Editor bearbeiten
Die Verwendung des WordPress Theme Editors in Ihrem Dashboard ist eine einfache Methode. Dies bedeutet, dass Sie kein Plugin oder keine Plattform eines Drittanbieters verwenden müssen, um Ihren HTML-Quellcode zu bearbeiten.
Folgen Sie einfach den Schritten unten.
Schritt 1: Navigieren Sie zum > Theme Editor.
Schritt 2: Eine Warnmeldung wird angezeigt, um Ihr Verständnis der Bearbeitung von HTML zu bestätigen, bevor Sie beginnen. Klicken Sie auf Ich verstehe, um den Ball ins Rollen zu bringen.
Schritt 3: Wählen Sie im Dropdown-Menü in der rechten Ecke ein zu bearbeitendes Thema aus. Angenommen, wir beabsichtigen, das Storefront-Thema zu bearbeiten.
Schritt 4: Ein neuer Bildschirm wird angezeigt. Wählen Sie in der Liste rechts eine bestimmte Themendatei aus, die Sie bearbeiten möchten.
Bitte beachten Sie, dass die Dateien je nach Thema angezeigt werden. Das heißt, es gibt Gemeinsamkeiten in allen Themen. Zum Beispiel:
- Index.php
- Kopfzeile.php
- Fußzeile.php
- Stil.css
- Funktion.php
Schritt 4: Nehmen Sie Änderungen an HTML vor. Bitte denken Sie daran, mit Vorsicht vorzugehen, da selbst ein falsches Komma oder ein falscher Punkt Ihre Website möglicherweise beschädigt.
Schritt 5: Drücken Sie Datei aktualisieren, um Ihre Änderungen zu speichern.
Es ist erwähnenswert, dass WordPress Sie daran hindert, Ihren bearbeiteten HTML-Code zu speichern, wenn Fehler festgestellt werden. Überprüfen Sie in diesem Fall Ihren HTML-Code erneut und speichern Sie ihn erneut.
Aus diesem Grund wird diese Methode als sicherer angesehen als die anderen 2 Methoden, die im Folgenden vorgestellt werden.
HTML-Quellcode mit FTP bearbeiten
FTP steht für File Transfer Protocol. Wenn Sie ein Technikfreak sind, ist das Bearbeiten des WordPress-HTML-Quellcodes mit einem FTP-Client für Sie keine Raketenwissenschaft. In diesem Artikel werden wir uns für FileZilla entscheiden, das als der sicherste und benutzerfreundlichste FTP-Client unter mehreren gilt.
Jetzt fangen wir an!
Schritt 1: Laden Sie FileZilla herunter und installieren Sie es auf Ihrem lokalen Computer.
Schritt 2: Sobald Sie fertig sind, öffnen wir FileZilla.
Sie müssen Ihre FTP-Anmeldeinformationen wie Benutzername, Kennwort und Hostname eingeben, die Sie leicht in Ihrem Hosting-Konto finden.
Drücken Sie QuickConnect, um eine Verbindung zu Ihrem Server herzustellen.
Schritt 3: Sie sollten dann eine Liste der Dateien Ihrer Website im rechten Bereich sehen.
Öffne den Ordner public_html. Dort befinden sich Ihre Dateien und Ordner.
Schritt 4: Suchen Sie im Ordner Public_html den Ordner wp-content, in dem sich alle installierten Themen Ihrer Site befinden. Sie sollten nach unten scrollen, um es zu sehen.
Schritt 5: Wählen Sie im Ordner wp-content Themen aus.
Laden Sie hier Themen herunter und bearbeiten Sie sie, die Sie anpassen möchten.
Wie Sie im Screenshot unten sehen können, haben wir beispielsweise ein Thema namens twentytwentyone.
Schritt 6: Öffnen Sie den Themenordner und Sie sehen eine Liste der HTML-Dateien. Um einen zu bearbeiten, klicken Sie mit der rechten Maustaste darauf und wählen Sie die Option Anzeigen / Bearbeiten.
Dementsprechend wird die Datei auf Ihr lokales heruntergeladen.
Schritt 7: Bearbeiten Sie Ihre Designdateien mit Ihrem eigenen Snippet-Code.
Schritt 8: Laden Sie die Datei wieder in denselben Ordner hoch. Dementsprechend überschreibt die neue Datei die alten.
Das war’s! Sie können zu Ihrer öffentlichen Website zurückkehren und das Ergebnis überprüfen.
HTML-Quellcode mit cPanel bearbeiten
Eine weitere vertrauenswürdige Methode zum Ändern des WordPress-HTML-Quellcodes ist die Verwendung von cPanel.
Mit cPanel können Sie Ihre WordPress-Websites, E-Mail-Konten, Domainnamen, Datenbankverbindungen usw. verwalten. ohne jegliche technische Kenntnisse.
Lassen Sie uns nun untersuchen, wie Sie Ihre WordPress-HTML-Quelle mit cPanel bearbeiten können.
Schritt 1: Melden Sie sich bei Ihrem Webhosting-Konto an, um auf cPanel zuzugreifen.
Schritt 2: Gehen Sie zum Dateimanager und suchen Sie nach dem Ordner public_html.
Schritt 3: Im Ordner wp-content sollten Sie den Ordner themes finden.
Schritt 4: Wählen Sie im Ordner Themen das aktuelle Thema aus und bearbeiten Sie es.
Dadurch wird die Datei in einem Texteditor geöffnet, in dem Sie sie anpassen können. Vergessen Sie nach den Änderungen nicht, die Datei zu speichern.
Vorsicht beim Bearbeiten des WordPress-HTML-Quellcodes
Wie bereits erwähnt, können Änderungen an Ihrem WordPress-Quellcode Ihre Website gefährden. Deshalb, Bitte seien Sie vorsichtig und nehmen Sie unseren Rat ernst, bevor Sie loslegen.
Sichern Sie Ihre Daten
Dies stellt sicher, dass Sie ein aktualisiertes Datenprotokoll haben, das Sie zurück in Ihr Backend hochladen können, falls beim Bearbeiten des HTML-Quellcodes alles durcheinander kommt.
Stellen Sie sicher, dass Sie Ihre Sicherungsdateien an einem sicheren Ort aufbewahren, damit Unbefugte nicht auf Ihre wertvollen Daten zugreifen und diese stehlen können.
Untergeordnetes Design erstellen
Wenn Sie den Code in Ihren Designdateien direkt bearbeiten möchten, sollten Sie das untergeordnete Design verwenden, anstatt das übergeordnete direkt zu bearbeiten. Andernfalls verlieren Sie die Änderungen, sobald Sie das übergeordnete Design aktualisieren.
Sind Sie bereit, Ihren WordPress-HTML-Quellcode zu bearbeiten?
Mit unseren beiden Artikeln haben Sie sich mit fundierten Kenntnissen über das Bearbeiten von HTML auf Ihrer WordPress-Seite, einschließlich einzelner Seiten, Beiträge und Quellcode, bewaffnet.