Como reordenar (ou ocultar) os itens da lista do menu superior "Votos" e "Meus Votos"?

Suporte
1

Como posso reordenar os itens Votos e Meus Votos no cabeçalho? No meu site atualmente (“Votos” foi renomeado para “Mais Votados” e o padrão “Top” agora é “Ativo”, pois achei confuso ter ambos):

image
image2334×100 18.3 KB

Gostaria que “Mais Votados” e “Meus Votos” ficassem entre “Ativo” e “Favoritos”, mas:

image
image1758×230 33.3 KB

2

você remove todos eles da caixa e os adiciona na ordem em que deseja.

4

Ah, entendi pelo título que alguém criou ao separar isso em um novo tópico que minha pergunta não está clara.

Sei como reordenar os itens do menu superior de modo geral. E entendo que há um truque para isso (“remover e adicionar novamente”), o que não é óbvio. Mas conheço esse truque. Esse não é o meu problema.

Meu problema é: quando o plugin Voting está ativado, novos itens, “Votes” e “My Votes”, aparecem na lista do menu. Se eu tentar adicioná-los à configuração do “menu superior” (como na imagem acima), descubro que não consigo. A mensagem de erro “You specified the invalid choice votes” aparece.

Há um nome diferente que eu deveria usar? Ou há uma maneira diferente?

7

Por que não, acho que quero a ordem:

Mais recentes | Ativos | Mais votados | Favoritos

… Não estou convencido de que “Meus Votos” precise aparecer de forma alguma (estamos usando isso no sentido de “votar em tudo que você gosta!” em vez de “pesar um punhado de favoritos”).

8

Reorganizei os itens da sua barra de navegação conforme descrito aqui:

image
image1928×113 13.5 KB

Sinta-se à vontade para alterar a ordem como preferir. Você encontrará um novo componente de tema no seu site, baseado nos itens que estão visíveis agora.

9

Quando houver botões não convencionais que não aparecem na configuração do “top menu”, basta alterar a ordem com o CSS, já que o elemento navbar usa a propriedade flex. Veja este exemplo:

/*Neste caso específico, o plugin de Votação está habilitado apenas em uma categoria,
então modificaremos a navbar apenas naquela categoria. Substitua {your-category-slug}
pelo slug da categoria de destino*/

.category-{your-category-slug} #navigation-bar {
  /*Últimos*/
  :nth-child(1) { 
    order: 1;
  }
  /*Não lidos*/
  :nth-child(2) {
    order: 2;
  }
  /*Novos*/
  :nth-child(3) {
    order: 3;
  }
  /*Mais votados*/
  :nth-child(4) {
    order: 5;
  }
  /*Meus votos*/
  :nth-child(5) {
    order: 6;
  }
  /*Ativos*/
  :nth-child(6) {
    order: 4;
  }
  /*Marcadores*/
  :nth-child(7) {
    order: 7;
  }
}
10

Obrigado, @dax! O valor “nth-child” no CSS depende da ordem definida na configuração top-menu, ou esses valores são fixos em algum lugar? Por exemplo, se eu remover “Ativo” (ou seja, “Topo”) da lista nas configurações, precisarei atualizar o CSS também?

E, e se (como eu estava refletindo acima), eu quiser ocultar “Meus Votos”?

11

Sim.

Nod Yes GIF by Captain Obvious

Basta adicionar display: none; ao seu CSS, por exemplo:

/*Meus Votos*/
#navigation-bar :nth-child(5) { order: 6; display: none;}