山姆的简单主题

||||
-|-|
:discourse2: | 摘要 | Sam’s Simple Theme 创建了一种“极简”主题列表设计
| :eyeglasses: | 预览 | 在 Discourse 主题创建者上预览 |
:hammer_and_wrench: | 仓库链接 | https://github.com/discourse/discourse-simple-theme
:open_book: |初次使用 Discourse 主题? | 初学者使用 Discourse 主题指南

安装此主题

功能

我对此思考了很多,并决定尝试一种“极简”的前页自定义。

要在此处的 Meta 上选择此主题,请前往您的个人资料:https://meta.discourse.org/my/preferences 并选择该主题。(记得点击保存)

以下是我所做的一些事情:

  • 移除视图(Views)
  • 移除星标(Star)
  • 去除头像图片,改用名称
  • 弱化类别的重要性
  • 使用更“传统”的颜色作为主题链接
  • 使用“回复”代替“帖子”

从我实验中得到的一些结论:

  • 我认为“回复”比列名“帖子”更自然,技术上它只是“帖子 - 1”,但它能更清晰地传达概念,并且它正确地突出了只有 1 个帖子的主题,因为 0 是一个引人注目的数字。

  • 长期来看,我认为我们应该提供一种“不那么醒目”的类别样式,当前的彩虹色将类别置于比内容更重要的位置,对我来说,分类感觉次于标题。

  • 我觉得头像的海洋有点吵闹,不建议立即更改,但我认为它确实增加了我们首页的繁忙感。

  • 对我而言,更传统的主题标题颜色效果更好,我发现它们能吸引眼球,很好地突出标题。

  • 简化的设计确实更加“无聊”,但我发现用它来处理非常长的列表更容易。

  • 我不再确定斑马纹(zebra striping)是否真的更好,我认为它实际上弊大于利,在我简化的设计中,细微的线条效果更好。

  • 应该移除星标,它只是增加了噪音,几乎没有任何收益。

  • 我不想再陷入关于“ago”的争论,但对于简化设计,我更喜欢“1 小时前”而不是“1h”,额外的措辞会增加清晰度,而且名字上方有空间。

我认为“简单设计”并不优于我们当前的设计,我只是认为它不同,并且可能对现有的论坛用户来说更熟悉。它包含的信息量较少。

有趣的是,“简单设计”在宽度超过 850 像素左右时完全不起作用,这表明需要某种辅助列来补充它(例如常见问题解答、聊天框、广告等)。

非常酷的一点是,所有这些都可以使用自定义菜单实现。

前提条件

在网站设置中选择类别样式为圆点。

设置

| 翻译 | 默认值
|-|
| replies | 回复
| last_post | 最后帖子
| likes | 点赞


:discourse2: 由我们托管? 我们的标准、商业和企业计划均可使用主题。

91 个赞
Beginner's guide to using Discourse Themes
Reddit Style picture thumbnail on the left
Paid: Plugin 9gag clone for Discourse
Author name plus avatar
Show PM participants in title bar
Essential, a simple theme for Discourse :art:
New Category request: "themes"
Elementary, a simple theme for Discourse
Homepage overhaul!
Timeline Discourse
Add the mobile UX as a theme option to desktop users as well
Alternative display modes for topic list
Original Poster Headshot as the first column on Topic List Pages
Requiring users to set a custom avatar before posting
Is it possible to re-order the topic list columns (Front Page)?
[PAID] We need someone to customize a Discourse design
Username, user title, and post count beside avatar
The topic list doesn't need a category column
Add column to home page topic list
The topic list doesn't need a category column
Drive On Wood! theme? driveonwood.com?
Display Topic Author on Topic List
How to make a theme with different color palettes?
Is it a theme or some plugin? 🤔
Is there anyway I could have the name of the user who started the topic to the left of the avatars?
Different theme for personal message topics list?
Language localization bug
How do I go about making a very customized theme?
How to simplify the forum? (couple of needs listed)
No more switchable mobile/desktop layouts?
How to enable bulk selection for theme?
[Glimmer] Different theme for personal message topics list?
Our main screen looks very different with no top menu dropdowns, etc
Topic Author
Customize/Design Category
Change category text color on topic header?
Sort topics (within category) in alphabetical order by default
Is there a way to hide the tabs of replies, views, activities, users, etc
Adding unique class names to to the elements in the topic map
In theory, could you make discourse look like phpBB?
Reddit Style picture thumbnail on the left
About cultural differences of layout of "community software"
Reddit Style picture thumbnail on the left
Modify Users column to contain only one avatar (latest poster)
Most liked messages in the topic

Great work @sam sounds good! I really like it

2 个赞

I really like the changes. You went back to some sort of square one, but it helps to see it in a minimal way so things can be re-added but carefully considered.

My suggestions would be to color the [categories] with css as the same color/style for the drop down in the upper left so there’s visual cues with the associated category colors already established. For the names, maybe we could take a page from the OP meta bar and style it in a similar fashion so avatars still can be seen, since most use the avatar as a quicker visual cue than text. Like this:

That way there’s only two avatars to each topic list item. The OP and the last reply. Instead of what we have now which includes five avatars instead of just two. Not to mention the OP meta bar already has this information (who has participated in the discussion so far).

It’s good, but you’ve gone from being avatar heavy to being text heavy in kind of a nonsensical way. People process images (particularly of faces) much faster than names so I think most of all I’d recommend replacing the user names with images, would be less text to process.

7 个赞

Yes, that is the gist of my reply, I am glad you agree. Same for category colors. I think those should come back as well for the same reason. Otherwise, I like @sam’s edits. It’s a nice re-start to add things as absolutely necessary.

1 个赞

Here’s a quick try at adding avatars :baby:

4 个赞

I would retain the usernames here, not entirely sure I want the avatar for creator, but regardless usernames should stay.

2 个赞

For what it’s worth, I used @sam’s screenshot and did a little shopping:

You can also style the OP meta the same way as another column next to that.

4 个赞

I personally, I much prefer the avatars to usernames – if you are shooting for minimalism that is the way. Also, the word by does not need to be repeated over and over on the page, and can be removed.

1 个赞

Taking off from @purldator’s mockup:

  • A little color for the categories via an fa-tag icon.
  • Remove OP name and timestamp from under the topic titles so they are easier to scan

4 个赞

I like what you did with categories, but removing op is a step too far imo, also avatar seems a bit big to me.

To interject for some clarification, we are talking optional CSS etc. here and not changes to the Core?

To me a huge goal here is to make stuff more extensible, ultimately I do not think the “simple” design should replace what we have now. I do think we need to cull out stars and quieten down categories in our default view, but ultimately there are different types of consumers for Discourse with different needs.

As you simplify, you lose information, which may be desirable to some communities and not desirable for others.

If a community say moved from years on phpbb or what not to Discourse it may make sense for them to use a “simple” design. If a company has a need for an aux column it may make sense to use a “simple” design. Long term I hope the “wizard” you use to setup Discourse allows you to select between a few themes that cater to different groups.

4 个赞

That’s my doing and mostly the shop’ was meant as a proof of concept, not so much a solid final draft. I’d be okay any which way the avatar’s size may become in the end.

Its a mish-mash topic now, which is kind of confusing to everyone.

The default core changes being discussed are:

Merge star and bookmark, do away with stars in topic list
Replies vs. Posts (also here)
Quieten down categories
Color choices

But ultimately there are 2 distinct views being discussed here,

  1. A minimal view
  2. Our default view

Thing is that it is not, colors are hardcoded into a style tag on an element, styling categories now is very hard and requires patching of discourse core.

Interesting, didn’t know that. Hmmn.

I do hope there might be a howto in the near future on ways to go about editing the theme’s hardcode ‘gracefully’ without breaking it in the future with an update to the core. I think if users are given a push in the right direction on how to hack the theme to their liking, then there might be less of a brouhaha with people requesting the removal or addition of elements on the current ui, such as was the original topic at hand. (And if there is a definitive howto on this, I need to find it!)

EDIT: Just noticed @abarker’s reply in the original thread, which is stating the same. (requoting here as ref for this new thread)

2 个赞

I second this too. Even though I understand and respect the goals behind discourse UI design, the looks are something there can never be a strong consensus on because Discourse is in my opinion already very refined and quite spot on.

While codinghorror sees the minimalistic view as less readable and prefers avatars over usernames, I personally think the small avatars are nothing but irritating noise, and some people might argue that avatars should not be used at all while others might want more and even bigger ones.

My professional opinion is, despite sounding shallow or giving the impression that “i’m not getting it”, these issues are effectively matters of taste, so making customization easier also brings the prime ideas of Discourse closer to both admins and users that are not yet comfortable with Discourse.

4 个赞

I think replacing them with names makes things just as busy, just in a different way. A wall of color looks better to my eyes than a wall of text.

4 个赞

I do think this is a Great idea :wink: more more adaptable

1 个赞