{"id":1361,"date":"2024-05-12T08:44:51","date_gmt":"2024-05-12T08:44:51","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1361"},"modified":"2025-07-01T08:51:37","modified_gmt":"2025-07-01T08:51:37","password":"","slug":"wie-man-benutzerdefiniertes-html-zu-wordpress-tabellen-hinzufugt","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/de\/docs\/how-to-add-custom-html-to-wordpress-tables\/","title":{"rendered":"Benutzerdefinierter HTML-Block"},"content":{"rendered":"<p>Mit dem benutzerdefinierten HTML-Block k\u00f6nnen Sie einen personalisierten Codeschnipsel direkt in Ihre Website einf\u00fcgen, um interaktive Elemente, eingebettete Medien usw. anzuzeigen. Mit dem <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TischBerg\">TischBerg<\/a> Plugin k\u00f6nnen Sie den Custom HTML-Block nun auch zu Ihren WordPress-Tabellen hinzuf\u00fcgen.<\/p>\n\n\n\n<p>In diesem Dokumentationsbeitrag zeigen wir Ihnen anhand einer Schritt-f\u00fcr-Schritt-Anleitung, wie Sie benutzerdefiniertes HTML zu WordPress-Tabellen hinzuf\u00fcgen k\u00f6nnen.<\/p>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-2b1dca56-0cd7-426f-bcc2-9aaaba915d93\"><div class=\"ub-advanced-video-embed ub-advanced-video-autofit-youtube\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid #abb8c3; border-left: 1px solid #abb8c3; border-right: 1px solid #abb8c3; border-bottom: 1px solid #abb8c3; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; --ub-advanced-video-aspect-ratio: 480\/360; \"><iframe loading=\"lazy\" width=\"480\" height=\"360\" src=\"\/\/www.youtube.com\/embed\/cVjNUr1jYRk\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n\t\t<div class=\"ub-advanced-video-channel-details\">\n\t\t<div class=\"ub-advanced-video-channel-content-wrapper\">\n\t\t\t<div class=\"ub-advanced-video-thumbnail-wrapper\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/yt3.ggpht.com\/oKziEGn9FgE4x1-YJFN2BlhUBADEjBAjmVMAZr1BRD0PxwNOq56Z3gM5LLmyjrKPxUMXs_i4Ug=s88-c-k-c0x00ffffff-no-rj\" class=\"ub-advanced-video-thumbnail\" \/>\n\t\t\t<\/div>\n\t\t\t<div class=\"ub-advanced-video-title-wrapper\">\n\t\t\t\t<p class=\"ub-advanced-video-title\">DotCamp - WordPress-Anleitungen<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"ub-advanced-video-channel-subscribe\">\n\t\t\t<a href=\"https:\/\/www.youtube.com\/channel\/UChfvkb8WxFHAhjkl7CJrQtQ?sub_confirmation=1\" class=\"ub-advanced-video-channel-subscribe-button\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24\" width=\"24\" viewbox=\"0, 0, 576, 512\">\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M549.7 124.1c-6.281-23.65-24.79-42.28-48.28-48.6C458.8 64 288 64 288 64S117.2 64 74.63 75.49c-23.5 6.322-42 24.95-48.28 48.6-11.41 42.87-11.41 132.3-11.41 132.3s0 89.44 11.41 132.3c6.281 23.65 24.79 41.5 48.28 47.82C117.2 448 288 448 288 448s170.8 0 213.4-11.49c23.5-6.321 42-24.17 48.28-47.82 11.41-42.87 11.41-132.3 11.41-132.3s0-89.44-11.41-132.3zm-317.5 213.5V175.2l142.7 81.21-142.7 81.2z\" \/>\n\t\t\t\t<\/svg>\n\t\t\t\t<span>Abonnieren<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t<\/div>\n    <\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Schritt 01: Hinzuf\u00fcgen des benutzerdefinierten HTML-Blocks zur Tabelle<\/h2>\n\n\n\n<p>Gehen Sie zu der Zelle, in der Sie den Block hinzuf\u00fcgen m\u00f6chten. Klicken Sie auf die <strong>Plus-Symbol (+)<\/strong>. Typ <strong>Benutzerdefiniertes HTML<\/strong> in das Suchfeld ein. F\u00fcgen Sie den Block in die Zelle ein, sobald er erscheint.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table.webp\" alt=\"Hinzuf\u00fcgen des benutzerdefinierten HTML-Blocks zur Tabelle\" class=\"wp-image-1362\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Der Block wird im Handumdrehen in die Zelle eingef\u00fcgt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added.webp\" alt=\"Benutzerdefinierter HTML-Block wird hinzugef\u00fcgt\" class=\"wp-image-1363\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 02: F\u00fcgen Sie dem Block ein HTML-Code-Snippet hinzu<\/h2>\n\n\n\n<p>Einfach <strong>Kopieren und Einf\u00fcgen eines HTML-Codefragments<\/strong> zum Block. Holen Sie sich den Code von einer beliebigen Quelle Ihrer Wahl.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block.webp\" alt=\"Hinzuf\u00fcgen eines HTML-Code-Schnipsels zum Block\" class=\"wp-image-1364\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Klicken Sie auf die <strong>Schaltfl\u00e4che \"Vorschau<\/strong> in der Symbolleiste.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block.webp\" alt=\"Zur Vorschau des benutzerdefinierten HTML-Blocks gehen\" class=\"wp-image-1365\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Mit der Vorschauoption wird der in den HTML-Link eingebettete Inhalt sofort angezeigt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-1024x523.webp\" alt=\"Mit dem benutzerdefinierten HTML-Block angezeigter Inhalt\" class=\"wp-image-1367\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 03: Konfigurieren Sie die Einstellungen des benutzerdefinierten HTML-Blocks<\/h2>\n\n\n\n<p>Wenn Sie diese Option in der rechten Seitenleiste aktivieren, k\u00f6nnen Sie eine Vorschau des benutzerdefinierten HTML-Snippets anzeigen, w\u00e4hrend der Block abgew\u00e4hlt ist.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-1024x523.webp\" alt=\"\" class=\"wp-image-1370\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ich hoffe, Sie sind mit dieser Dokumentation zufrieden. Der benutzerdefinierte HTML-Block verf\u00fcgt nicht \u00fcber die Option der Stilisierung. Er ist einer der einfachsten Bl\u00f6cke des TableBerg Plugins.<\/p>\n\n\n\n<p>Das Plugin erm\u00f6glicht es Ihnen auch, der Tabelle eine gestaltete Liste hinzuzuf\u00fcgen. Werfen wir einen Blick auf <a href=\"https:\/\/tableberg.com\/de\/docs\/tableberg-one\/tischberg\/wie-man-gestylte-listen-in-wordpress-tabellen-hinzufugt\/\" target=\"_blank\" rel=\"noopener\" title=\"Hinzuf\u00fcgen von Styled Lists zu WordPress-Tabellen\">Hinzuf\u00fcgen von Styled Lists zu WordPress-Tabellen<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Custom HTML block allows you to add a personalized code snippet directly to your site to display interactive elements, embedded media, etc. With the TableBerg plugin, you can now add the Custom HTML block to your WordPress tables as well. In this documentation post, we&#8217;ll show you how to add Custom HTML to WordPress [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[94],"doc_tag":[79,80],"class_list":["post-1361","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-custom-html-block","doc_tag-html-block"],"year_month":"2026-04","word_count":239,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/de\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Custom HTML Block","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/custom-html-block\/"},{"term_name":"HTML Block","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/html-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=1361"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1361\/revisions"}],"predecessor-version":[{"id":9886,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1361\/revisions\/9886"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=1361"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_category?post=1361"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_tag?post=1361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}