Un tableau de classement sportif est créé pour présenter de manière concise le classement des équipes et des athlètes dans une ligue sportive. Il s'agit d'un outil visuel qui permet aux gens de suivre les progrès de leurs équipes et joueurs préférés.
Si vous gérez un portail sportif ou si vous vendez des articles et des accessoires, vous voudrez peut-être créer des tableaux de classement. Cet article vous expliquera comment créer un tableau de classement dans WordPress à l'aide d'un tutoriel détaillé mais simple.
- Étape 1 : Installer et activer le plugin Tableberg
- Étape 2 : Ajouter le bloc Tableberg
- Étape 3 : Ajouter du contenu au tableau
- Étape 4 : Styliser la table (optionnel)
- Étape 4 : Modifier la largeur du tableau et les couleurs des lignes (optionnel)
Créer de belles tables
Avec l'éditeur de blocs
Étape 1 : Installer et activer le plugin Tablegerg
Tableberg est un plugin de création de tableaux avancé. Sans cet outil avancé, vous ne pouvez pas créer des tableaux de classement complets avec le bloc de tableau par défaut de WordPress.
Pour installer le plugin, rendez-vous sur Plugins > Ajouter un nouveau plugin. Obtenez le plugin en tapant Tableberg dans la boîte de recherche. Installez et activez le logiciel une fois qu'il apparaît ci-dessous.
Étape 2 : Ajouter le bloc Tableberg à votre éditeur de page/poste
Ouvrez l'article/la page où vous souhaitez créer le tableau de classement. Recherchez et ajouter le bloc Tableberg en appuyant sur la touche Icône (+).
Définissez les numéros de ligne et de colonne comme vous le souhaitez. Pour ce tutoriel, nous sélectionnerons la ligne et la colonne 6*11.
La présentation du tableau est prête. Nous allons maintenant y ajouter du contenu.
Étape 3 : Ajouter du contenu au tableau
Le type de contenu que vous ajoutez au tableau dépend largement du type de sport. Le contenu d'un tableau de la ligue de football de première division est généralement le suivant position, logo du club, nom du club, match joué, différence de buts, et points.
# Définir la position (Pos)
L'équipe qui a le plus de points reste généralement plus haut dans le classement. Cette section se trouve dans la colonne la plus à gauche d'un tableau. Vous pouvez voir que nous avons créé cette colonne dans le tableau.
# Ajouter le logo et les noms des clubs
Nous voulons placer le nom et le logo du club sous le même titre de colonne. Les deux cellules suivantes de la colonne supérieure doivent donc être fusionnées. Sélectionnez-les en appuyant sur Maj + clic droit (Windows) ou CMD + clic droit (Mac).
Sélectionnez ensuite Fusionner de la Modifier le tableau dans la barre d'outils. Regardez la vidéo ci-dessous. Ensuite, nous avons aligné le titre au centre.
Chaque cellule est accompagnée d'un bloc Gutenberg. En cliquant sur le bloc Icône (+)Pour les logos, vous pouvez ajouter d'autres types de contenu au tableau. Pour les logos, nous sélectionnerons le bloc d'images.
Vous pouvez voir que nous avons ajouté les logos des clubs au tableau. Ne vous inquiétez pas si les images téléchargées sont de grande taille. TableBerg vous permet de les personnaliser en les faisant glisser.
Ensuite, ajoutez les noms des clubs respectivement à côté des cellules du logo.
# Ajouter le numéro du match joué, la différence de buts et les points
C'est très simple. Comme pour la position, vous pouvez ajouter le nombre de matches joués par chaque club, la différence de buts et le nombre de points ici aussi, en texte simple. Vous pouvez voir ce que nous avons fait dans l'image ci-dessous.
Étape 04 : Styliser la table
Avec Tableberg, vous pouvez ajouter différents niveaux de stylisation et de personnalisation à votre tableau. Avec la barre d'outils Gutenberg, vous pouvez personnaliser l'alignement et audace du contenu du tableau.
Vous pouvez voir que nous avons aligné au centre et mis en gras la majeure partie du contenu du tableau.
Ensuite, vous pouvez modifier le couleur du texte et de l'arrière-plan, typographie, taille de la police, et dimension du tableau dans la barre latérale droite. J'espère que vous pourrez le faire vous-même.
Étape 05 : Modifier la largeur du tableau et la couleur des lignes
Si vous avez beaucoup de contenu, vous pouvez augmenter la largeur du tableau. Sélectionnez l'ensemble du tableau en cliquant sur le bouton Icône TableBerg sur la barre d'outils, trois fois consécutivement.
Les Onglet Paramètres apparaîtra dans la barre latérale de droite, où vous trouverez la rubrique Largeur de la table option. Vous pouvez augmenter la largeur du tableau en définissant la valeur ici.
Venez au Onglet Styles. Immédiatement en dessous, vous aurez la possibilité de modifier la couleur d'arrière-plan des colonnes des lignes paires et impaires. Faites-le vous-même.
Vous pouvez ainsi créer un tableau de classement dans WordPress.
Note finale !
Les passionnés de sport sont toujours désireux de connaître les mises à jour de leurs équipes et joueurs préférés. Vous pouvez créer un tableau dans WordPress et partager ses liens sur les médias sociaux pour que les gens viennent explorer votre site.
Vous pouvez créer des tableaux pour les produits eCommerce de la même manière avec ce plugin. Apprendre comment créer un tableau de comparaison des produits avec Tableberg.
