Las tablas se utilizan habitualmente para mostrar diversos datos e información en un formato organizado y estructurado. Sin embargo, la apariencia predeterminada de las tablas en WordPress incluye bordes visuales.
Aunque este borde es esencial en muchos casos, hay muchas situaciones en las que puede ser necesario ocultar los bordes para mejorar la estética del diseño. Por eso, muchos diseñadores web buscan formas de eliminar los bordes de las tablas.
Este artículo le mostrará una guía fácil sobre cómo eliminar los bordes de las tablas en WordPress. Explicaremos este método utilizando la tabla por defecto de WordPress, así como un plugin de tabla.
Empecemos con el plugin de mesa.
Cree bonitas mesas
Con el editor de bloques
Método 1: Eliminar los bordes del bloque de tabla por defecto
Veamos cómo eliminar los bordes de un bloque de Tabla por defecto.
Paso 01: Cree primero una tabla
Espero que ya lo sepas cómo crear tablas utilizando el sistema por defecto de WordPress. También hemos creado uno con información ficticia para demostrar las siguientes partes del tutorial.
Paso 02: Seleccionar el bloque de tabla y ocultar sus bordes
Seleccione toda la tabla haciendo clic en el botón Bloque de mesa de la barra de herramientas. Salta a la Estilos en la barra lateral derecha.
Ven al Frontera desplazándose por la barra lateral derecha. Haga clic en valor de frontera cero (0) arrastrando la escala. El borde de la tabla desaparecerá.
Método 2: Eliminar los bordes del bloque Tableberg
Ahora bien, si desea tener más controles sobre los bordes como la eliminación de la fronteras interiores o exteriores y mostrando el bordes sólo fila o sólo columnapuede utilizar la función Tableberg plugin.
Veamos cómo utilizar el plugin.
Paso 01: Instalar y activar el plugin
Vaya a Plugins > Añadir nuevo plugin. Obtenga el plugin escribiendo Tableberg en el cuadro de búsqueda. Después de eso, Instale y Activar eso.
Encuentra el Bloque Tableberg del editor de Gutenberg y añádelo a tu entrada o página.
Paso 02: Crear una tabla
Ahora ve al post/página donde quieres añadir la tabla sin bordes. Una vez en el editor, haz clic en el icono + (1) y busque "Tableberg" (2). A continuación, haga clic en el bloque Tableberg para insertarlo (3).
Establecer el número de fila y columna a la entrada, que es similar a la tabla por defecto de WordPress. Y haz clic en el botón 'Crear tabla'.
Tendrás la opción de añadir bloques similar a Gutenberg en cada celda de la tabla. Usándolos, puedes añadir el contenido que desees a la tabla.
Puedes ver a continuación que hemos creado una tabla ficticia con el plugin. A continuación, le mostraremos cómo eliminar los bordes de la tabla.
Paso 03: Eliminar los bordes de la tabla
Seleccione todo el bloque Tableberg haciendo clic en el botón Icono TableBerg en la barra de herramientas. A continuación, vaya a la pestaña Estilos en la barra lateral derecha.
Desplaza un poco la barra lateral. Desactive la opción Activar borde interior. Haga que el Tamaño del borde de la mesa cero (0) arrastrando la escala.
Esto eliminará los bordes de la tabla. Ahora puede editar el contenido de la tabla para ajustar su presentación.
Intente ocultar los bordes de la tabla usted mismo
El tutorial de hoy termina aquí. Espero que siguiendo este artículo, usted será capaz de ocultar los bordes de la tabla en su sitio web WordPress fácilmente. Si quieres más consejos y sugerencias relacionadas con la creación de tablas en WordPress, sigue con nosotros, y no olvides compartir tus valiosos comentarios a través de la sección de comentarios.