{"id":824,"date":"2025-01-22T06:17:48","date_gmt":"2025-01-22T06:17:48","guid":{"rendered":"https:\/\/tableberg.com\/?p=824"},"modified":"2025-01-22T06:17:51","modified_gmt":"2025-01-22T06:17:51","slug":"como-mesclar-celulas-de-tabela-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-merge-table-cells-in-wordpress\/","title":{"rendered":"Como mesclar c\u00e9lulas de tabela no WordPress"},"content":{"rendered":"<p>As c\u00e9lulas s\u00e3o os elementos fundamentais para o layout geral de qualquer tabela. A fus\u00e3o de c\u00e9lulas refere-se \u00e0 combina\u00e7\u00e3o de duas ou mais c\u00e9lulas adjacentes em uma \u00fanica c\u00e9lula maior para aumentar a est\u00e9tica da apresenta\u00e7\u00e3o do conte\u00fado.<\/p>\n\n\n\n<p>Al\u00e9m disso, ao mesclar as c\u00e9lulas da tabela, voc\u00ea pode eliminar a repeti\u00e7\u00e3o e a apresenta\u00e7\u00e3o desnecess\u00e1rias dos dados. Este artigo mostrar\u00e1 a voc\u00ea como mesclar c\u00e9lulas de tabela no WordPress com um guia f\u00e1cil.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#fff2de\"><strong>Observa\u00e7\u00e3o<\/strong>: O Table Block padr\u00e3o do WordPress n\u00e3o tem a op\u00e7\u00e3o de mesclar c\u00e9lulas em uma tabela. Aqui, usaremos a op\u00e7\u00e3o <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> para mesclar c\u00e9lulas. Ele funciona como o bloco de tabela padr\u00e3o. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Etapa 1: Instalar o plug-in Tableberg<\/h2>\n\n\n\n<p>Se voc\u00ea tiver usado o <a href=\"https:\/\/tableberg.com\/pt\/como-usar-o-bloco-de-tabela-do-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">bloco de tabela padr\u00e3o do Gutenberg<\/a>Espero que voc\u00ea j\u00e1 saiba que ele n\u00e3o tem a op\u00e7\u00e3o de mesclagem de c\u00e9lulas. Voc\u00ea precisa de um plug-in adicional para obter essa op\u00e7\u00e3o.<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> \u00e9 um plug-in gratuito f\u00e1cil de usar. Ele vem com um bloco de tabela, quase semelhante ao bloco de tabela do Gutenberg. Agora, v\u00e1 para o Painel do WordPress e instale o plug-in.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1-1024x481.png\" alt=\"\" class=\"wp-image-2588\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1-1024x481.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1-300x141.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1-768x361.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1-1536x722.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1-2048x963.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Etapa 2: Criar uma tabela<\/h2>\n\n\n\n<p>V\u00e1 para o post ou a p\u00e1gina do WordPress em que voc\u00ea deseja adicionar uma tabela. Em seguida, clique no \u00edcone + e procure por \"Tableberg\". Clique no bloco Tableberg para inseri-lo. <\/p>\n\n\n\n<p>Localize e adicione o bloco TableBerg ao seu post ou p\u00e1gina. Em seguida, crie a tabela desejada usando o bloco de tabela padr\u00e3o.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2492\" height=\"1472\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1.png\" alt=\"\" class=\"wp-image-2774\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1.png 2492w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-300x177.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-1024x605.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-768x454.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-1536x907.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-2048x1210.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-18x12.png 18w\" sizes=\"auto, (max-width: 2492px) 100vw, 2492px\" \/><\/figure>\n\n\n\n<p>Aqui est\u00e1 uma tabela que criamos com conte\u00fado fict\u00edcio. Na pr\u00f3xima etapa, mostraremos como mesclar as c\u00e9lulas verticais e horizontais da tabela.<\/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\/02\/Dummy-table-created-for-showing-how-to-merge-table-cells.webp\" alt=\"Tabela fict\u00edcia criada para mostrar como mesclar c\u00e9lulas da tabela\" class=\"wp-image-825\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Dummy-table-created-for-showing-how-to-merge-table-cells.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Dummy-table-created-for-showing-how-to-merge-table-cells-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Dummy-table-created-for-showing-how-to-merge-table-cells-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Dummy-table-created-for-showing-how-to-merge-table-cells-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Etapa 3: Mesclar c\u00e9lulas da tabela horizontalmente<\/h2>\n\n\n\n<p><strong>Selecione as c\u00e9lulas<\/strong> que voc\u00ea deseja mesclar, pressionando <strong>Tecla Shift<\/strong>. Pressione o bot\u00e3o <strong>Editar tabela<\/strong> na barra de ferramentas. Selecione a op\u00e7\u00e3o <strong>Op\u00e7\u00e3o de mesclagem<\/strong>. As c\u00e9lulas ser\u00e3o mescladas.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1276\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Merge-table-cells-horizontally.webp\" alt=\"Mesclar c\u00e9lulas da tabela horizontalmente\" class=\"wp-image-827\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Merge-table-cells-horizontally.webp 1276w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Merge-table-cells-horizontally-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Merge-table-cells-horizontally-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Merge-table-cells-horizontally-768x393.webp 768w\" sizes=\"auto, (max-width: 1276px) 100vw, 1276px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Etapa 04: Mesclar c\u00e9lulas da tabela verticalmente<\/h2>\n\n\n\n<p>Da mesma forma, selecione as c\u00e9lulas verticais que deseja mesclar. Em seguida, clique no \u00edcone <strong>Op\u00e7\u00e3o de mesclagem<\/strong> na barra de ferramentas do Gutenberg.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Merge-table-cells-vertically.webp\" alt=\"Mesclar c\u00e9lulas da tabela verticalmente\" class=\"wp-image-830\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Merge-table-cells-vertically.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Merge-table-cells-vertically-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Merge-table-cells-vertically-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Merge-table-cells-vertically-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Da mesma forma, mescle todas as outras c\u00e9lulas necess\u00e1rias que voc\u00ea desejar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Etapa 05: Visualizar a tabela<\/h2>\n\n\n\n<p>Aqui est\u00e1 a visualiza\u00e7\u00e3o da tabela depois de mesclarmos suas c\u00e9lulas.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1279\" height=\"428\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-table-cells-merged.webp\" alt=\"Visualizar as c\u00e9lulas da tabela mescladas\" class=\"wp-image-833\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-table-cells-merged.webp 1279w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-table-cells-merged-300x100.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-table-cells-merged-1024x343.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-table-cells-merged-768x257.webp 768w\" sizes=\"auto, (max-width: 1279px) 100vw, 1279px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_98c2f207-a1d7-40e0-b023-019d1de556f4\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Tutorial em v\u00eddeo<\/h2>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-ub-advanced-video\" id=\"ub-advanced-video-f672d2f4-40e2-448a-b50e-b2d0e986ed38\"><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: 0px solid ; border-left: 0px solid ; border-right: 0px solid ; border-bottom: 0px solid ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; --ub-advanced-video-aspect-ratio: 1280\/720; \"><iframe loading=\"lazy\" width=\"1280\" height=\"720\" src=\"\/\/www.youtube.com\/embed\/1Y48AzIq4Co\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Nota final!<\/h2>\n\n\n\n<p>Temos visto muitas pessoas que n\u00e3o t\u00eam um plano claro em mente sobre quais c\u00e9lulas devem ser mescladas antes de criar uma tabela. Isso lhes custa tempo, pois precisam limpar a tabela e adicionar o conte\u00fado novamente mais tarde.<\/p>\n\n\n\n<p>Portanto, voc\u00ea deve ter um plano claro antes de desenhar a mesa. Espero que voc\u00ea consiga fazer isso bem seguindo o guia que mostramos nesta postagem. D\u00ea uma olhada em <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-comparacao-de-produtos-da-amazon-no-wordpress\/\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-create-amazon-product-comparison-table-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">como criar maravilhosas tabelas de compara\u00e7\u00e3o de produtos da Amazon<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Cells are the fundamental elements for the overall layout of any table. Merging cells refers to combining two or more adjacent cells into a single and larger cell to increase the aesthetic of the content presentation. Besides, by merging table cells, you can eliminate unnecessary repetition and presentation of data. This article will show you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6948,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,22,9],"class_list":["post-824","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-table-cells-and-columns","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/How-to-Merge-Table-Cells-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"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=824"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/824\/revisions"}],"predecessor-version":[{"id":6949,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/824\/revisions\/6949"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6948"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}