{"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":"come-aggiungere-html-personalizzato-alle-tabelle-di-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/it\/docs\/how-to-add-custom-html-to-wordpress-tables\/","title":{"rendered":"Blocco HTML personalizzato"},"content":{"rendered":"<p>Il blocco HTML personalizzato consente di aggiungere uno snippet di codice personalizzato direttamente al sito per visualizzare elementi interattivi, media incorporati, ecc. Con il blocco <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TavoloBerg\">TavoloBerg<\/a> \u00e8 ora possibile aggiungere il blocco HTML personalizzato anche alle tabelle di WordPress.<\/p>\n\n\n\n<p>In questo post di documentazione, vi mostreremo come aggiungere HTML personalizzato alle tabelle di WordPress con una guida passo passo.<\/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 - Tutorial su WordPress<\/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>Abbonarsi<\/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\">Passo 01: Aggiungere il blocco HTML personalizzato alla tabella<\/h2>\n\n\n\n<p>Passare alla cella in cui si desidera aggiungere il blocco. Fare clic sul pulsante <strong>icona pi\u00f9 (+)<\/strong>. Tipo <strong>HTML personalizzato<\/strong> nella casella di ricerca. Una volta visualizzato, aggiungere il blocco alla cella.<\/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=\"Aggiungere il blocco HTML personalizzato alla tabella\" 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>Il blocco verr\u00e0 aggiunto alla cella in un attimo.<\/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=\"Viene aggiunto un blocco HTML personalizzato\" 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\">Passo 02: Aggiungere uno snippet di codice HTML al blocco<\/h2>\n\n\n\n<p>Semplicemente <strong>copiare-incollare un frammento di codice HTML<\/strong> al blocco. Ottenere il codice da qualsiasi fonte desiderata.<\/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=\"Aggiungere uno snippet di codice HTML al blocco\" 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>Fare clic sul pulsante <strong>Pulsante di anteprima<\/strong> sulla barra degli strumenti.<\/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=\"Andare all&#039;anteprima del blocco HTML personalizzato\" 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>L'opzione di anteprima visualizza immediatamente il contenuto incorporato nel link HTML.<\/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=\"Contenuto visualizzato con il blocco HTML personalizzato\" 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\">Passo 03: Configurare le impostazioni del blocco HTML personalizzato<\/h2>\n\n\n\n<p>Selezionando questa opzione nella barra laterale destra, \u00e8 possibile visualizzare l'anteprima dello snippet HTML personalizzato mentre il blocco \u00e8 deselezionato.<\/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>Spero che la documentazione sia soddisfacente. Il blocco HTML personalizzato non ha l'opzione di stilizzazione. \u00c8 uno dei blocchi pi\u00f9 semplici del plugin TableBerg.<\/p>\n\n\n\n<p>Il plugin consente anche di aggiungere un elenco stilizzato alla tabella. Diamo un'occhiata a <a href=\"https:\/\/tableberg.com\/it\/documenti\/tableberg-one\/tavolo-di-lavoro\/come-aggiungere-elenchi-stilizzati-nelle-tabelle-di-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"come aggiungere elenchi stilizzati alle tabelle di WordPress\">come aggiungere elenchi stilizzati alle tabelle di WordPress<\/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\/it\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/it\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Custom HTML Block","term_url":"https:\/\/tableberg.com\/it\/docs-tag\/custom-html-block\/"},{"term_name":"HTML Block","term_url":"https:\/\/tableberg.com\/it\/docs-tag\/html-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=1361"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1361\/revisions"}],"predecessor-version":[{"id":9886,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1361\/revisions\/9886"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=1361"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/doc_category?post=1361"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/doc_tag?post=1361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}