Discourse のユーザーインターフェース要素を理解する

:bookmark: このリソースでは、Discourseユーザーインターフェイスの各要素の名称を説明します。

:person_raising_hand: 必要なユーザーレベル: 全てのユーザー

Discourseのインターフェイスはほとんどの場合、このように見えます。テーマ、テーマコンポーネント、プラグインによってレイアウトが異なる場合があります。

まず主要な部分を、次に主要な部分をさらに小さな部分に分けて説明します。

  1. ヘッダー (Header)
  2. サイドバー (Sidebar)
  3. メインコンテンツ (Main content)

ヘッダー (Header)

Header

  1. サイドバーボタン/トグル(またはハンバーガーアイコン)
  2. ロゴ
  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

これは本当に素晴らしいです🤗 @Canapin :heart:ありがとうございます

ちょっとした提案ですが、コンポーザーとチャットも含まれますか?:slightly_smiling_face:

「いいね!」 3

通知メニューの11と12がありません。

また、ヘッダーではアバターメニューと呼ばれていますが、個別の見出しは通知メニューとなっています。

「いいね!」 3

この種のガイドは、たとえどんなに善意で作られたものであっても、(苦労して)作成されたスクリーンショットや注釈のために、すぐに時代遅れになる危険性が非常に高いと、私は非常に心配しています。FacebookやYouTubeなどでも同様の試みがなされたことは知っていますが、数ヶ月後にはユーザーが言及されている特定の項目を見つけられなくなっています。しかし、私にはもっと良い解決策がありません。

「いいね!」 2

Wikiなので、更新が必要な場合は誰でも手伝える。また、一部の要素が変更されたとしても、他の要素がどのように呼ばれているかを知ることは依然として役立つ。
結局のところ、どんなドキュメントでも古くなる可能性がある。この理由でドキュメントを書かないのであれば、ドキュメントは全くないことになる。

「いいね!」 4