Couleurs d'équipe
Le module Couleurs d'équipe est inclus dans SportsPress Pro. Il ajoute une boîte de méta Couleurs d'équipe à l'écran de modification de l'équipe et applique ces couleurs au frontend lorsqu'un visiteur consulte des pages associées à l'équipe.
La boîte de méta Couleurs d'équipe
Ouvrez l'écran de modification de n'importe quelle équipe. La boîte de méta Couleurs d'équipe apparaît dans la colonne principale sous l'éditeur de contenu. Elle contient cinq champs de couleur, chacun avec une case à cocher et un sélecteur de couleur :
Primaire
Arrière-plan
Texte
En-tête
Lien
Chaque champ comporte deux parties :
Une case à cocher intitulée avec le nom de la couleur. Lorsque la case à cocher est décochée, la couleur est désactivée et la couleur de thème à l'échelle du site est utilisée à la place.
Une entrée de couleur hexadécimale qui ouvre un sélecteur de couleur lorsqu'on clique dessus. Le sélecteur utilise l'interface WordPress
wp-color-picker(Iris) — vous pouvez choisir une couleur visuellement ou saisir directement une valeur hexadécimale.
La valeur par défaut affichée dans le sélecteur lorsqu'une couleur est désactivée est la couleur de thème globale actuelle pour cet emplacement.
Activer et désactiver des couleurs individuelles
Cochez la case à côté d'un nom de couleur pour activer ce remplacement pour cette équipe.
Décochez la case pour revenir à la couleur de thème globale pour cet emplacement.
Vous pouvez activer n'importe quelle combinaison — par exemple, remplacer uniquement Primaire et Arrière-plan tout en laissant les trois autres à leurs valeurs par défaut globales.
Enregistrement
Cliquez sur Mettre à jour sur l'écran de modification de l'équipe. Les couleurs activées sont stockées dans le champ de méta de publication sp_colors sous forme de tableau associatif indexé par nom de couleur (primary, background, text, heading, link). Les couleurs désactivées ne sont pas stockées.
Application frontend
Les couleurs d'équipe sont appliquées comme remplacements de variables CSS via le filtre option_themeboy. Le module injecte les couleurs activées de l'équipe dans le CSS frontend chaque fois qu'un visiteur consulte :
Une page d'équipe (
sp_teamsingulier)Une page d'événement (
sp_eventsingulier) — les couleurs de la première équipe listée dans l'événement sont utiliséesUne page de calendrier (
sp_calendarsingulier) — les couleurs de la première équipe assignée au calendrierUne page de joueur (
sp_playersingulier) — les couleurs de la première équipe à laquelle appartient le joueurUne page de liste de joueurs (
sp_listsingulier) — les couleurs de la première équipe assignée à la listeUne page de staff (
sp_staffsingulier) — les couleurs de la première équipe assignée au membre du staff
Sur les pages d'événements, si le réglage Inverser les équipes est activé dans les réglages SportsPress, l'ordre des équipes est inversé avant de sélectionner les couleurs de l'équipe à appliquer.
Colonne de liste des équipes
Lorsqu'au moins une couleur est activée pour une équipe, l'écran de liste des équipes affiche des blocs colorés dans la position de colonne Logo aux côtés du logo. Chaque couleur activée apparaît sous forme d'un petit rectangle coloré, donnant un aperçu visuel rapide des couleurs assignées à une équipe.