理解Discourse中的用户界面元素

:bookmark: 本资源介绍了 Discourse 用户界面中每个元素的名称。

:person_raising_hand: 所需用户级别:所有用户

Discourse 界面通常如下所示。主题、主题组件和插件可能会影响此布局。

让我们分解主要部分,然后将主要部分分解成更小的部分。

  1. 标题 (Header)
  2. 侧边栏 (Sidebar)
  3. 主内容 (Main content)

Header

Header

  1. 侧边栏按钮/切换 (Sidebar button/toggle)(或汉堡菜单 (Hamburger))
  2. 标志 (Logo)
  3. 右上角图标:
    a. 搜索 (Search)
    b. 聊天切换 (Chat toggle)
    c. 通知菜单/头像菜单 (Notifications Menu / Avatar menu)

Sidebar

  1. 区域 (Sections)
  2. 新建区域按钮 (New Section Button)
  3. 键盘快捷键 (Keyboard Shortcuts)

Main Content

  1. 导航/导航栏 (Navigation / Nav bar)
    a. 分类选择器 (Category Selector)
    b. 标签选择器 (Tag selector)
    c. 导航按钮 (Navigation buttons)
  2. 主题列表标题 (Topics list headers)
  3. 主题列表 (Topics list)

Topic

  1. 标题 (Title)
  2. 分类 (Category)
  3. 标签 (Tags)
  4. 头像 (Avatar)
  5. 用户名和名称 (Username and Name)
  6. 编辑历史按钮 (Edit History Button)
  7. 发帖日期 (Post Date)
  8. 帖子操作 (Post Actions)
  9. 回复帖子按钮 (Reply to Post button)
  10. 主题地图 (Topic Map)
  11. 主题操作按钮 (Topic Actions Buttons)
  12. 回复主题按钮 (Reply to Topic Button)
  13. 管理扳手 (Admin Wrench)
  14. 时间线 (Timeline)
  15. 回复主题按钮 (Reply to Topic Button)
  16. 通知状态按钮 (Notification State Button)

User Card

  1. 位置 (Location)
  2. 徽章列表 (Badge list)
  3. 头像 (Avatar)
  4. 用户名 (Username)
  5. 名称 (Name)
  6. 个人简介 (Bio)
  7. 最后活动统计 (Last Activity Stats)
  8. 网站 (Website)
  9. 注册周年纪念 (Cakeday (Registration Anniversary))
  10. 新建私信按钮 (New Personal Message Button)
  11. 新建私人聊天按钮 (New Personal Chat Button)

Notifications menu

  1. 通知 (Notifications)
  2. 所有通知 (All notifications)
  3. 回复和提及 (Replies and Mentions)
  4. 赞 (Likes)
  5. 私信 (Personal Messages)
  6. 书签 (Bookmarks)
  7. 聊天通知 (Chat Notifications)
  8. 待审核项目 (Reviewable Items)
  9. 其他通知 (Other Notifications)
  10. 用户菜单 (User Menu)
  11. 查看所有通知按钮 (See All Notifications Button)
  12. 忽略通知按钮 (Dismiss Notifications Button)

Composer

  1. 帖子类型选择器 (Post Type Selector)
  2. 主题标题 (Topic Title)
  3. 主题分类选择器 (Topic Category Selector)
  4. 主题标签选择器 (Topic Tags Selector)
  5. 格式工具栏 (Formatting Toolbar)
  6. 文本区域 (Text Area)
  7. 帖子创建/编辑按钮 (Post Creation/Edition Button)
  8. 放弃按钮 (Discard Button)
  9. 调整大小手柄 (Resizing Grip)
  10. 全屏切换 (Fullscreen Toggle)
  11. 最小化切换 (Minimize Toggle)
  12. 预览面板 (Preview Panel)
  13. 预览面板切换 (Preview Panel Toggle)
69 个赞

是否有人为 Discourse 3.x 创建了类似的指南,或者正在创建,其中包含侧边栏导航?

2 个赞

这真是太棒了 :raised_hands:

3 个赞

我认为我们需要对这个进行一些更新。请耐心等待,我们会看看能否为您准备一些东西。:slight_smile:

5 个赞

指南已经过时了,所以我用新的截图更新了它 :slight_smile:
它还可以改进,欢迎提出建议!

5 个赞

这真的很棒 :hugs: 谢谢 @Canapin :heart:

一个小建议:可以包含作曲家和聊天吗?:slightly_smiling_face:

3 个赞

通知菜单中的 11 和 12 缺失。

另外我注意到标题中称其为头像菜单,但单独的标题却写着通知菜单。

3 个赞

我非常担心,无论这种指南的初衷多么好,它都非常容易过时,因为截图和注释是(煞费苦心地)制作的。我所知道的是,有人尝试过为 Facebook 和 YouTube 等平台制作同样的指南,但几个月后,用户就找不到提到的某些项目了。不过,我也没有更好的解决方案。

2 个赞

由于这是一个维基,任何人都可以帮助更新。即使某些元素发生变化,了解其他元素的名称仍然很有帮助。
最终,任何文档都可能过时。如果你因为这个原因而不编写文档,那么你将没有任何文档。

4 个赞