如何重新排序(或隐藏)“Votes”和“My Votes”顶部菜单列表项?

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

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

3 个赞

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

2 个赞

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

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

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

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

1 个赞

姑且不论,我想顺序应该是:

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

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

2 个赞

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

您可以随意按您喜欢的顺序进行调整。您将在网站上找到一个 新的主题组件,该组件基于当前可见的项目生成。

5 个赞

当存在未出现在“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;
  }
}
8 个赞

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

另外,如果(正如我上面所想的)我想隐藏 “My Votes” 该怎么办?

5 个赞

是的。

点头 Yes GIF by Captain Obvious

只需在 CSS 中添加 display: none;,例如:

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

7 个赞

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