Cómo crear una tabla en WordPress sin complemento

Cómo crear una tabla en WordPress sin complemento

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

Comience ahora con una prueba sin riesgos. No se requiere tarjeta de crédito.

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.

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.

Tabla de precios hecha con bloque especial WP

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.

Bloque de tablas de WordPress

Hoy veremos Table Block con más detalles y hablaremos sobre:

¿Por qué las tablas en WordPress son prácticas?

Tablas en WordPress: utilizadas en recetas de blogs de comida.
Las tablas te ayudan a organizar mejor todos los ingredientes en tus recetas.

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.
Agregue tablas en WordPress haciendo clic en "+"
Adición de tablas haciendo clic en “+”

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.

Agregar bloque de tabla con barra inclinada "/"
Agregar tablas usando la barra inclinada "/"

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.

Bloque de mesa con ajustes básicos
Después de crear la tabla, establezcamos el número 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.
Estilo de bloque predeterminado y estilo de bloque de rayas
Elija el estilo de su bloque de tabla entre el aspecto predeterminado o de rayas

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.

Agregar fila después en la tabla creada
Manera fácil de agregar la siguiente fila en solo 2 clics

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.

Función de celdas de tabla de ancho fijo
Si habilita la función "Celdas de tabla de ancho fijo", cada celda tendrá el mismo tamaño

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.

Configuración de color del bloque de tabla
Cambiando el color del bloque

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.

Bloque de tabla de Wordpress
Ahora puede agregar encabezado y pie de página a su tabla

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.

Tabla anidada en el bloque Columnas de WordPress
Con la ayuda del bloque Columnas, puede colocar su tabla al lado de la imagen

Puede leer más sobre el bloque de columnas en nuestro artículo Cómo hacer columnas en WordPress sin plugin.

14 comentarios en «How to Create Table in WordPress without plugin»

  1. 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.

  2. ¡Qué buena información! ¡Seguro, una lectura obligada y un descubrimiento!
    De hecho me ayudó muchas gracias.

  3. Muy útil. Genial aprender sobre las nuevas características del bloque de Gutenberg. ¡Mantener el buen trabajo! Que tengas un buen día 🙂

  4. 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!

  5. 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.

  6. 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.

    1. 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

        1. 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

Los comentarios están cerrados.