Destacar Posições
O módulo Destacar Posições está incluído no SportsPress Pro. Ele adiciona uma meta box Destacar Posições à tela de edição da tabela de liga, permitindo aplicar destaques de cores a posições específicas nas classificações — por exemplo, marcando vagas de classificação ou zonas de rebaixamento.
A Meta Box Destacar Posições
Abra a tela de edição de qualquer tabela de liga. A meta box Destacar Posições aparece na barra lateral. Ela contém uma tabela com quatro colunas:
Cor — uma entrada de seletor de cores. Clique no campo para abrir o seletor de cores Iris e escolher uma cor de destaque.
Posição — uma entrada numérica (mínimo 1). Insira o número da posição a destacar. Por exemplo, insira
1para destacar o time na primeira posição.Comentário — uma entrada de texto. Insira um rótulo que descreva o que o destaque significa, como "Liga dos Campeões" ou "Rebaixamento". Este texto aparece abaixo da tabela no frontend.
Um botão de exclusão (×) para remover a linha.
Clique no botão + no cabeçalho da meta box para adicionar uma nova linha.
Adicionando uma Regra de Destaque
Clique no botão + para inserir uma nova linha.
Clique no campo de cor e selecione uma cor.
Insira o número da posição no campo Posição.
Opcionalmente, insira uma descrição no campo Comentário.
Repita para posições adicionais.
Clique em Atualizar para salvar.
Para destacar um intervalo de posições com a mesma cor (por exemplo, posições 1 a 3 para classificação para a Liga dos Campeões), adicione uma linha por posição, cada uma com a mesma cor. A legenda do frontend desduplicação cores idênticas consecutivas e mostra apenas uma entrada de legenda por cor única.
Configuração Global do Tipo de Destaque
Uma configuração em SportsPress > Configurações > Tabelas de Liga controla se a cor de destaque é aplicada à linha inteira da tabela ou apenas à célula de classificação:
Apenas Célula de Classificação — destaca apenas a célula do número de posição (
td.data-rank)Linha Inteira — destaca toda a linha do time
Esta configuração é global e se aplica a todas as tabelas de liga no site.
Exibição no Frontend
Quando uma tabela de liga é renderizada, o módulo emite CSS inline que tem como alvo a linha na posição especificada (usando uma classe CSS indexada a zero sp-row-no-N onde N = posição − 1). A cor de fundo da célula ou linha alvo é definida como a cor configurada.
Abaixo da tabela, uma legenda aparece listando cada cor única ao lado do seu texto de Comentário. As linhas com um Comentário vazio são omitidas da legenda. Se duas posições consecutivas compartilham a mesma cor, apenas uma entrada de legenda é mostrada para aquela cor.