Índice
Definiríamos la idea principal de cualquier CMS como:
La manera fácil del contenido del sitio web de mantenimiento, manténgalo actualizado y preciso por administradores no técnicos. Gracias a eso, puedes usar tu sitio web como el principal canal de comunicación con bajos gastos. Por lo tanto, cambiar a un tema y bloques de Gutenberg es su mejor opción para lograr sus objetivos de marketing. Demostramos lo anterior al presentar cómo agregar una tabla en WordPress sin un complemento.
Puede encontrar algunas publicaciones de blog sobre cómo agregar una tabla en WordPress sin un complemento que menciona que no es fácil o que necesita usar Google Docs o Word. Bueno, eso puede ser cierto a menos que todavía no hayas cambiado al tema Citadela Gutenberg. Los temas antiguos con su generador de páginas usan un editor clásico. Y no había una opción tan fácil como la que te ofrece el editor Gutenberg.
Empieza ahora
Pago único. Garantía de devolución del dinero en 30 días.
Explore dos opciones para tablas de WordPress en Citadela
Según el contenido de su tabla de WordPress, tiene dos opciones para el bloque Gutenberg que crea una tabla en WordPress. Obtendrá muchas más opciones de las que puede imaginar en combinación con otros bloques.
- Bloque de tabla de precios (disponible solo en Complemento Citadela Pro)
- Bloque de tabla (bloque central de WordPress)
Use la versión premium de Citadela y no necesitará un complemento adicional para agregar la tabla en WordPress.
Bloque de tabla de precios
Debido a que las tablas generalmente se usan para presentar artículos y precios, hemos creado un bloque de tabla de precios especial, que se incluye en el complemento Citadela Blocks (ampliamente compatible con la mayoría de los temas modernos de WP). Puede usarlo muy fácilmente en el editor de bloques de WordPress para presentar y administrar precios de una manera atractiva.
Este bloque tiene configuraciones avanzadas y puede configurar una versión receptiva según sus necesidades. esta disponible en Complemento Citadela Pro.
Sin embargo, el propio WordPress ofrece un bloque predeterminado para crear tablas. Se llama simplemente: Bloque de mesa, y puede usarlo para crear una presentación muy básica, por ejemplo, de sus paquetes de suscripción, en unos minutos.
Hoy veremos Table Block con más detalles y hablaremos sobre:
- ¿Por qué las tablas en WordPress son prácticas?
- Cómo usar Table block y crear una tabla en WordPress (sin complemento)
- Configuración de bloque de tabla en la barra de herramientas
- Configuración de bloque de tabla de WordPress en el inspector
- Consejo extra: Cómo insertar una tabla al lado de la imagen
¿Por qué las tablas en WordPress son prácticas?
Las tablas tienen un uso universal en publicaciones y páginas. La funcionalidad básica es organizar datos o números. Las tablas también son beneficiosas para los bloggers. Por ejemplo, los bloggers de viajes pueden comparar precios para destinos individuales. Los bloggers de alimentos pueden crear fácilmente una lista de ingredientes o la cantidad requerida.
Por último, pero no menos importante, es posible utilizar tablas para presentar horarios de apertura o tablas de precios de servicios y productos. No importa si tienes un sitio web para un restaurante, salón de belleza o panadería. Seguro que encontrará uso para las tablas en su sitio web.
Cómo usar Table block y crear una tabla en WordPress (sin complemento)
Crear tablas en WordPress usando el editor de bloques es pan comido. Con el bloque de tablas, puede crear tablas con unos pocos clics sin complemento ni codificación. Echemos un vistazo a cómo funciona:
- Como primera cosa, debe insertar el bloque de tabla de WordPress. Puedes hacerlo haciendo clic en el “+” que se encuentra en la barra superior o en cualquier lugar dentro del editor. Después de eso, puede elegir un bloque en particular.
También es posible insertar un bloque de tabla usando una barra inclinada "/", después de la palabra "tabla" para buscar un bloque de tabla.
Después de agregar el bloque Tabla a su página o publicación, debe establecer configuraciones básicas, como la cantidad de columnas y filas.
Explore el tema Citadela más nuevo, donde puede crear tablas usando el bloque de tabla de WordPress y también usar nuestros bloques personalizados. Obtenga más información sobre Citadela que puede personalizar con paquetes de diseño desarrollados para tipos específicos de negocios.
Configuración de bloque de tabla en la barra de herramientas
Ahora ya sabes cómo hacer una tabla en WordPress. A continuación le mostraremos cómo trabajar con él.
La barra de herramientas superior sobre la tabla le permite realizar cambios en el estilo y el formato. Con esta configuración, puede cambiar el aspecto de la tabla. No olvide que el aspecto final siempre depende del tema activo de WordPress que utilice.
¿Qué se puede cambiar?
1. Estilos de bloque
Usando el primer icono puede seleccionar estilos de tablas. Puedes elegir una de 2 opciones:
- Por defecto – Las celdas de la tabla tendrán bordes, sin ningún fondo. El color de fondo para todo el bloque se puede agregar más adelante.
- Rayas – tabla sin bordes, pero cada segunda línea se resaltará con un fondo. Este estilo es más moderno y menos formal.
2. Alineación del bloque de tablas de WordPress
La alineación de la tabla también se puede cambiar en la barra de herramientas superior sobre el bloque. Puedes elegir uno de los clásicos como izquierda, derecha o centro, pero también puedes hacer mesa ancha o de ancho completo. La disponibilidad de los dos últimos siempre depende del tema activo de WordPress que utilice.
3. Dar formato al contenido de la tabla
El texto o los números dentro de las tablas se pueden configurar en negrita o cursiva. Puede agregar un enlace a otra página, gráfico o imagen.
4. Alineación de texto en tabla
La última versión de WP asegura que es posible alinear no solo toda la tabla sino también el texto dentro de las filas. Ahora puede alinear el texto insertado en cada línea por separado. Esta función te ayuda a crear una mesa más agradable.
5. Número de columnas y filas
¿Cómo agregar columnas o filas de tablas en WordPress? En Table block, es muy fácil. Este bloque permite agregar o eliminar celdas muy rápidamente. Simplemente haga clic en "Editar tabla" y luego en la acción que le gustaría realizar. Si hace clic en "Agregar fila después", se creará una nueva fila inmediatamente en la parte inferior.
Configuración de bloque de tabla de WordPress en el inspector
Mientras que la barra de herramientas superior le permite cambiar la configuración de las celdas de la tabla, una barra de herramientas del lado derecho llamada Inspector se usa para configuraciones más complejas del bloque Tabla. También aquí puede configurar estilos de bloque (Predeterminado o Franjas), pero además, también puede establecer el color de fondo y el ancho de la tabla.
Configuración de la mesa
Por defecto, las celdas de la tabla se ajustan dinámicamente a la cantidad de texto que hay dentro. También puede habilitar la función "Celdas de tabla de ancho fijo". Todas las celdas tendrán el mismo ancho sin importar lo que pongas dentro.
Ajustes de color
Inspector también le permite cambiar el color de fondo de la tabla. Si ha seleccionado Estilo predeterminado, toda la tabla tendrá el mismo color de fondo. Si ha seleccionado Rayas, solo una de cada dos líneas tendrá un fondo establecido.
Característica recién agregada: Soporte de encabezado y pie de página
Para hacer que las tablas sean más accesibles, los desarrolladores agregaron la opción de encabezado y pie de página al bloque Tabla de WordPress. Esta funcionalidad también proporciona una mejor definición estructural (de datos) y brinda información más precisa a los asistentes móviles. La estructura de la tabla ahora incluye <thead>, <tfoot>
, y <tbody>
para identificar y distinguir el encabezado, el pie de página y el cuerpo de la tabla. Puede habilitar o deshabilitar la sección de encabezado y pie de página directamente desde Inspector.
Consejo adicional: Cómo crear una tabla en WordPress sin complemento al lado de la imagen
¿Necesita tener una tabla y una imagen una al lado de la otra? Para hacerlo necesitas usar el Bloque de Columnas. Este bloque te permitirá insertar diferentes tipos de contenido en columnas y alinearlos bien.
¿Cómo hacerlo?
Inserte Table Block en una columna y Image Block en la segunda. Obtendrá una tabla anidada dentro del bloque de columnas de WordPress junto a la imagen. Es muy simple y no tiene que preocuparse por la alineación o la versión receptiva.
Puede leer más sobre el bloque de columnas en nuestro artículo Cómo hacer columnas en WordPress sin plugin.
Excelente aporte!
Muy buena publicación, wordpress tiene opciones que muchos usuarios no ven. Tu publicación lo aclara. Es la muerte de los complementos de tabla.
Excelente…!
Sin complemento clásico
¡Qué buena información! ¡Seguro, una lectura obligada y un descubrimiento!
De hecho me ayudó muchas gracias.
Gracias. fue realmente de ayuda
Muy útil. Genial aprender sobre las nuevas características del bloque de Gutenberg. ¡Mantener el buen trabajo! Que tengas un buen día 🙂
Se pierde una característica por excelencia, es decir, receptivo.
Si veo la tabla en el móvil con 6 columnas o más, está comprimida y se ve horrible.
¡Al menos deberían haberlo probado!
Esto es realmente muy útil. Gracias
Ahora que ha terminado de crear la tabla, el siguiente paso es agregarla a su publicación. Para hacerlo, primero deberá copiar el código abreviado de la tabla. Eso se puede hacer navegando a TablePress All Tables. Luego ubique la tabla que le gustaría copiar, debajo de ella haga clic en ¿Mostrar código abreviado? Al hacer clic, aparecerá una alerta emergente que muestra el código abreviado.
No puedo entender por qué los desarrolladores de WordPress no pensaron en hacer que la tabla respondiera en 2020. ¿Cómo es eso posible? Entonces, antes de que eso suceda, todavía habrá un uso de complementos para resolver esto. En mi honesta opinión. Gran artículo sin embargo.
¿Cómo agregar borde a la tabla?
Hola,
Gracias por preguntar. No hay opción para administrarlo en la administración del panel por defecto. Tal vez podría considerar usar otro tipo de bloque de tabla. Eche un vistazo al proporcionado por PublishPress Blocks (donde puede administrar diferentes tipos de bordes, colores, fuentes, fondo, etc.)
¡Que tenga un buen día!
Zlatko
equipo AIT
¿Hay alguna forma de fusionar celdas de una columna sin usar ningún complemento?
Hola,
Gracias por preguntar. El bloque tratado por la comunidad de WordPress no permite fusionar celdas por el momento. Tal vez, en el futuro podría haber una opción para eso.
Si hay algo más en lo que podamos ayudarlo, no dude en contactarnos nuevamente.
¡Que tenga un buen día!
Zlatko
equipo AIT