这个 Contribute > UX 类别的“关于”文本写道:
也适用于小型“生活质量”改进。
那么,这里开始吧 ![]()
我们能否按字母顺序排列这些组?
谢谢 ![]()
您是指论坛中的群组吗?
如果不是,我很乐意向您展示如何为自己的论坛进行操作。
按全名排序意味着顺序因您的界面语言而异。(所有默认组的全名都基于此而更改)。我希望无论我当前是用英语还是德语查看列表,顺序都相同。我希望能够告诉用户“版主组位于 X 组和 Y 组之间”,并且知道这对他们来说是相同的,而无需检查他们的界面语言。
那么应该在顶部以较大的字体显示 @Name,而不是 Full Name?![]()
是的,请分享 ![]()
是否有执行此操作的主题组件?
关于页面上用于排序其他组的设置是否也会更改它们在组页面上的显示方式?
我认为是的,让我试试
嗯,我没看到有什么区别,你在你那边试试吧,不过我觉得应该不行。
我想出了两种重新排序组列表以使其位置保持固定的方法,模型图如下所示。
因为就像 Moin 所说,如果按名字排序,不同语言的组的顺序会打乱。
最简单的方法是拖动类别,但如果类别很多,这很容易成为一项繁琐的任务。
在 /g 组页面上添加一个新按钮
重新排序组
然后会出现抓取图标,您可以根据自己的内容拖动组。但是,如果有太多组,这对移动设备不太友好。
也许解决这个问题的方法是使用现有的用户界面 (UI) 来重新排序组。我从编辑徽章组和类别固定位置编辑器中获得了灵感。
本质上,您将为您的组创建一个组名称,并可以按您想要的任何方式对它们进行排序,然后您可以将组添加到您创建的组名称中并对它们进行排序。抱歉,这有点令人困惑 ![]()
同样,您将从
重新排序组 按钮开始
这将调出此组编辑器。就像徽章编辑器一样,您可以移动“入门”、“社区”和“发帖”组等。
然后,您可以通过按组编辑器中(如上图所示)的 图标来编辑/重新组织“区域”组,例如:
有什么想法?
那实际上会很有益处,有这样的东西是有意义的,也许在群组创建时我们就按字母顺序排列。
我在测试这个功能时发现,如果这些组位于弹性容器(flex container)中,就可以对它们的顺序进行排列。
在 Horizon 主题中,这是默认的设计,因此值得检查当前使用的主题,并在必要时进行相应调整:
.groups-boxes .group-box[data-group-name="group1"] {
order: -3;
}
.groups-boxes .group-box[data-group-name="group2"] {
order: -2;
}
.groups-boxes .group-box[data-group-name="group3"] {
order: -1;
}
我尚未测试其兼容性,但由于弹性布局(flex display)是通用标准,因此它似乎与现代主流浏览器的兼容性较好。
我唯一发现的问题是我的 CSS 样式没有应用到组框(group boxes)上。我已经尝试使用 body.group-boxes,但没有成功。
欢迎大家提出建议 ![]()
@satonotdead 先生,您真是天才 ![]()
我没有更改任何群组的 Name(名称)或 Full Name(完整名称)。
我只是采纳了您的建议,并在我的浅色主题和深色主题中都添加了以下内容 (我禁用了 Horizon):
/* 按完整名称重新排列所有群组 */
.groups-boxes>.group-box{order:999}
.groups-boxes>.group-box[data-group-name="group-3d-printing"]{order:1}
.groups-boxes>.group-box[data-group-name="admins"]{order:2}
.groups-boxes>.group-box[data-group-name="group-android"]{order:3}
.groups-boxes>.group-box[data-group-name="group-evo"]{order:4}
.groups-boxes>.group-box[data-group-name="BIGMEET"]{order:5}
.groups-boxes>.group-box[data-group-name="group-challenges"]{order:6}
.groups-boxes>.group-box[data-group-name="group-challenges-cmt"]{order:7}
.groups-boxes>.group-box[data-group-name="commercial-operators"]{order:8}
.groups-boxes>.group-box[data-group-name="group-air-2"]{order:9}
.groups-boxes>.group-box[data-group-name="group-air-2s"]{order:10}
.groups-boxes>.group-box[data-group-name="group-air-3"]{order:11}
.groups-boxes>.group-box[data-group-name="group-air-3s"]{order:12}
.groups-boxes>.group-box[data-group-name="group-dji-avata"]{order:13}
.groups-boxes>.group-box[data-group-name="group-flip"]{order:14}
.groups-boxes>.group-box[data-group-name="group-fly"]{order:15}
.groups-boxes>.group-box[data-group-name="group-dji-fpv"]{order:16}
.groups-boxes>.group-box[data-group-name="group-go4"]{order:17}
.groups-boxes>.group-box[data-group-name="group-dji-lito"]{order:18}
.groups-boxes>.group-box[data-group-name="group-mavic-2"]{order:19}
.groups-boxes>.group-box[data-group-name="group-mavic-3"]{order:20}
.groups-boxes>.group-box[data-group-name="group-mavic-4"]{order:21}
.groups-boxes>.group-box[data-group-name="group-mini-1"]{order:22}
.groups-boxes>.group-box[data-group-name="group-mavic-pro"]{order:23}
.groups-boxes>.group-box[data-group-name="group-mini-2"]{order:24}
.groups-boxes>.group-box[data-group-name="group-mini-3-pro"]{order:25}
.groups-boxes>.group-box[data-group-name="group-mini-4-pro"]{order:26}
.groups-boxes>.group-box[data-group-name="group-mini-4k"]{order:27}
.groups-boxes>.group-box[data-group-name="group-mini-5-pro"]{order:28}
.groups-boxes>.group-box[data-group-name="group-mini-se"]{order:29}
.groups-boxes>.group-box[data-group-name="group-neo"]{order:30}
.groups-boxes>.group-box[data-group-name="group-dji-sc"]{order:31}
.groups-boxes>.group-box[data-group-name="beta-testers"]{order:32}
.groups-boxes>.group-box[data-group-name="group-fpv"]{order:33}
.groups-boxes>.group-box[data-group-name="group-ios"]{order:34}
.groups-boxes>.group-box[data-group-name="group-litchi"]{order:35}
.groups-boxes>.group-box[data-group-name="moderators"]{order:36}
.groups-boxes>.group-box[data-group-name="group-eastmidlands"]{order:37}
.groups-boxes>.group-box[data-group-name="group-eastofengland"]{order:38}
.groups-boxes>.group-box[data-group-name="group-london"]{order:39}
.groups-boxes>.group-box[data-group-name="group-northeast"]{order:40}
.groups-boxes>.group-box[data-group-name="group-northwest"]{order:41}
.groups-boxes>.group-box[data-group-name="group-northernirel"]{order:42}
.groups-boxes>.group-box[data-group-name="group-scotland"]{order:43}
.groups-boxes>.group-box[data-group-name="group-southeast"]{order:44}
.groups-boxes>.group-box[data-group-name="group-southwest"]{order:45}
.groups-boxes>.group-box[data-group-name="group-wales"]{order:46}
.groups-boxes>.group-box[data-group-name="group-westmidlands"]{order:47}
.groups-boxes>.group-box[data-group-name="group-yorkshumber"]{order:48}
.groups-boxes>.group-box[data-group-name="staff"]{order:49}
.groups-boxes>.group-box[data-group-name="trust_level_0"]{order:50}
.groups-boxes>.group-box[data-group-name="trust_level_1"]{order:51}
.groups-boxes>.group-box[data-group-name="trust_level_2"]{order:52}
.groups-boxes>.group-box[data-group-name="trust_level_3"]{order:53}
.groups-boxes>.group-box[data-group-name="trust_level_4"]{order:54}
我现在从这种状态:
变成了这种状态:
非常感谢 @satonotdead,这绝对让我今天心情大好 ![]()
太好了,很高兴能帮上忙。相信我,找到这个解决方案也让我的一天都变得很愉快(!)。在我们的社区里,小组/等级都是自定义的,能够按顺序显示它们对我们来说真的非常重要。
另外请注意,徽章也是可以重新排序的。对于那些将徽章与小组关联使用、并发现默认状态下难以操作的用户来说,这一点尤其有用。