فهم عناصر واجهة المستخدم في 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 إعجابات