WordPress - ein beliebtes CMS (Content Management System), mit dem Sie Websites unterschiedlicher Komplexität erstellen und verwalten können. Dies ist eine ausgezeichnete Wahl für diejenigen, die keine speziellen Kenntnisse in der Webentwicklung haben. Jedoch, Benutzer werden oft mit der Frage konfrontiert: wie füge ich ein HTML-Code auf die Seite Ihrer Website in WordPress? In diesem einfachen Handbuch werden wir Ihnen verschiedene Möglichkeiten zur Lösung dieses Problems vorstellen.
HTML-Code ist eine Markupsprache, die die Struktur und das Aussehen einer Webseite definiert. Das Einfügen von HTML-Code kann nützlich sein, wenn Sie Ihrer WordPress-Website spezielle Elemente wie Videos, Schaltflächen, Feedback-Formulare und andere Widgets hinzufügen müssen.
Der erste Weg besteht darin, einen HTML-Block zu verwenden. Gehen Sie dazu zum Seiten- oder Datensatzeditor im administrativen Teil von WordPress. Wählen Sie die Stelle aus, an der Sie den HTML-Code einfügen möchten, und klicken Sie im oberen Bereich des Editors auf die Schaltfläche "HTML". Fügen Sie im angezeigten Fenster Ihren HTML-Code ein und klicken Sie auf die Schaltfläche Aktualisieren oder Speichern. Ihr HTML-Code wird automatisch in die entsprechenden Elemente auf Ihrer Seite konvertiert.
Der zweite Weg besteht darin, ein Plugin zu verwenden, um HTML-Code einzufügen. Gehen Sie im administrativen Teil von WordPress zur Seite "Plugins" und klicken Sie auf die Schaltfläche "Neu hinzufügen". Geben Sie in der Suchleiste "HTML-Editor" ein und installieren Sie eines der im Suchergebnis angebotenen Plugins. Installieren und aktivieren Sie das ausgewählte Plugin. Danach können Sie den HTML-Code mit einem speziellen Block oder Shortcode, der vom Plugin bereitgestellt wird, in die Seiten und Einträge Ihrer Website einfügen.
Nun, da Sie mehrere Möglichkeiten kennen, HTML-Code in eine WordPress-Seite einzufügen, können Sie Ihrer Website frei verschiedene Elemente hinzufügen und das gewünschte Aussehen und die gewünschte Funktionalität erreichen. Denken Sie daran, dass die korrekte Verwendung von HTML-Code die Effizienz Ihrer Website verbessern und die Benutzerfreundlichkeit verbessern kann.
Verwenden Sie den WordPress-Editor
WordPress bietet einen benutzerfreundlichen und intuitiven Editor zum Einfügen von HTML-Code auf Seiten. Wenn Sie diese einfachen Schritte befolgen, können Sie Ihren HTML-Code einfach in Ihre Seite einbetten:
- Melden Sie sich bei Ihrem Administratorkonto im Control Panel Ihrer WordPress-Website an.
- Wechseln Sie in der Seitenleiste zum Abschnitt "Editor".
- Wählen Sie die Seite aus, auf die Sie den HTML-Code einfügen möchten.
- Suchen Sie die Stelle auf der Seite, an der Sie den HTML-Code einfügen möchten, und klicken Sie auf die Schaltfläche "Visueller Modus" in der oberen rechten Ecke des Editors.
- Im Editor-Panel sehen Sie ein "<>" -Symbol, das für den HTML-Modus steht. Klicken Sie darauf.
- Jetzt haben Sie die Möglichkeit, Ihren HTML-Code direkt in den Editor einzugeben.
- Klicken Sie nach dem Einfügen des HTML-Codes auf die Schaltfläche "Aktualisieren" oder "Veröffentlichen", um die Änderungen zu speichern.
Jetzt sollte Ihr HTML-Code korrekt auf der WordPress-Seite angezeigt werden. Stellen Sie sicher, dass Sie die Seite nach dem Einfügen des Codes überprüfen, um sicherzustellen, dass alles korrekt angezeigt wird.
Öffnen Sie die gewünschte Seite zum Bearbeiten
Um den HTML-Code in eine WordPress-Seite einzufügen, müssen Sie die Seite öffnen, die Sie bearbeiten möchten. Um dies zu tun, müssen Sie sich im administrativen Bereich Ihrer WordPress-Website anmelden und zum Abschnitt "Seiten" gehen.
Wenn Sie bereits eine Seite erstellt haben, suchen Sie sie in der Liste, die angezeigt wird, nachdem Sie zum Abschnitt "Seiten" gewechselt haben.
Oder wenn Sie eine neue Seite erstellen möchten, klicken Sie oben auf dem Bildschirm auf die Schaltfläche "Neue hinzufügen".
Wenn Sie die Bearbeitungsseite öffnen, gelangen Sie zum Editor-Bildschirm, bei dem es sich um ein Formular mit verschiedenen Feldern und Tools zum Formatieren Ihres Inhalts handelt.
Hier können Sie Text eingeben, Bilder hinzufügen und HTML-Code einfügen.
Denken Sie daran, dass der WordPress-Editor einen visuellen Editor verwendet, mit dem Sie den Inhalt Ihrer Seite bearbeiten können, ähnlich wie Sie es in einem einfachen Texteditor tun.
Sie können in den Code-Editor-Modus wechseln, um den HTML-Code direkt einzufügen.
Um zum "Code-Editor" zu wechseln, klicken Sie auf die Registerkarte "Editor" in der oberen rechten Ecke des Editorbildschirms der Seite. Hier können Sie den HTML-Code Ihrer Seite eingeben und ändern und den erforderlichen HTML-Code an die entsprechende Stelle auf der Seite einfügen.
Denken Sie nach dem Einfügen des HTML-Codes daran, oben im Editor-Bildschirm der Seite auf die Schaltfläche "Aktualisieren" zu klicken, um die vorgenommenen Änderungen zu speichern.
