{"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-anadir-listas-con-estilo-en-las-tablas-de-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/es\/docs\/how-to-add-styled-lists-in-wordpress-tables\/","title":{"rendered":"Bloque de lista con estilo"},"content":{"rendered":"

El bloque Lista estilizada le permite presentar su informaci\u00f3n de una forma visualmente atractiva que los lectores puedan digerir. Este bloque se utiliza en varias secciones de un sitio web para explicar caracter\u00edsticas de productos, ventajas, ofertas de servicios, etc.<\/p>\n\n\n\n

Tambi\u00e9n puede a\u00f1adir este bloque a las tablas de WordPress para crear comparaciones, especificaciones y otro tipo de tablas. En este documento, le mostraremos c\u00f3mo a\u00f1adir listas con estilo en las tablas de WordPress utilizando el bloque TableBerg<\/a> plugin.<\/p>\n\n\n\n

Paso 01: A\u00f1adir el bloque de lista estilizada a la tabla<\/h2>\n\n\n\n

Supongamos que vamos a mostrar las caracter\u00edsticas de un producto en una tabla utilizando el bloque. Sit\u00faa el cursor en la celda donde quieras a\u00f1adir el bloque.<\/p>\n\n\n\n

Pulsa el bot\u00f3n Bot\u00f3n m\u00e1s (+)<\/strong> y encontrar el Bloque Lista estilizada<\/strong>. A\u00f1ade el bloque a la celda.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

En Bloque Lista estilizada<\/strong> se a\u00f1adir\u00e1 a la celda en un segundo.<\/p>\n\n\n\n

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

Paso 02: Configurar los ajustes del bloque de lista estilizada<\/h2>\n\n\n\n

Antes de a\u00f1adir contenido, puede cambiar la configuraci\u00f3n de los botones Bloque Lista estilizada<\/strong>. Puede cambiar el Sangr\u00eda de los elementos de la lista, Espaciado entre elementos,<\/strong> y alineaci\u00f3n vertical<\/strong>. <\/p>\n\n\n\n

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

El plugin TableBerg incluye M\u00e1s de 270 iconos<\/strong> para el bloque Lista de estilos. Para cambiar el icono de la lista, haga clic junto al icono Seleccione la opci\u00f3n Icono<\/strong>.<\/p>\n\n\n\n

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

Seleccione un icono para el bloque Lista estilizada de la colecci\u00f3n. <\/p>\n\n\n\n

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

Tambi\u00e9n puede fijar el tama\u00f1o de los iconos, espaciado entre iconos,<\/strong> y tama\u00f1o de letra<\/strong> para el bloque Lista con estilo.<\/p>\n\n\n\n

\"Tama\u00f1o<\/figure>\n\n\n\n

Paso 03: A\u00f1adir contenido al bloque de lista con estilo<\/h2>\n\n\n\n

Ahora, a\u00f1ada el contenido que desee al bloque Lista estilizada.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

Paso 04: Estilizar el bloque de lista estilizada<\/h2>\n\n\n\n

Ir a la Ficha de estilo<\/strong>. Tendr\u00e1s opciones para personalizar el icono<\/strong> y color del texto<\/strong>.<\/p>\n\n\n\n

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

Siguiendo el mismo camino, puede a\u00f1adir el bloque Lista con estilo a las otras filas de la tabla tambi\u00e9n. Espero que puedas hacerlo t\u00fa mismo.<\/p>\n\n\n\n

Ahora, antes de dejar la documentaci\u00f3n, dedique unos minutos a explorar este doc sobre c\u00f3mo a\u00f1adir puntuaciones con estrellas en las tablas de 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\/es\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/es\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"List Block","term_url":"https:\/\/tableberg.com\/es\/docs-tag\/list-block\/"},{"term_name":"Styled List","term_url":"https:\/\/tableberg.com\/es\/docs-tag\/styled-list\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=1340"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1340\/revisions"}],"predecessor-version":[{"id":1824,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1340\/revisions\/1824"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=1340"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_category?post=1340"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_tag?post=1340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}