Cómo crear una tabla clasificatoria en WordPress

Una tabla de clasificación deportiva se crea para presentar de forma concisa la clasificación de los equipos y deportistas de una liga deportiva. Sirve como herramienta visual que permite a la gente seguir el progreso de sus equipos y jugadores favoritos.

Si diriges un portal deportivo o vendes artículos y accesorios, es posible que quieras crear tablas de clasificación. Este artículo te explicará cómo crear una tabla clasificatoria en WordPress con un tutorial detallado pero sencillo.

Cree bonitas mesas
Con el editor de bloques

Paso 01: Instalar y activar el plugin TableBerg

TableBerg es un plugin constructor de tablas avanzado. Sin una herramienta tan avanzada, no se pueden crear tablas de clasificación completas con el bloque de tablas predeterminado de WordPress.

Ir a Plugins > Añadir nuevo plugin. Obtenga el plugin escribiendo TableBerg en el cuadro de búsqueda. Instalar y activar después de que aparezca a continuación.

Instalar y activar el plugin TableBerg

Paso 02: Añadir el bloque TableBerg a su editor de post/página

Abra la entrada/página en la que desea crear la tabla clasificatoria. Busque y añadir el bloque TableBerg pulsando la tecla (+) icono.

Añade el bloque TableBerg a tu entrada o página

Defina el número de fila y columna como desee. Para este tutorial, seleccionaremos el número de fila y columna 6*11.

Establecer el número de fila y columna

El diseño de la tabla está listo. A continuación, vamos a añadir contenido a la misma.

Diseño de la mesa creado por TableBerg

Paso 03: Añadir contenido a la tabla

El tipo de contenido que se añade a la tabla depende en gran medida del tipo de deporte. Los contenidos habituales para una tabla de la primera división de fútbol son posición, logotipo del club, nombre del club, partido jugado, diferencia de goles, y puntos.

# Definir posición (Pos)

El equipo con más puntos suele quedar más arriba en la clasificación. Esta sección viene en la columna más a la izquierda de una tabla. Puedes ver que hemos creado esta columna en la tabla.

# Añadir logotipo y nombres de clubes

Queremos poner el nombre del club y el logotipo bajo el mismo título de columna. Por lo tanto, las dos siguientes celdas de la parte superior de la columna deben fusionarse. Selecciónalas pulsando Mayúsculas + Clic derecho (Windows) o CMD + Clic derecho (Mac).

A continuación, seleccione Fusión del Editar tabla en la barra de herramientas. Vea el vídeo a continuación. Después de eso, hemos alineado centralmente el título.

Cada celda viene con un bloque Gutenberg. Al hacer clic en el bloque (+) iconopuede añadir otros tipos de contenido a la tabla. Para los logotipos, seleccionaremos el bloque de imagen.

Añadir logotipos a la mesa con TableBerg

Puedes ver que hemos añadido logotipos de clubes a la tabla. No se preocupe si las imágenes cargadas son de gran tamaño. TableBerg le permite personalizarlas arrastrándolas.

Logotipos de clubes añadidos a la tabla clasificatoria con TableBerg

A continuación, añada los nombres de los clubes, respectivamente, junto a las celdas del logotipo.

Añadir nombres de clubes a la tabla de clasificación

# Añadir número de partido jugado, diferencia de goles y puntos

Esto es sencillo. Similar a la posición, puedes añadir el número de partidos jugados de cada club, la diferencia de goles y la cantidad de puntos aquí también, con texto plano. Puedes ver que lo hemos hecho en la imagen de abajo.

Añade a la tabla información sobre el número de partidos jugados, la diferencia de goles y los puntos.

Paso 04: Estilizar la mesa

Con Tableberg, puede añadir varios niveles de estilización y personalización a su tabla. Con la barra de herramientas de Gutenberg, puede personalizar la alineación y audacia del contenido de la tabla.

Puede ver que hemos alineado centralmente y aplicado negrita a la mayor parte del contenido de la tabla.

A continuación, puede cambiar el color del texto y del fondo, tipografía, tamaño de letra, y dimensión de la tabla de la barra lateral derecha. Espero que puedas hacerlo tú mismo.

Personalizar la alineación y la negrita del contenido de la tabla

Paso 05: Cambiar el ancho de la tabla y los colores de las filas

Si tiene mucho contenido, puede que desee aumentar la anchura de la tabla. Seleccione toda la tabla haciendo clic en el botón Icono TableBerg en la barra de herramientas tres veces consecutivas.

En Ficha Configuración aparecerá en la barra lateral derecha, donde encontrará la sección Ancho de la mesa opción. Puede aumentar la anchura de la tabla ajustando el valor aquí.

Aumentar la anchura y el color de las filas de la tabla

Ven al Ficha Estilos. Inmediatamente debajo, tendrás opciones para cambiar el color de fondo de las columnas de las filas pares e impares. Hágalo usted mismo.

Colorear la tabla clasificatoria

Así, puede crear una tabla de clasificación en WordPress.

Nota final

Los amantes del deporte siempre están deseando conocer las actualizaciones de sus equipos y jugadores favoritos. Puedes crear una tabla en WordPress y compartir sus enlaces en las redes sociales para que la gente venga a explorar tu sitio.

Puedes crear tablas para productos de comercio electrónico de forma similar con este plugin. Aprenda cómo crear una tabla comparativa de productos con TableBerg.



El equipo de Tableberg

La oferta anticipada ya está disponible
Este es el texto por defecto para la barra de notificaciones