{"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":"como-adicionar-fitas-as-tabelas-do-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/pt\/docs\/how-to-add-ribbons-to-wordpress-tables\/","title":{"rendered":"Bloco de fitas"},"content":{"rendered":"<p>O bloco Ribbon sobrep\u00f5e o conte\u00fado com um toque decorativo. Ele \u00e9 usado para chamar a aten\u00e7\u00e3o dos visitantes para informa\u00e7\u00f5es espec\u00edficas, como recursos, descontos, promo\u00e7\u00f5es, itens mais vendidos, c\u00f3pias de vendas etc.<\/p>\n\n\n\n<p>Ao adicionar o bloco Ribbon a uma tabela, voc\u00ea pode fazer com que algumas de suas c\u00e9lulas se destaquem das demais. <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"MesaBerg\">MesaBerg<\/a> fornece uma maneira simples e f\u00e1cil de adicionar fitas \u00e0s suas tabelas no WordPress.<\/p>\n\n\n\n<p>Esta postagem de documenta\u00e7\u00e3o mostrar\u00e1 a voc\u00ea como adicionar fitas \u00e0s tabelas do WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Etapa 01: Localizar e adicionar o bloco da faixa de op\u00e7\u00f5es \u00e0 tabela<\/h2>\n\n\n\n<p>O TableBerg inclui v\u00e1rios blocos para criar tabelas bem funcionais. A faixa de op\u00e7\u00f5es \u00e9 um deles. Localize e adicione o bloco <strong>Bloco de fitas<\/strong> para a c\u00e9lula desejada, clicando no bot\u00e3o <strong>bot\u00e3o de adi\u00e7\u00e3o (+)<\/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=\"Localizar e adicionar o bloco da faixa de op\u00e7\u00f5es \u00e0 tabela\" 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>O <strong>Bloco de fitas<\/strong> ser\u00e1 adicionado \u00e0 c\u00e9lula em uma \u00fanica vez.<\/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=\"O bloco da faixa de op\u00e7\u00f5es \u00e9 adicionado \u00e0 tabela\" 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\">Etapa 02: Definir as configura\u00e7\u00f5es do bloco da faixa de op\u00e7\u00f5es<\/h2>\n\n\n\n<p>Voc\u00ea encontrar\u00e1 v\u00e1rias op\u00e7\u00f5es para alterar as configura\u00e7\u00f5es do bloco da faixa de op\u00e7\u00f5es na se\u00e7\u00e3o <strong>Guia Configura\u00e7\u00f5es<\/strong> na barra lateral direita. <\/p>\n\n\n\n<p>As op\u00e7\u00f5es que voc\u00ea encontrar\u00e1 s\u00e3o <strong>Tipo de fita, texto da fita, lado, dist\u00e2ncia,<\/strong> e <strong>Tamanho<\/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=\"Configurar defini\u00e7\u00f5es do bloco da faixa de op\u00e7\u00f5es\" 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># Alterar o tipo de fita<\/strong><\/p>\n\n\n\n<p>Ir para o <strong>Op\u00e7\u00e3o de tipo de fita<\/strong> sob o <strong>Guia Configura\u00e7\u00f5es<\/strong>. Clique no \u00edcone suspenso abaixo dele. H\u00e1 quatro op\u00e7\u00f5es - <strong>Marcador, canto, lateral, <\/strong>e <strong>\u00cdcone<\/strong>. Ao selecionar essas op\u00e7\u00f5es, voc\u00ea pode alterar facilmente o tipo de fita.<\/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># Alterar o texto da faixa de op\u00e7\u00f5es<\/strong> <strong>e tamanho<\/strong><\/p>\n\n\n\n<p>Ir para o <strong>Texto da faixa de op\u00e7\u00f5es<\/strong> op\u00e7\u00e3o. Escreva a c\u00f3pia desejada na caixa abaixo. Voc\u00ea ver\u00e1 que a c\u00f3pia da faixa de op\u00e7\u00f5es est\u00e1 mudando na tabela.<\/p>\n\n\n\n<p>Em seguida, a partir do <strong>Tamanho <\/strong>voc\u00ea pode aumentar o tamanho do texto da faixa de op\u00e7\u00f5es.<\/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># Alterar o lado e a dist\u00e2ncia<\/strong><\/p>\n\n\n\n<p>Usando o <strong>Lateral<\/strong> voc\u00ea pode exibir o Ribben no lado direito ou esquerdo.<\/p>\n\n\n\n<p>Se a c\u00f3pia da faixa de op\u00e7\u00f5es aparecer em duas linhas, aumente a <strong>Dist\u00e2ncia<\/strong>Se voc\u00ea n\u00e3o tiver uma c\u00f3pia, poder\u00e1 traz\u00ea-la em uma linha.<\/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=\"Alterar o lado e a dist\u00e2ncia\" 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\">Etapa 03: Estilizar o bloco de fitas<\/h2>\n\n\n\n<p>Ir para o <strong>Guia Estilos<\/strong>. Voc\u00ea poder\u00e1 alterar o texto e a cor de fundo do bloco da faixa de op\u00e7\u00f5es.<\/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=\"Estilizar o bloco de fitas\" 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>Agora, sua tabela est\u00e1 pronta para adicionar conte\u00fado \u00e0 c\u00e9lula em que voc\u00ea adicionou o bloco da faixa de op\u00e7\u00f5es. Espero que voc\u00ea possa fazer o resto sozinho.<\/p>\n\n\n\n<p>Assim como a faixa de op\u00e7\u00f5es, voc\u00ea pode chamar a aten\u00e7\u00e3o para sua tabela usando o bloco Icon. Aqui est\u00e1 uma documenta\u00e7\u00e3o sobre <a href=\"https:\/\/tableberg.com\/pt\/documentos\/tableberg-one\/tableberg\/como-adicionar-icones-as-tabelas-do-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"Como adicionar o bloco de \u00edcones \u00e0 sua tabela do WordPress\">Como adicionar o bloco de \u00edcones \u00e0 sua tabela do 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\/pt\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/pt\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Icon Block","term_url":"https:\/\/tableberg.com\/pt\/docs-tag\/icon-block\/"},{"term_name":"Ribbon Block","term_url":"https:\/\/tableberg.com\/pt\/docs-tag\/ribbon-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=1372"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1372\/revisions"}],"predecessor-version":[{"id":1826,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1372\/revisions\/1826"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=1372"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_category?post=1372"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=1372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}