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.
- Step 1: Install & Activate the Tableberg Plugin
- Step 2: Add the Tableberg Block
- Step 3: Add Content to the Table
- Step 4: Stylize the Table (Optional)
- Step 4: Change the Table Width & Row Colors (Optional)
Cree bonitas mesas
Con el editor de bloques
Step 1: Install and Activate the Tablegerg Plugin
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.
To install the plugin, go to 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.
Step 2: Add the Tableberg Block to Your Post/Page Editor
Abra la entrada/página en la que desea crear la tabla clasificatoria. Busque y add the Tableberg block pulsando la tecla (+) icono.
Defina el número de fila y columna como desee. Para este tutorial, seleccionaremos el número de fila y columna 6*11.
El diseño de la tabla está listo. A continuación, vamos a añadir contenido a la misma.
Step 3: Add Content to the Table
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.
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.
A continuación, añada los nombres de los clubes, respectivamente, junto a las celdas del logotipo.
# 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.
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.
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í.
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.
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 how to create a product comparison table with Tableberg.
