理解Discourse中的用户界面元素

:bookmark: This resource covers the names for each element of the Discourse user interface.

:person_raising_hand: Required user level: All users

Here’s what Discourse’s interface looks like most of the time. Themes, theme components, and plugins may affect this layout.

Let’s break down the main parts, and then the main parts into smaller parts.

  1. Header
  2. Sidebar
  3. Main content

Header

  1. Sidebar button/toggle (or Hamburger)
  2. Logo
  3. Top right icons:
    a. Chat toggle
    b. Quick search
    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 Reminders
  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. Cancel Post Button
  9. Resizing Grip
  10. Fullscreen Toogle
  11. Minimize Toggle
  12. Preview Panel
  13. Preview Panel Toggle

Last edited by @hugh 2024-06-28T00:04:48Z

Last checked by @hugh 2024-06-28T00:04:11Z

Check documentPerform check on document:
68 个赞

是否有人为 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 个赞