Как изменить порядок (или скрыть) пункты меню «Голоса» и «Мои голоса»?

Поддержка
1

Как можно изменить порядок элементов «Голоса» и «Мои голоса» в заголовке? На моем сайте сейчас «Голоса» переименованы в «Лучшие» (а «Лучшее» по умолчанию заменено на «Активное», так как я счел, что наличие обоих терминов запутывает):

image
image2334×100 18.3 KB

Я хочу разместить «Лучшие» и «Мои голоса» между «Активное» и «Закладки», но:

image
image1758×230 33.3 KB

2

выньте их все из коробки и сложите в том порядке, в котором хотите.

4

А, я понял: судя по заголовку, который кто-то придумал при разделении этого обсуждения на новую тему, мой вопрос сформулирован неясно.

Я знаю, как в общем случае менять порядок пунктов верхнего меню. И понимаю, что здесь есть нюанс («удалить и добавить заново»), который неочевиден. Но я знаком с этим приёмом. Это не моя проблема.

Моя проблема в следующем: когда включён плагин Voting, в списке меню появляются новые пункты «Votes» и «My Votes». Если я пытаюсь добавить их в настройку «top menu» (как на картинке выше), у меня не получается. Появляется сообщение об ошибке: «You specified the invalid choice votes».

Может быть, нужно использовать другое название? Или есть другой способ?

7

Кстати, я думаю, что порядок должен быть таким:

Последние | Активные | С наибольшим количеством голосов | Закладки

… Я не уверен, что нужно показывать «Мои голоса» вообще (мы используем это в духе «проголосуйте за всё, что вам нравится!», а не «отметьте несколько избранных»).

8

Я изменил порядок элементов вашей навигационной панели, как описано здесь

image
image1928×113 13.5 KB

Не стесняйтесь изменить порядок по своему усмотрению. На вашем сайте появится новый компонент темы, основанный на элементах, которые сейчас видны.

9

Если есть нестандартные кнопки, которые не отображаются в настройке «top menu», просто измените их порядок с помощью CSS, так как элемент navbar использует свойство flex. Вот пример:

/* В данном конкретном случае плагин голосования включён только для одной категории,
поэтому мы изменим навигационную панель только в этой категории. Замените {your-category-slug}
на slug целевой категории */

.category-{your-category-slug} #navigation-bar {
  /*Последнее*/
  :nth-child(1) { 
    order: 1;
  }
  /*Непрочитанное*/
  :nth-child(2) {
    order: 2;
  }
  /*Новое*/
  :nth-child(3) {
    order: 3;
  }
  /*Лучшие по голосам*/
  :nth-child(4) {
    order: 5;
  }
  /*Мои голоса*/
  :nth-child(5) {
    order: 6;
  }
  /*Активное*/
  :nth-child(6) {
    order: 4;
  }
  /*Закладки*/
  :nth-child(7) {
    order: 7;
  }
}
10

Спасибо, @dax! Зависит ли значение «nth-child» в CSS от порядка в настройке top-menu, или эти значения где-то зафиксированы? Например, если я удалю «Active» (то есть «Top») из списка в настройках, нужно ли будет также обновить CSS?

И что, если (как я размышлял выше), я захочу скрыть «My Votes»?

11

Да.

Nod Yes GIF by Captain Obvious

Просто добавьте display: none; в ваш CSS, например:

/*Мои голоса*/
#navigation-bar :nth-child(5) { order: 6; display: none;}