# 如何重新排序（或隐藏）“Votes”和“My Votes”顶部菜单列表项？

**URL:** https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244
**Category:** Support
**Tags:** topic-voting
**Created:** [2021年十月26日 15:45 UTC](https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244 "2021-10-26T15:45:25Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [2021年十月26日 15:45 UTC](https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244/1 "2021-10-26T15:45:25Z")

</div>

如何重新排序标题中的“Votes”和“My Votes”项？在我的网站上，目前“Votes”已更名为“Top-Voted”，而默认的“Top”现在是“Active”，因为我觉得同时保留两者令人困惑：

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/0/f08524f95d2c119d660f9f0302eda1b5e0e09e5c.png)

我希望将“Top-Voted”和“My Votes”移至“Active”和“Bookmarks”之间，但：

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/0/5040324c1860dffb43770e8995157bfd2c6c1e2b.png)

---

<div class="post-metadata">

### Author: ![IAmGav](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/iamgav/32/235598_2.png) [@IAmGav](https://meta.discourse.org/u/IAmGav)
#### Post date: [2021年十月27日 12:29 UTC](https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244/2 "2021-10-27T12:29:54Z")

</div>

你将它们全部从盒子中取出，然后按你想要的顺序添加。

---

<div class="post-metadata">

### Author: ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [2021年十月27日 19:38 UTC](https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244/4 "2021-10-27T19:38:32Z")

</div>

啊，我看到有人将这个问题拆分为新主题时，从标题中可以看出我的问题表述得不够清楚。

我知道如何 **一般性地** 重新排序顶部菜单项。我也明白其中有个技巧（“移除并重新添加”），这并不显而易见，但我已经知道这个技巧了。这不是我的问题。

我的问题是：当启用 [投票](https://meta.discourse.org/t/discourse-voting/40121) 插件后，菜单列表中会出现“投票”和“我的投票”这两个新项。如果我尝试将这些项添加到“顶部菜单”设置中（如上图所示），我发现无法做到。系统会显示错误信息：“您指定了无效的选项 votes”。

我是否应该使用不同的名称？或者是否有其他方法？

---

<div class="post-metadata">

### Author: ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [2021年十月28日 16:00 UTC](https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244/7 "2021-10-28T16:00:02Z")

</div>

姑且不论，我想顺序应该是：

`最新 | 活跃 | 得票最高 | 书签`

……我还不确定是否要显示“我的投票”（我们使用它是为了“为你喜欢的所有内容投票”，而不是“给少数几个精选内容加权”）。

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2021年十月28日 16:35 UTC](https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244/8 "2021-10-28T16:35:24Z")

</div>

我已按照此处描述重新排列了您的导航栏项目

> [@mattdm](#):
>
> 我希望将“得票最多”和“我的投票”移至“活跃”和“书签”之间

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/2/d2df90d8d0671dcb12649513f119dd97bba0ec49.png)

您可以随意按您喜欢的顺序进行调整。您将在网站上找到一个 [新的主题组件](https://ask.fedoraproject.org/admin/customize/themes/48)，该组件基于当前可见的项目生成。

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2021年十月28日 16:44 UTC](https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244/9 "2021-10-28T16:44:51Z")

</div>

当存在未出现在“`top menu`”设置中的非标准按钮时，只需通过 CSS 调整顺序，因为 `navbar` 元素使用了 `flex` 属性。参考以下示例：

```css
/* 在此特定情况下，投票插件仅在某个分类中启用，
因此我们将仅修改该分类中的导航栏。将 {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;
  }
}

```

---

<div class="post-metadata">

### Author: ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [2021年十月28日 16:51 UTC](https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244/10 "2021-10-28T16:51:27Z")

</div>

感谢 @dax！CSS 中的 “nth-child” 值是否取决于 `top-menu` 设置中的顺序，还是这些值在某个地方是固定的？例如，如果我从设置列表中移除 “Active”（即 “Top”），我是否也需要更新 CSS？

另外，如果（正如我上面所想的）我想隐藏 “My Votes” 该怎么办？

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2021年十月28日 17:04 UTC](https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244/11 "2021-10-28T17:04:56Z")

</div>

> [@mattdm](#):
>
> CSS 中的“nth-child”值取决于 `top-menu` 设置中的顺序

是的。

> [@mattdm](#):
>
> 我从设置列表中移除了“Active”（即“Top”），是否也需要更新 CSS？

![点头 Yes GIF by Captain Obvious](https://global.discourse-cdn.com/meta/original/3X/f/9/f94949c727adc6dd16a2d483247edfe5a89273a3.webp)

> [@mattdm](#):
>
> 如果（正如我上面所思考的），我想隐藏“My Votes”怎么办？

只需在 CSS 中添加 `display: none;`，例如：

```css
/*My Votes*/
#navigation-bar :nth-child(5) { order: 6; display: none;}

```

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2021年十一月27日 17:05 UTC](https://meta.discourse.org/t/how-to-re-order-or-hide-votes-and-my-votes-top-menu-list-items/207244/12 "2021-11-27T17:05:30Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
