Cómo agregar tablas en publicaciones y páginas de WordPress (no se requiere HTML)

¿Quieres agregar tablas en publicaciones y páginas de WordPress? Las tablas son una excelente manera de mostrar datos en un formato comprensible. En el pasado, tenía que usar un plugin o código HTML para crear una tabla en una publicación o página de WordPress. En este artículo, le mostraremos cómo crear tablas en publicaciones y páginas de WordPress sin usar ningún plugin o código HTML. También veremos cómo crear tablas avanzadas en WordPress con funcionalidad de ordenación y búsqueda.

Video tutorial

Suscríbase a MundoCMS Si prefiere instrucciones escritas, siga leyendo.

Crear tablas en el editor de bloques de WordPress

WordPress facilita la adición de tablas utilizando el editor de bloques predeterminado de WordPress. Simplemente cree una nueva publicación o página, o edite una publicación existente. Una vez en el editor de contenido, haga clic en el símbolo (+) para agregar un nuevo bloque, luego seleccione "Tabla". Puede encontrarlo en la sección "Formato" o puede escribir "Tabla" en la barra "Buscar bloque".

Luego se le pedirá que elija el número de columnas y filas que desea para su tabla. Los dos dígitos predeterminados son 2. No se preocupe si no está al 100% del número exacto, ya que siempre puede agregar / eliminar columnas y filas de la tabla más adelante.

Creamos una tabla con 3 columnas y 4 filas:

Puede escribir las celdas de la tabla y se redimensionará automáticamente según la cantidad de contenido en cada una. Si prefiere que sus celdas tengan un ancho fijo, puede configurar esta opción en el lado derecho. También puede agregar una sección de encabezado o pie de página aquí. En nuestro ejemplo, agregamos un encabezado para nuestra tabla y también configuramos el color de fondo en gris en la pestaña "Configuración de color".

Si desea agregar una nueva fila o columna, simplemente haga clic en una celda en el lugar de la tabla donde desea agregarla. Luego haga clic en el botón "Editar tabla". Aquí agregamos una nueva columna en el lado derecho de nuestra tabla:

También puede eliminar filas y columnas de la misma manera. Simplemente haga clic en una celda de la fila o columna que desea eliminar y seleccione "Eliminar fila" o "Eliminar columna" en el menú "Editar tabla". De forma predeterminada, el texto de las columnas de su tabla está alineado a la izquierda. Puede cambiar esto haciendo clic en una columna y luego haciendo clic en el botón `` Cambiar alineación de columna '':

Aquí hemos aplicado la alineación central a las tres columnas que tienen números:

También puede cambiar la alineación de toda su tabla en la publicación o página haciendo clic en el botón "Cambiar alineación" y seleccionando una opción de la lista.

Tenga en cuenta que estas opciones pueden hacer que su tablero se muestre más allá de los límites normales de su área de publicación. Algunos pueden parecer extraños en su sitio, así que asegúrese de obtener una vista previa de su publicación o página para verificar cómo se ven. Aquí está nuestra tabla configurada en `` Ancho ancho '' tal como aparece en el sitio:

Como puede ver, se extiende más allá de los márgenes izquierdo y derecho del área de publicación. Las herramientas de tabla integradas en el editor de Gutenberg le brindan una gran flexibilidad en la forma en que muestra sus tablas. Puede usarlo para mostrar sus datos a los lectores en un formato fácil de entender. Sin embargo, el bloque de tabla no tiene algunas funciones avanzadas como filtrado de búsqueda, clasificación personalizada, etc. Tampoco le facilita el uso de la misma tabla en varias áreas de su sitio web, como los widgets de la barra lateral u otras páginas. Para crear tablas avanzadas, debe utilizar un plugin de tabla de WordPress.

Creación de tablas con el plugin TablePress

TablePress es el mejor plugin de tablas de WordPress del mercado. Es 100% gratuito y te permite crear y administrar tablas fácilmente. Lo mejor es que puede editar su tabla por separado e incluso agregar muchas filas. TablePress también se vuelve necesario, si está utilizando el antiguo editor clásico de WordPress que no viene con la funcionalidad de tablas. En primer lugar, debe instalar y activar el plugin TablePress. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Luego verá un elemento de menú de TablePress en su panel de WordPress. Ir a TablePress »Agregar nuevo para crear una nueva tabla.

Deberá escribir un nombre para su tabla y decidir cuántas filas y columnas desea. Siempre puede agregar / eliminar filas y columnas de la tabla más adelante. Crearemos una tabla con 4 filas y 3 columnas:

Una vez que haya agregado el nombre, filas y columnas de la tabla, haga clic en el botón "Agregar tabla" para crear su tabla. Luego verá una pantalla con la información de su tablero y un área donde puede agregar contenido.

Simplemente escriba los datos que desee en las celdas de su tabla. Puede ordenar las columnas de datos usando las flechas encima de ellas. Estos se ordenarán alfabéticamente o numéricamente.

Hay opciones avanzadas en el área "Contenido de la tabla". En 'Manipulación de tablas' puede realizar operaciones como agregar, eliminar y duplicar filas:

En 'Opciones de tabla' puede agregar una fila de encabezado y / o pie de página, que no se ordenará con los datos. También puede decidir dónde mostrar el nombre y la descripción de la tabla:

Por último, puede configurar varias opciones en la sección "Funciones de la biblioteca JavaScript DataTables". Esto le permite crear tablas receptivas que sus lectores pueden filtrar, buscar y ordenar.

Una vez que esté satisfecho con su mesa, haga clic en "Guardar cambios". Puede agregar su tabla a cualquier publicación o página. Simplemente agregue el código abreviado a un bloque de párrafo o use el bloque de código abreviado.

Si está utilizando el editor clásico, simplemente agregue el código corto directamente en su publicación:

Si desea cambiar su tabla en el futuro, puede volver a TablePress en su tablero y realizar cambios. Su tabla se actualizará automáticamente en todas las publicaciones y páginas en las que la haya utilizado. TablePress también le permite importar datos de hojas de cálculo y archivos CSV. Del mismo modo, también puede exportar los datos de una tabla TablePress a un archivo CSV que luego puede abrir con cualquier programa de hoja de cálculo como Microsoft Excel o Google Sheets. Esperamos que este artículo le haya ayudado a aprender cómo agregar tablas a publicaciones y páginas de WordPress sin usar HTML. También puede interesarle nuestro artículo sobre cómo crear un boletín informativo por correo electrónico y crear un formulario de contacto en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.