Cores do Time

O módulo Cores do Time está incluído no SportsPress Pro. Ele adiciona uma meta box Cores do Time à tela de edição do time e aplica essas cores ao frontend quando um visitante visualiza páginas associadas ao time.

A Meta Box Cores do Time

Abra a tela de edição de qualquer time. A meta box Cores do Time aparece na coluna principal abaixo do editor de conteúdo. Ela contém cinco campos de cor, cada um com uma caixa de seleção e um seletor de cores:

Primária
Fundo
Texto
Cabeçalho
Link

Cada campo tem duas partes:

Uma caixa de seleção rotulada com o nome da cor. Quando a caixa de seleção está desmarcada, a cor está desabilitada e a cor do tema em todo o site é usada em vez disso.
Uma entrada de cor hexadecimal que abre um seletor de cores quando clicada. O seletor usa a interface WordPress wp-color-picker (Iris) — você pode escolher uma cor visualmente ou digitar um valor hexadecimal diretamente.

O valor padrão mostrado no seletor quando uma cor está desabilitada é a cor atual do tema global para aquele slot.

Habilitando e Desabilitando Cores Individuais

Marque a caixa de seleção ao lado de um nome de cor para ativar aquela substituição para este time.
Desmarque a caixa de seleção para reverter para a cor do tema global para aquele slot.
Você pode habilitar qualquer combinação — por exemplo, substituindo apenas Primária e Fundo enquanto deixa as outras três nos padrões globais.

Salvando

Clique em Atualizar na tela de edição do time. As cores habilitadas são armazenadas no campo de meta post sp_colors como um array associativo com chave pelo nome da cor (primary, background, text, heading, link). As cores desabilitadas não são armazenadas.

Aplicação no Frontend

As cores do time são aplicadas como substituições de variáveis CSS via o filtro option_themeboy. O módulo injeta as cores habilitadas do time no CSS do frontend sempre que um visitante visualiza:

Uma página de time (singular sp_team)
Uma página de evento (singular sp_event) — as cores do primeiro time listado no evento são usadas
Uma página de calendário (singular sp_calendar) — cores do primeiro time atribuído ao calendário
Uma página de jogador (singular sp_player) — cores do primeiro time ao qual o jogador pertence
Uma página de lista de jogadores (singular sp_list) — cores do primeiro time atribuído à lista
Uma página de equipe (singular sp_staff) — cores do primeiro time atribuído ao membro da equipe

Nas páginas de eventos, se a configuração Inverter Times estiver habilitada nas configurações do SportsPress, a ordem dos times é invertida antes de selecionar as cores do time a aplicar.

Coluna da Lista de Times

Quando pelo menos uma cor está habilitada para um time, a tela de lista de Times exibe blocos coloridos na posição da coluna Logo ao lado do logo. Cada cor habilitada aparece como um pequeno retângulo colorido, fornecendo uma visão geral visual rápida das cores atribuídas a um time.