,

Cómo añadir un botón a un bloque de tabla en WordPress

Las tablas suelen utilizarse para organizar y presentar información de forma estructurada. Añadiendo botones a la tabla, a menudo se puede incitar a los usuarios a explorar nuevas entradas y páginas o a comprar los respectivos productos y servicios.

Pero la tabla por defecto de WordPress no tiene la opción de añadir botones. TableBerg es un plugin maravilloso para resolver este problema. Te ayudará a crear y añadir botones fácilmente a sus celdas, al igual que los bloques de Gutenberg.

Este artículo explicará cómo añadir un botón al bloque de tabla en WordPress y hacerlo atractivo.

Cree bonitas mesas
Con el editor de bloques

Paso 01: Instalar el plugin TableBerg

Vaya a su panel de control de WordPress. Navegue hasta Dashboard > Plugins > Add New Plugin.

Tipo Tableberg en el cuadro de búsqueda de la esquina superior derecha. El plugin aparecerá a continuación en un segundo. Instale y Activar eso.

Paso 02: Añadir el bloque TableBerg a tu post/página

Abra la entrada o página en la que desea añadir la tabla. Haga clic en el botón Icono más (+) para abrir el editor Gutenberg.

Tipo Tableberg en el cuadro de búsqueda. Pulse el bloque después de que aparezca a continuación.

Añade TableBerg a tu entrada o página

Paso 03: Seleccionar el número de filas y columnas

Defina los números de fila y columna para la tabla. Como puede ver en la imagen siguiente, hemos definido 4 filas y columnas para nuestra tabla.

Definir el número de fila y columna de la tabla

Coge el cursor y haz clic en cualquier celda de la tabla. Verás un más (+) que aparece. Al hacer clic en el icono más, obtendrá cuatro bloques diferentes, cualquiera de los cuales puede añadir a cada celda.

Obtendrás el bloque de botones en esta colección de bloques.

Botón de bloqueo en las celdas de TableBerg

Paso 04: Añadir el contenido de la tabla y el botón

Puede ver que hemos añadido todo el contenido necesario (imagen, lista, valoración y precio) a la tabla utilizando los bloques respectivos.

Añadir contenido y botón a la tabla

Paso 05: Estilizar el botón de la mesa

Selecciona el botón. Pulse el botón Enlace de la barra de herramientas para vincular la entrada o página deseada al botón.

Ir a la Estilos en la barra lateral derecha. Tendrás varias opciones de personalización como Tipografía, Borde, Color, y Color Hover.

Realice las personalizaciones necesarias como desee.

Estilizar el botón sobre la mesa

Paso 06: Vista previa de la tabla

Ahora, ve al frontend del post o página y echa un vistazo a la tabla que has creado. Si el diseño y la maquetación no están a la altura, ve al editor de nuevo y realiza las personalizaciones necesarias.

Vista previa de la tabla

Conclusión

El plugin TableBerg cuenta actualmente con cuatro bloques hasta el momento. Pero nuestros desarrolladores están trabajando constantemente para llegar a algunos bloques más impresionantes en los próximos días para mejorar su experiencia de creación de tablas.

Sigue con nosotros para estar al día de nuestros próximos lanzamientos y de cualquier nuevo anuncio.

Lea también:



El equipo de Tableberg