{"id":1372,"date":"2024-05-12T11:55:33","date_gmt":"2024-05-12T11:55:33","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1372"},"modified":"2024-06-22T23:31:55","modified_gmt":"2024-06-22T23:31:55","password":"","slug":"come-aggiungere-nastri-alle-tabelle-di-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/it\/docs\/how-to-add-ribbons-to-wordpress-tables\/","title":{"rendered":"Blocco nastri"},"content":{"rendered":"<p>Il blocco Ribbon sovrappone al contenuto un effetto decorativo. Viene utilizzato per attirare l'attenzione dei visitatori su informazioni specifiche, come caratteristiche, sconti, promozioni, articoli pi\u00f9 venduti, copie di vendita, ecc.<\/p>\n\n\n\n<p>Aggiungendo il blocco Nastro a una tabella, \u00e8 possibile far risaltare alcune celle rispetto ad altre. <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TavoloBerg\">TavoloBerg<\/a> fornisce un modo semplice e facile per aggiungere nastri alle tabelle in WordPress.<\/p>\n\n\n\n<p>Questo post di documentazione vi mostrer\u00e0 come aggiungere i ribbon alle tabelle di WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 01: trovare e aggiungere il blocco della barra multifunzione alla tabella<\/h2>\n\n\n\n<p>TableBerg include diversi blocchi per creare tabelle ben funzionanti. La barra multifunzione \u00e8 uno di questi. Trovate e aggiungete il blocco <strong>Blocco nastro<\/strong> alla cella desiderata facendo clic sul pulsante <strong>pulsante pi\u00f9 (+)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table.webp\" alt=\"Trovare e aggiungere il blocco della barra multifunzione alla tabella\" class=\"wp-image-1373\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Il <strong>Blocco nastro<\/strong> saranno aggiunti alla cella in un'unica soluzione.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp.png\" alt=\"Il blocco Ribbon viene aggiunto alla tabella\" class=\"wp-image-1374\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 02: Configurare le impostazioni del blocco della barra multifunzione<\/h2>\n\n\n\n<p>Sono disponibili numerose opzioni per modificare le impostazioni del blocco della barra multifunzione sotto la voce <strong>Scheda Impostazioni<\/strong> nella barra laterale destra. <\/p>\n\n\n\n<p>Le opzioni che troverete sono <strong>Tipo di nastro, testo del nastro, lato, distanza,<\/strong> e <strong>Dimensione<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-1024x523.webp\" alt=\"Configurazione delle impostazioni del blocco della barra multifunzione\" class=\"wp-image-1375\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"font-size:clamp(1.146rem, 1.146rem + ((1vw - 0.2rem) * 1.113), 1.8rem);\"><strong># Modifica del tipo di nastro<\/strong><\/p>\n\n\n\n<p>Vai al sito <strong>Opzione tipo di nastro<\/strong> sotto il <strong>Scheda Impostazioni<\/strong>. Fare clic sull'icona a discesa sotto di essa. Sono disponibili quattro opzioni: - <strong>Segnalibro, angolo, lato, <\/strong>e <strong>Icona<\/strong>. Selezionando queste opzioni, \u00e8 possibile cambiare facilmente il tipo di nastro.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-type.mp4\"><\/video><\/figure>\n\n\n\n<p style=\"font-size:clamp(17.905px, 1.119rem + ((1vw - 3.2px) * 1.074), 28px);\"><strong># Modifica del testo della barra multifunzione<\/strong> <strong>e dimensioni<\/strong><\/p>\n\n\n\n<p>Vai al sito <strong>Testo del nastro<\/strong> opzione. Scrivere la copia desiderata nella casella sottostante. Si vedr\u00e0 che la copia della barra multifunzione cambia nella tabella.<\/p>\n\n\n\n<p>Successivamente, dal <strong>Dimensione <\/strong>\u00e8 possibile aumentare le dimensioni del testo della barra multifunzione.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-1024x523.webp\" alt=\"\" class=\"wp-image-1377\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"font-size:clamp(17.905px, 1.119rem + ((1vw - 3.2px) * 1.074), 28px);\"><strong># Cambiare il lato e la distanza<\/strong><\/p>\n\n\n\n<p>Utilizzando il <strong>Lato<\/strong> \u00e8 possibile mettere in mostra il Ribben sia a destra che a sinistra.<\/p>\n\n\n\n<p>Se la copia della barra multifunzione viene visualizzata su due righe, aumentando <strong>Distanza<\/strong>, \u00e8 possibile portare la copia in un'unica riga.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance.webp\" alt=\"Modificare il lato e la distanza\" class=\"wp-image-1378\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 03: Stilizzare il blocco nastro<\/h2>\n\n\n\n<p>Vai al sito <strong>Scheda Stili<\/strong>. Sar\u00e0 possibile modificare il testo e il colore di sfondo del blocco della barra multifunzione.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block.webp\" alt=\"Stilizzare il blocco nastro\" class=\"wp-image-1379\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Ora la tabella \u00e8 pronta per aggiungere contenuto alla cella in cui \u00e8 stato aggiunto il blocco Ribbon. Spero che possiate fare il resto da soli.<\/p>\n\n\n\n<p>Come per la barra multifunzione, \u00e8 possibile rendere la tabella pi\u00f9 visibile utilizzando il blocco Icona. Ecco una documentazione su <a href=\"https:\/\/tableberg.com\/it\/documenti\/tableberg-one\/tavolo-di-lavoro\/come-aggiungere-icone-alle-tabelle-di-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"come aggiungere il blocco Icona alla tabella di WordPress\">come aggiungere il blocco Icona alla tabella di WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Ribbon block overlays content with a decorative strike. It is used to draw visitors&#8217; attention to specific information, like features, discounts, promotions, top-selling items, sales copies, etc. By adding the Ribbon block to a table, you can make some of its cells stand out from others. TableBerg provides a simple and easy way to [&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":[78,81],"class_list":["post-1372","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-icon-block","doc_tag-ribbon-block"],"year_month":"2026-04","word_count":363,"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":"Icon Block","term_url":"https:\/\/tableberg.com\/it\/docs-tag\/icon-block\/"},{"term_name":"Ribbon Block","term_url":"https:\/\/tableberg.com\/it\/docs-tag\/ribbon-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1372","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=1372"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1372\/revisions"}],"predecessor-version":[{"id":1826,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1372\/revisions\/1826"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=1372"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/doc_category?post=1372"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/doc_tag?post=1372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}