Colori della squadra

Il modulo Team Colors è incluso in SportsPress Pro. Aggiunge un meta box Colori della squadra alla schermata di modifica della squadra e applica quei colori al frontend quando un visitatore visualizza le pagine associate alla squadra.

Il meta box Colori della squadra

Apri la schermata di modifica di qualsiasi squadra. Il meta box Colori della squadra appare nella colonna principale sotto l'editor di contenuto. Contiene cinque campi colore, ognuno con una casella di controllo e un selettore di colore:

Primario
Sfondo
Testo
Intestazione
Link

Ogni campo ha due parti:

Una casella di controllo etichettata con il nome del colore. Quando la casella di controllo non è selezionata, il colore è disabilitato e viene usato invece il colore del tema a livello di sito.
Un input colore esadecimale che apre un selettore di colore quando viene cliccato. Il selettore usa l'interfaccia WordPress wp-color-picker (Iris) — puoi scegliere un colore visivamente o digitare direttamente un valore esadecimale.

Il valore predefinito mostrato nel selettore quando un colore è disabilitato è il colore corrente del tema globale per quello slot.

Abilitazione e disabilitazione dei singoli colori

Seleziona la casella di controllo accanto al nome di un colore per attivare quella sovrascrittura per questa squadra.
Deseleziona la casella di controllo per tornare al colore del tema globale per quello slot.
Puoi abilitare qualsiasi combinazione — ad esempio, sovrascrivendo solo Primario e Sfondo lasciando gli altri tre ai loro valori globali predefiniti.

Salvataggio

Fai clic su Aggiorna nella schermata di modifica della squadra. I colori abilitati sono memorizzati nel campo meta post sp_colors come array associativo indicizzato per nome colore (primary, background, text, heading, link). I colori disabilitati non vengono memorizzati.

Applicazione frontend

I colori della squadra vengono applicati come sovrascritture delle variabili CSS tramite il filtro option_themeboy. Il modulo inietta i colori abilitati della squadra nel CSS frontend ogni volta che un visitatore visualizza:

Una pagina squadra (singolare sp_team)
Una pagina evento (singolare sp_event) — vengono usati i colori della prima squadra elencata nell'evento
Una pagina calendario (singolare sp_calendar) — colori dalla prima squadra assegnata al calendario
Una pagina giocatore (singolare sp_player) — colori dalla prima squadra a cui appartiene il giocatore
Una pagina lista giocatori (singolare sp_list) — colori dalla prima squadra assegnata alla lista
Una pagina staff (singolare sp_staff) — colori dalla prima squadra assegnata al membro dello staff

Nelle pagine degli eventi, se l'impostazione Inverti squadre è abilitata nelle impostazioni SportsPress, l'ordine delle squadre viene invertito prima di selezionare i colori della squadra da applicare.

Colonna nell'elenco squadre

Quando almeno un colore è abilitato per una squadra, la schermata elenco squadre mostra blocchi colorati nella posizione della colonna Logo accanto al logo. Ogni colore abilitato appare come un piccolo rettangolo colorato, fornendo una rapida panoramica visiva dei colori assegnati a una squadra.