{"id":1340,"date":"2024-05-11T17:08:03","date_gmt":"2024-05-11T17:08:03","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&p=1340"},"modified":"2024-06-22T23:07:46","modified_gmt":"2024-06-22T23:07:46","password":"","slug":"como-adicionar-listas-com-estilo-em-tabelas-do-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/pt\/docs\/how-to-add-styled-lists-in-wordpress-tables\/","title":{"rendered":"Bloco de lista com estilo"},"content":{"rendered":"

O bloco Styled List permite que voc\u00ea apresente suas informa\u00e7\u00f5es de uma forma visualmente atraente que os leitores possam digerir. Esse bloco \u00e9 usado em v\u00e1rias se\u00e7\u00f5es de um site para explicar recursos de produtos, benef\u00edcios, ofertas de servi\u00e7os e muito mais.<\/p>\n\n\n\n

Voc\u00ea tamb\u00e9m pode adicionar esse bloco \u00e0s tabelas do WordPress para criar compara\u00e7\u00f5es, especifica\u00e7\u00f5es e outros tipos de tabelas. Neste documento, mostraremos como adicionar Styled Lists em tabelas do WordPress usando o bloco MesaBerg<\/a> plugin.<\/p>\n\n\n\n

Etapa 01: Adicionar o bloco de lista com estilo \u00e0 tabela<\/h2>\n\n\n\n

Suponha que mostraremos os recursos de um produto em uma tabela usando o bloco. Coloque o cursor na c\u00e9lula em que deseja adicionar o bloco.<\/p>\n\n\n\n

Pressione o bot\u00e3o bot\u00e3o de adi\u00e7\u00e3o (+)<\/strong> e encontrar o Bloco de lista com estilo<\/strong>. Adicione o bloco \u00e0 c\u00e9lula.<\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n

O Bloco de lista com estilo<\/strong> ser\u00e1 adicionado \u00e0 c\u00e9lula em um segundo.<\/p>\n\n\n\n

\"O<\/figure>\n\n\n\n

Etapa 02: Definir as configura\u00e7\u00f5es do bloco de lista com estilo<\/h2>\n\n\n\n

Antes de adicionar conte\u00fado, voc\u00ea pode alterar as configura\u00e7\u00f5es do Bloco de lista com estilo<\/strong>. Voc\u00ea pode alterar o Recuo do item da lista, espa\u00e7amento do item,<\/strong> e alinhamento vertical<\/strong>. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

O plug-in TableBerg inclui Mais de 270 \u00edcones<\/strong> para o bloco Style List. Para alterar o \u00edcone da lista, clique ao lado do \u00edcone Selecione a op\u00e7\u00e3o \u00cdcone<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Selecione um \u00edcone para o bloco Styled List na cole\u00e7\u00e3o. <\/p>\n\n\n\n

\"Selecione<\/figure>\n\n\n\n

Voc\u00ea tamb\u00e9m pode definir o tamanho do \u00edcone, espa\u00e7amento entre \u00edcones,<\/strong> e tamanho da fonte<\/strong> para o bloco Styled List.<\/p>\n\n\n\n

\"Definir<\/figure>\n\n\n\n

Etapa 03: Adicionar conte\u00fado ao bloco de lista com estilo<\/h2>\n\n\n\n

Agora, adicione o conte\u00fado da lista desejada ao bloco Styled List.<\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n

Etapa 04: Estilizar o bloco de lista estilizada<\/h2>\n\n\n\n

Ir para o Guia com estilo<\/strong>. Voc\u00ea ter\u00e1 op\u00e7\u00f5es para personalizar o \u00edcone<\/strong> e cor do texto<\/strong>.<\/p>\n\n\n\n

\"Seta<\/figure>\n\n\n\n

Da mesma forma, voc\u00ea tamb\u00e9m pode adicionar o bloco Styled List \u00e0s outras linhas da tabela. Espero que voc\u00ea consiga fazer isso sozinho.<\/p>\n\n\n\n

Agora, antes de deixar a documenta\u00e7\u00e3o, reserve alguns minutos para explorar este documento sobre Como adicionar classifica\u00e7\u00f5es de estrelas em tabelas do WordPress<\/a>.<\/p>\n\n\n\n

<\/p>","protected":false},"excerpt":{"rendered":"

The Styled List block allows you to present your information in a visually appealing way that readers can digest. This block is used in various sections of a website to explain product features, benefits, service offerings, and more. You can add this block to WordPress tables as well to create comparisons, specifications, and other type […]<\/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":[46,77],"class_list":["post-1340","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-list-block","doc_tag-styled-list"],"year_month":"2026-04","word_count":312,"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":"List Block","term_url":"https:\/\/tableberg.com\/pt\/docs-tag\/list-block\/"},{"term_name":"Styled List","term_url":"https:\/\/tableberg.com\/pt\/docs-tag\/styled-list\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1340","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=1340"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1340\/revisions"}],"predecessor-version":[{"id":1824,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1340\/revisions\/1824"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=1340"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_category?post=1340"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=1340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}