{"id":155,"date":"2025-02-09T03:44:50","date_gmt":"2025-02-09T03:44:50","guid":{"rendered":"https:\/\/tableberg.com\/?p=155"},"modified":"2025-02-09T03:44:54","modified_gmt":"2025-02-09T03:44:54","slug":"como-anadir-un-boton-a-un-bloque-de-tabla-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-add-button-to-table-block-in-wordpress\/","title":{"rendered":"C\u00f3mo a\u00f1adir botones al bloque de tabla en WordPress"},"content":{"rendered":"

Las tablas suelen utilizarse para organizar y presentar informaci\u00f3n de forma estructurada. A\u00f1adiendo botones a la tabla, a menudo se puede incitar a los usuarios a explorar nuevas entradas y p\u00e1ginas o a comprar los respectivos productos y servicios.<\/p>\n\n\n\n

Pero la tabla por defecto de WordPress no tiene la opci\u00f3n de a\u00f1adir botones. Tableberg<\/a> es un plugin maravilloso para resolver este problema. Te ayudar\u00e1 a crear y a\u00f1adir botones f\u00e1cilmente a sus celdas, al igual que los bloques de Gutenberg.<\/p>\n\n\n\n

Este art\u00edculo explicar\u00e1 c\u00f3mo a\u00f1adir un bot\u00f3n al bloque de tabla en WordPress y hacerlo atractivo.<\/p>\n\n\n\n

\n
\n
\n
\n

Cree bonitas mesas <\/strong>
Con el editor de bloques<\/strong><\/p>\n\n\n\n

\n
Pruebe gratis<\/a><\/div>\n\n\n\n
Conseguir Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Paso 1: Instalar el plugin Tableberg<\/h2>\n\n\n\n

Vaya a su panel de control de WordPress. Navegue hasta Panel > Plugins > A\u00f1adir nuevo plugin<\/strong>.<\/p>\n\n\n\n

Tipo Tableberg<\/strong> en el cuadro de b\u00fasqueda de la esquina superior derecha. El plugin aparecer\u00e1 a continuaci\u00f3n en un segundo. Instale<\/strong> y Activar<\/strong> eso.<\/p>\n\n\n\n

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

Paso 2: A\u00f1ade el bloque Tableberg a tu post\/p\u00e1gina<\/h2>\n\n\n\n

Abra la entrada o p\u00e1gina en la que desea a\u00f1adir la tabla. Haga clic en el bot\u00f3n Icono m\u00e1s (+)<\/strong> para abrir el editor Gutenberg.<\/p>\n\n\n\n

Tipo Tableberg<\/strong> en el cuadro de b\u00fasqueda. Pulse el bloque despu\u00e9s de que aparezca a continuaci\u00f3n.<\/p>\n\n\n\n

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

Paso 3: Seleccionar el n\u00famero de filas y columnas<\/h2>\n\n\n\n

Defina los n\u00fameros de fila y columna para la tabla. Como puede ver en la imagen siguiente, hemos definido 4 filas y columnas para nuestra tabla.<\/p>\n\n\n\n

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

Paso 4: A\u00f1adir un bot\u00f3n a la celda de la tabla<\/h2>\n\n\n\n

Coge el cursor y haz clic en cualquier celda de la tabla. Ver\u00e1s un m\u00e1s (+)<\/strong> que aparece. Al hacer clic en el icono m\u00e1s, obtendr\u00e1 cuatro bloques diferentes, cualquiera de los cuales puede a\u00f1adir a cada celda.<\/p>\n\n\n\n

Obtendr\u00e1s el bloque de botones en esta colecci\u00f3n de bloques. <\/p>\n\n\n\n

\"Bot\u00f3n<\/figure>\n\n\n\n

Paso 5: A\u00f1adir m\u00e1s contenido a la tabla <\/h2>\n\n\n\n

Puede ver que hemos a\u00f1adido todo el contenido necesario (imagen, lista, valoraci\u00f3n y precio) a la tabla utilizando los bloques respectivos.<\/p>\n\n\n\n

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

Paso 6: Estilizar el bot\u00f3n de la mesa<\/h2>\n\n\n\n

Selecciona el bot\u00f3n. Pulse el bot\u00f3n Enlace<\/strong> de la barra de herramientas para vincular la entrada o p\u00e1gina deseada al bot\u00f3n.<\/p>\n\n\n\n

Ir a la Estilos<\/strong> en la barra lateral derecha. Tendr\u00e1s varias opciones de personalizaci\u00f3n como Tipograf\u00eda, Borde, Color, <\/strong>y Color Hover.<\/strong><\/p>\n\n\n\n

Realice las personalizaciones necesarias como desee.<\/p>\n\n\n\n

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

Paso 7: Vista previa de la tabla<\/h2>\n\n\n\n

Ahora, ve al frontend del post o p\u00e1gina y echa un vistazo a la tabla que has creado. Si el dise\u00f1o y la maquetaci\u00f3n no est\u00e1n a la altura, ve al editor de nuevo y realiza las personalizaciones necesarias.<\/p>\n\n\n\n

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

Conclusi\u00f3n<\/h3>\n\n\n\n

El plugin TableBerg cuenta actualmente con cuatro bloques hasta el momento. Pero nuestros desarrolladores est\u00e1n trabajando constantemente para llegar a algunos bloques m\u00e1s impresionantes en los pr\u00f3ximos d\u00edas para mejorar su experiencia de creaci\u00f3n de tablas.<\/p>\n\n\n\n

Sigue con nosotros para estar al d\u00eda de nuestros pr\u00f3ximos lanzamientos y de cualquier nuevo anuncio.<\/p>\n\n\n\n

Lea tambi\u00e9n: <\/p>\n\n\n\n