{"id":6874,"date":"2025-01-19T09:34:59","date_gmt":"2025-01-19T09:34:59","guid":{"rendered":"https:\/\/tableberg.com\/?p=6874"},"modified":"2025-01-19T09:34:59","modified_gmt":"2025-01-19T09:34:59","slug":"wie-man-den-benutzerdefinierten-html-block-in-wordpress-verwendet","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-use-the-custom-html-block-in-wordpress\/","title":{"rendered":"Wie man den benutzerdefinierten HTML-Block in WordPress in 2 einfachen Schritten verwendet"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/documentation\/article\/custom-html\/\" target=\"_blank\" rel=\"noopener\"><strong>Der benutzerdefinierte HTML-Block<\/strong><\/a> ist ideal f\u00fcr Nutzer, die Flexibilit\u00e4t und Kontrolle \u00fcber ihre Inhalte w\u00fcnschen. Sie k\u00f6nnen HTML-Code direkt zu Ihren Beitr\u00e4gen oder Seiten hinzuf\u00fcgen, ohne die Themendateien zu \u00e4ndern.<\/p>\n\n\n\n<p>Es f\u00fcgt auch benutzerdefinierte Widgets, Formulare oder Skripte von externen Plattformen wie Google Maps, Social Media-Einbettungen oder Analysetools hinzu. Au\u00dferdem k\u00f6nnen Sie Ihren Code vor der Ver\u00f6ffentlichung in der Vorschau anzeigen lassen. <\/p>\n\n\n\n<p>Heute werden wir Ihnen zeigen, wie Sie den benutzerdefinierten HTML-Block in WordPress mit einfachen Schritten verwenden k\u00f6nnen. Bitte folgen Sie uns. <\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-7c6defc6-39e4-4d42-97d9-88b66ed26c13\" data-mobilecollapse=\"true\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-7c6defc6-39e4-4d42-97d9-88b66ed26c13\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7c6defc6-39e4-4d42-97d9-88b66ed26c13\" style=\"color: #651fe8; \"><strong>Was ist der WordPress Custom HTML Block?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-0-7c6defc6-39e4-4d42-97d9-88b66ed26c13\">\n\n<p>Was ist der WordPress Custom HTML Block?<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/custom-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">Der benutzerdefinierte HTML-Block<\/a><\/strong> ist ein Kernblock, der es Ihnen erm\u00f6glicht, benutzerdefinierten HTML-Code in Ihren Beitr\u00e4gen und Seiten anzuzeigen. Er ist ein n\u00fctzliches Werkzeug zum Hinzuf\u00fcgen einzigartiger Designelemente, zum Einbetten externer Skripte usw. <\/p>\n\n\n\n<p>Es unterst\u00fctzt rohe HTML-Eingaben. Daher erhalten Sie die vollst\u00e4ndige Kontrolle \u00fcber die Ausgabe im Frontend Ihrer Website. <\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-7c6defc6-39e4-4d42-97d9-88b66ed26c13\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7c6defc6-39e4-4d42-97d9-88b66ed26c13\" style=\"color: #651fe8; \"><strong>Was sind die Hauptmerkmale des benutzerdefinierten HTML-Blocks?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-7c6defc6-39e4-4d42-97d9-88b66ed26c13\">\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-432e0d7b-c06f-44af-9742-d74eca3b1d26\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-16b421d9-cb6c-4e5f-a5ca-f9f72eb49147\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Vorschau-Option<\/strong>: Sehen Sie sich an, wie Ihr HTML-Code im Frontend erscheinen wird, ohne den Editor zu verlassen.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-16b421d9-cb6c-4e5f-a5ca-f9f72eb49147\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Flexibilit\u00e4t<\/strong>: F\u00fcgen Sie Skripte, Inline-Stile oder benutzerdefinierte Einbettungen hinzu, ohne Einschr\u00e4nkungen hinsichtlich der Art des verwendeten HTML-Codes.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-16b421d9-cb6c-4e5f-a5ca-f9f72eb49147\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Reaktionsf\u00e4higkeit<\/strong>: Sorgt daf\u00fcr, dass die benutzerdefinierten HTML-Ausgaben je nach Codestruktur an verschiedene Ger\u00e4te angepasst werden.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<p><\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-7c6defc6-39e4-4d42-97d9-88b66ed26c13\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7c6defc6-39e4-4d42-97d9-88b66ed26c13\" style=\"color: #651fe8; \"><strong>Was sind die Toolbar-Funktionen des benutzerdefinierten HTM-Blocks?<\/strong>?<\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-7c6defc6-39e4-4d42-97d9-88b66ed26c13\">\n\n<ol class=\"wp-block-list\">\n<li><strong>Verwandeln in:<\/strong> Sie k\u00f6nnen diesen Block in die Bl\u00f6cke Spalten, Code, Details und Gruppe umwandeln.<\/li>\n\n\n\n<li><strong>Bewegliche Griffe:\u00a0<\/strong>Sie k\u00f6nnen Ihren Block im Editor nach oben und unten verschieben, um Ihren Inhalt besser zu organisieren.<\/li>\n\n\n\n<li><strong>Ziehen:\u00a0<\/strong>Erm\u00f6glicht das Ziehen und Ablegen des entsprechenden Blocks an einer beliebigen Stelle.<\/li>\n\n\n\n<li><strong>HTML: Mit dieser Schaltfl\u00e4che k\u00f6nnen<\/strong> die Sie sehen, und f\u00fcgen Sie den HTML-Code in den Block ein. <\/li>\n\n\n\n<li><strong>Vorschau: <\/strong>Mit der Vorschau k\u00f6nnen Sie eine Vorschau Ihres HTML-Codes im Editor anzeigen, so dass Sie Ihre Ausgabe vom Editor aus \u00e4ndern k\u00f6nnen.  <\/li>\n\n\n\n<li><strong>Optionen:<\/strong>\u00a0Bietet weitere Optionen in Bezug auf den Abschnitt des Blocks, z. B. Duplizieren, Kopieren, Gruppieren usw.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"894\" height=\"570\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-14-22-2.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6889\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-14-22-2.png 894w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-14-22-2-300x191.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-14-22-2-768x490.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-14-22-2-18x12.png 18w\" sizes=\"auto, (max-width: 894px) 100vw, 894px\" \/><\/figure>\n\n<\/div>\n\t\t<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Sch\u00f6ne Tische erstellen <\/strong><br><strong>Mit Block-Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Kostenlos ausprobieren<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/de\/preisgestaltung\/\" target=\"_blank\" rel=\"noreferrer noopener\">Profi werden<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Wie verwendet man den benutzerdefinierten HTML-Block in WordPress?<\/h2>\n\n\n\n<p>Jeder, der keine Programmierkenntnisse hat, kann den benutzerdefinierten HTML-Block problemlos verwenden. Dazu m\u00fcssen Sie nur die folgenden Schritte befolgen. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: WordPress-Benutzerdefinierten HTML-Block einf\u00fcgen<\/h3>\n\n\n\n<p>Gehen Sie zu Ihrem Beitrag oder der Seite, zu der Sie benutzerdefinierte HTML-Bl\u00f6cke hinzuf\u00fcgen m\u00f6chten. Klicken Sie anschlie\u00dfend auf die Schaltfl\u00e4che<strong>&nbsp;Block hinzuf\u00fcgen<\/strong>&nbsp;(\"<strong>+<\/strong>\") Symbol&nbsp;<strong>(1)<\/strong>, Typ \"<strong>Benutzerdefiniertes HTML<\/strong>\" im Suchfeld&nbsp;<strong>(2)<\/strong>und klicken Sie auf \"<strong>Benutzerdefiniertes HTML<\/strong>\"&nbsp;<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"702\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-14-58.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6894\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-14-58.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-14-58-300x238.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-14-58-768x610.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-14-58-15x12.png 15w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: F\u00fcgen Sie Ihren eigenen HTML-Code ein<\/h3>\n\n\n\n<p>F\u00fcgen Sie Ihren Code in den benutzerdefinierten Codeblock ein. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"748\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-44-49.png\" alt=\"Wie man den benutzerdefinierten HTML-Block in WordPress verwendet\" class=\"has-border-color has-main-accent-border-color wp-image-6895\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-44-49.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-44-49-300x254.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-44-49-768x650.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-44-49-14x12.png 14w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen die Ausgabe Ihres Codes auch direkt im Editor sehen, indem Sie auf die Schaltfl\u00e4che Vorschau klicken. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"738\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-19_14-47-10.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6896\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>So verwenden Sie also den benutzerdefinierten HTML-Block. Stellen Sie sicher, dass Sie Ihren Beitrag nach dem Hinzuf\u00fcgen des Blocks ver\u00f6ffentlichen oder speichern. <\/p>\n\n\n\n<p>Das benutzerdefinierte HTML enth\u00e4lt keine weiteren Anpassungen in den Blockeinstellungen. Alle Anpassungen sind in der Symbolleiste f\u00fcr jetzt.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schlussgedanken!<\/h2>\n\n\n\n<p>Der Custom HTML-Block unterst\u00fctzt die Standardfunktionen von WordPress mit benutzerdefiniertem Code. Seine intuitive Schnittstelle und die Vorschauoption machen ihn zu einem perfekten HTML-Block. <\/p>\n\n\n\n<p>Ich hoffe, diese kleine Anleitung hat Ihnen geholfen, mehr \u00fcber den Block und seine Verwendung zu erfahren. Lassen Sie es mich wissen, wenn Sie einen der obigen Schritte nicht verstanden haben. <\/p>\n\n\n\n<p><strong>Mehr lesen!<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-4233d1d9-1345-4ec0-a100-389b2add7a90\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee82e94f-a7cd-42c1-ab24-a1c399e51de7\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-code-block-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man den Code-Block in WordPress in 3 einfachen Schritten verwendet<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee82e94f-a7cd-42c1-ab24-a1c399e51de7\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-zitatblock-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man den Zitatblock in WordPress in 3 einfachen Schritten verwendet<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee82e94f-a7cd-42c1-ab24-a1c399e51de7\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/pro-und-contra-tabelle-in-wordpress-hinzufugen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hinzuf\u00fcgen einer Pro &amp; Contra-Tabelle in WordPress<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee82e94f-a7cd-42c1-ab24-a1c399e51de7\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/beste-blog-layout-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 beste Blog-Layout WordPress Plugins Tableberg<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee82e94f-a7cd-42c1-ab24-a1c399e51de7\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/beste-amazon-affiliate-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 beste Amazon Affiliate WordPress Plugins (2025)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-29d8fa3f-18e1-41dc-a32f-183cbdf9bf06\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"Facebook-Logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-use-the-custom-html-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Custom%20HTML%20Block%20in%20WordPress%20in%202%20Easy%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">Aktie<\/span>\n\t\t\t<\/a><a aria-label=\"Twitter-Logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-use-the-custom-html-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Custom%20HTML%20Block%20in%20WordPress%20in%202%20Easy%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-use-the-custom-html-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">Aktie<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>The Custom HTML block is ideal for users with flexibility and control over their content. It lets you add HTML code directly to your posts or pages without altering theme files. It also adds custom widgets, forms, or scripts from external platforms such as Google Maps, Social Media embeds, or analytic tools. It also allows [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6875,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Use-the-Custom-HTML-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/de\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/6874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=6874"}],"version-history":[{"count":10,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/6874\/revisions"}],"predecessor-version":[{"id":6900,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/6874\/revisions\/6900"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/6875"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=6874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=6874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=6874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}