¿Cómo puedo reordenar los elementos Votos y Mis Votos en la cabecera? En mi sitio actualmente (“Votos” se ha renombrado a “Más Votados” y el predeterminado “Top” ahora es “Activo” porque encontré confuso tener ambos):
Me gustaría que “Más Votados” y “Mis Votos” se coloquen entre “Activo” y “Marcadores”, pero:
los quitas todos de la caja y los agregas en el orden que desees.
Ah, veo por el título que alguien creó al dividir esto en un nuevo hilo que mi pregunta no está clara.
Sé cómo reordenar los elementos del menú superior en general. Y entiendo que hay un truco para ello («eliminar y volver a agregar») que no es obvio. Pero conozco ese truco. Ese no es mi problema.
Mi problema es: cuando el plugin Votación está habilitado, aparecen nuevos elementos, «Votos» y «Mis votos», en la lista del menú. Si intento agregarlos a la configuración del «menú superior» (como en la imagen de arriba), descubro que no puedo. Aparece el mensaje de error «Especificaste la opción inválida votes».
¿Hay un nombre diferente que deba usar? ¿O hay una forma diferente?
Por lo que vale, creo que quiero el orden:
Más recientes | Activos | Más votados | Marcadores
… No estoy convencido de que “Mis votos” deba aparecer en absoluto (lo estamos utilizando en un estilo de “¡vota todo lo que te guste!” en lugar de “ponderar un puñado de favoritos”).
He reordenado los elementos de tu barra de navegación como se describe aquí
Siéntete libre de cambiar el orden según prefieras. Encontrarás un nuevo componente de tema en tu sitio basado en los elementos que son visibles ahora.
Cuando hay botones no convencionales que no aparecen en la configuración de “top menu”, simplemente cambia el orden con CSS, ya que el elemento navbar utiliza la propiedad flex. Consulta este ejemplo:
/*En este caso específico, el plugin de Votación está habilitado solo en una categoría,
así que modificaremos la barra de navegación solo en esa categoría. Cambia {your-category-slug}
por el slug de la categoría objetivo*/
.category-{your-category-slug} #navigation-bar {
/*Recientes*/
:nth-child(1) {
order: 1;
}
/*Sin leer*/
:nth-child(2) {
order: 2;
}
/*Nuevos*/
:nth-child(3) {
order: 3;
}
/*Más votados*/
:nth-child(4) {
order: 5;
}
/*Mis votos*/
:nth-child(5) {
order: 6;
}
/*Activos*/
:nth-child(6) {
order: 4;
}
/*Marcadores*/
:nth-child(7) {
order: 7;
}
}
¡Gracias @dax! ¿Depende el valor “nth-child” en el CSS del orden en la configuración top-menu, o esos valores están fijos en algún lugar? Por ejemplo, si elimino “Activo” (también conocido como “Superior”) de la lista en la configuración, ¿tendré que actualizar el CSS también?
Y, ¿qué pasa si (como estaba reflexionando anteriormente) quiero ocultar “Mis Votos”?
Sí.
Simplemente agrega display: none; a tu CSS, por ejemplo:
/*Mis votos*/
#navigation-bar :nth-child(5) { order: 6; display: none;}