Der benutzerdefinierte HTML-Block ist ideal für Nutzer, die Flexibilität und Kontrolle über ihre Inhalte wünschen. Sie können HTML-Code direkt zu Ihren Beiträgen oder Seiten hinzufügen, ohne die Themendateien zu ändern.
Es fügt auch benutzerdefinierte Widgets, Formulare oder Skripte von externen Plattformen wie Google Maps, Social Media-Einbettungen oder Analysetools hinzu. Außerdem können Sie Ihren Code vor der Veröffentlichung in der Vorschau anzeigen lassen.
Heute werden wir Ihnen zeigen, wie Sie den benutzerdefinierten HTML-Block in WordPress mit einfachen Schritten verwenden können. Bitte folgen Sie uns.
Was ist der WordPress Custom HTML Block?
Was ist der WordPress Custom HTML Block?
Der benutzerdefinierte HTML-Block ist ein Kernblock, der es Ihnen ermöglicht, benutzerdefinierten HTML-Code in Ihren Beiträgen und Seiten anzuzeigen. Er ist ein nützliches Werkzeug zum Hinzufügen einzigartiger Designelemente, zum Einbetten externer Skripte usw.
Es unterstützt rohe HTML-Eingaben. Daher erhalten Sie die vollständige Kontrolle über die Ausgabe im Frontend Ihrer Website.
Was sind die Hauptmerkmale des benutzerdefinierten HTML-Blocks?
- Vorschau-Option: Sehen Sie sich an, wie Ihr HTML-Code im Frontend erscheinen wird, ohne den Editor zu verlassen.
- Flexibilität: Fügen Sie Skripte, Inline-Stile oder benutzerdefinierte Einbettungen hinzu, ohne Einschränkungen hinsichtlich der Art des verwendeten HTML-Codes.
- Reaktionsfähigkeit: Sorgt dafür, dass die benutzerdefinierten HTML-Ausgaben je nach Codestruktur an verschiedene Geräte angepasst werden.
Was sind die Toolbar-Funktionen des benutzerdefinierten HTM-Blocks??
- Verwandeln in: Sie können diesen Block in die Blöcke Spalten, Code, Details und Gruppe umwandeln.
- Bewegliche Griffe: Sie können Ihren Block im Editor nach oben und unten verschieben, um Ihren Inhalt besser zu organisieren.
- Ziehen: Ermöglicht das Ziehen und Ablegen des entsprechenden Blocks an einer beliebigen Stelle.
- HTML: Mit dieser Schaltfläche können die Sie sehen, und fügen Sie den HTML-Code in den Block ein.
- Vorschau: Mit der Vorschau können Sie eine Vorschau Ihres HTML-Codes im Editor anzeigen, so dass Sie Ihre Ausgabe vom Editor aus ändern können.
- Optionen: Bietet weitere Optionen in Bezug auf den Abschnitt des Blocks, z. B. Duplizieren, Kopieren, Gruppieren usw.

Schöne Tische erstellen
Mit Block-Editor

Wie verwendet man den benutzerdefinierten HTML-Block in WordPress?
Jeder, der keine Programmierkenntnisse hat, kann den benutzerdefinierten HTML-Block problemlos verwenden. Dazu müssen Sie nur die folgenden Schritte befolgen.
Schritt 1: WordPress-Benutzerdefinierten HTML-Block einfügen
Gehen Sie zu Ihrem Beitrag oder der Seite, zu der Sie benutzerdefinierte HTML-Blöcke hinzufügen möchten. Klicken Sie anschließend auf die Schaltfläche Block hinzufügen ("+") Symbol (1), Typ "Benutzerdefiniertes HTML" im Suchfeld (2)und klicken Sie auf "Benutzerdefiniertes HTML" (3).

Schritt 2: Fügen Sie Ihren eigenen HTML-Code ein
Fügen Sie Ihren Code in den benutzerdefinierten Codeblock ein.

Sie können die Ausgabe Ihres Codes auch direkt im Editor sehen, indem Sie auf die Schaltfläche Vorschau klicken.

So verwenden Sie also den benutzerdefinierten HTML-Block. Stellen Sie sicher, dass Sie Ihren Beitrag nach dem Hinzufügen des Blocks veröffentlichen oder speichern.
Das benutzerdefinierte HTML enthält keine weiteren Anpassungen in den Blockeinstellungen. Alle Anpassungen sind in der Symbolleiste für jetzt.
Schlussgedanken!
Der Custom HTML-Block unterstützt die Standardfunktionen von WordPress mit benutzerdefiniertem Code. Seine intuitive Schnittstelle und die Vorschauoption machen ihn zu einem perfekten HTML-Block.
Ich hoffe, diese kleine Anleitung hat Ihnen geholfen, mehr über den Block und seine Verwendung zu erfahren. Lassen Sie es mich wissen, wenn Sie einen der obigen Schritte nicht verstanden haben.
Mehr lesen!