Comment puis-je réorganiser les éléments « Votes » et « Mes Votes » dans l’en-tête ? Sur mon site actuellement (« Votes » a été renommé en « Top-Voted » et le « Top » par défaut est désormais « Actif » car je trouvais confus d’avoir les deux) :
Je souhaiterais que « Top-Voted » et « Mes Votes » se placent entre « Actif » et « Favoris », mais :
vous les retirez tous de la boîte et les remettez dans l’ordre de votre choix.
Ah, je vois d’après le titre que quelqu’un a créé en séparant cela dans un nouveau fil que ma question n’est pas claire.
Je sais comment réorganiser les éléments du menu principal en général. Et je comprends qu’il y a une astuce pour cela (« supprimer et réajouter ») qui n’est pas évidente. Mais je connais cette astuce. Ce n’est pas mon problème.
Mon problème est le suivant : lorsque le plugin Voting est activé, de nouveaux éléments, « Votes » et « Mes votes », apparaissent dans la liste du menu. Si j’essaie de les ajouter au paramètre « menu principal » (comme sur l’image ci-dessus), je constate que je ne peux pas. Le message d’erreur « Vous avez spécifié le choix invalide votes » s’affiche.
Y a-t-il un autre nom que je devrais utiliser ? Ou existe-t-il une autre méthode ?
Pour ce que ça vaut, je pense que je veux l’ordre suivant :
Derniers | Actifs | Plus votés | Favoris
… Je ne suis pas convaincu que « Mes votes » doive apparaître du tout (nous l’utilisons dans un esprit « votez tout ce que vous aimez ! » plutôt que « pesez une poignée de favoris »).
J’ai réorganisé les éléments de votre barre de navigation comme décrit ici :
N’hésitez pas à modifier l’ordre selon vos préférences. Vous trouverez un nouveau composant de thème sur votre site, basé sur les éléments actuellement visibles.
Lorsque des boutons non conventionnels n’apparaissent pas dans le paramètre « top menu », il suffit de modifier leur ordre via le CSS, car l’élément navbar utilise la propriété flex. Consultez cet exemple :
/* Dans ce cas précis, le plugin de vote n'est activé que dans une catégorie,
nous allons donc modifier la barre de navigation uniquement dans cette catégorie. Remplacez {your-category-slug}
par l'identifiant (slug) de la catégorie cible */
.category-{your-category-slug} #navigation-bar {
/* Derniers */
:nth-child(1) {
order: 1;
}
/* Non lus */
:nth-child(2) {
order: 2;
}
/* Nouveaux */
:nth-child(3) {
order: 3;
}
/* Les plus votés */
:nth-child(4) {
order: 5;
}
/* Mes votes */
:nth-child(5) {
order: 6;
}
/* Actifs */
:nth-child(6) {
order: 4;
}
/* Favoris */
:nth-child(7) {
order: 7;
}
}
Merci @dax ! La valeur « nth-child » dans le CSS dépend-elle de l’ordre défini dans le paramètre top-menu, ou ces valeurs sont-elles fixées ailleurs ? Par exemple, si je supprime « Actif » (c’est-à-dire « En haut ») de la liste dans le paramètre, devrai-je également mettre à jour le CSS ?
Et que se passe-t-il si (comme je le suggérais plus haut), je souhaite masquer « Mes votes » ?
Oui.
Il suffit d’ajouter display: none; à votre CSS, par exemple :
/*Mes votes*/
#navigation-bar :nth-child(5) { order: 6; display: none;}