Inhaltsverzeichnis
Einführung in den WordPress Custom HTML Block
Der benutzerdefinierte HTML-Block von WordPress ist eine Funktion innerhalb des WordPress-Block-Editors, allgemein bekannt als Gutenberg. Dieser Block ermöglicht es Benutzern, benutzerdefinierten HTML-Code zu ihren Beiträgen oder Seiten hinzuzufügen. Er ist besonders nützlich für diejenigen, die Code einfügen müssen, der nicht von den Standardblöcken in WordPress unterstützt wird.
Den Zweck verstehen
Der benutzerdefinierte HTML-Block ist für Benutzer gedacht, die über einige HTML-Kenntnisse verfügen, oder für diejenigen, die bestimmte Codeschnipsel einbetten müssen, z. B. Widgets von Drittanbietern oder benutzerdefinierte Skripts. Er bietet mehr Flexibilität und Kontrolle über den Inhalt als die typischen Textblöcke.
Zugriff auf den benutzerdefinierten HTML-Block
Um auf diesen Block zuzugreifen, gehen Sie folgendermaßen vor:
- Melden Sie sich bei Ihrem WordPress-Dashboard an.
- Navigieren Sie zu dem Beitrag oder der Seite, zu der Sie den HTML-Code hinzufügen möchten.
- Klicken Sie auf die Schaltfläche "+", um einen neuen Block hinzuzufügen.
- Suchen Sie in der Suchleiste des Blocks nach "Custom HTML".
- Wählen Sie den benutzerdefinierten HTML-Block, um ihn zu Ihrem Beitrag oder Ihrer Seite hinzuzufügen.
Hinzufügen und Bearbeiten von HTML-Code
Sobald Sie den benutzerdefinierten HTML-Block hinzugefügt haben:
- Sie können Ihren HTML-Code direkt in den Block eintippen.
- Wenn Sie den HTML-Code bereits haben, können Sie ihn in den Block einfügen.
- Sie können den HTML-Code bei Bedarf direkt im Block bearbeiten.
Vorschau auf Ihr HTML
Der benutzerdefinierte HTML-Block verfügt über eine integrierte Vorschaufunktion:
- Klicken Sie auf die Schaltfläche "Vorschau" in der Symbolleiste des Blocks, um zu sehen, wie Ihr HTML-Code auf dem Frontend erscheinen wird.
- Diese Funktion ist besonders hilfreich, um sicherzustellen, dass Ihr HTML-Code wie erwartet gerendert wird, bevor Sie den Beitrag/die Seite veröffentlichen oder aktualisieren.
Bewährte Praktiken
Wenn Sie den benutzerdefinierten HTML-Block verwenden:
- Stellen Sie sicher, dass Ihr HTML-Code gut strukturiert und fehlerfrei ist.
- Fügen Sie nicht zu viele benutzerdefinierte HTML-Blöcke hinzu, da diese die Ladezeit der Seite und die Gesamtleistung beeinträchtigen können.
- Seien Sie vorsichtig beim Hinzufügen von Skripten von Drittanbietern, da diese ein Sicherheitsrisiko darstellen können.
Beschränkungen und Überlegungen
- Der benutzerdefinierte HTML-Block ist nicht für umfangreiche Kodierungen gedacht. Für größere oder komplexere Projekte sollten Sie ein Child-Theme oder ein benutzerdefiniertes Plugin verwenden.
- Es ist wichtig zu beachten, dass bestimmte HTML-Tags aus Sicherheitsgründen entfernt werden können, je nach WordPress-Einstellungen und Benutzerrolle.
Abschluss
Der benutzerdefinierte HTML-Block in WordPress ist ein vielseitiges Werkzeug für Benutzer, die benutzerdefiniertes HTML in ihren Beiträgen oder Seiten benötigen. Er bietet zwar eine große Flexibilität, sollte aber mit Bedacht und HTML-Kenntnissen eingesetzt werden. Denken Sie daran, Ihre Arbeit in der Vorschau zu überprüfen und sicherzustellen, dass sie mit dem Gesamtdesign und der Funktionalität Ihrer Website kompatibel ist.