カスタムユーザーメニュー

:information_source: 概要 ヘッダーにドロップダウンメニューを追加し、ユーザーが個人設定やページに素早くアクセスできるようにします
:hammer_and_wrench: リポジトリ Manuel Kostka / Discourse / Components / Custom User Menu · GitLab
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourseテーマ初心者の方へ Discourseテーマの使用方法入門ガイド

このテーマコンポーネントをインストール

ヘッダーにスタンドアロンのユーザーメニューを追加します。デフォルトで通知メニューのプロフィールタブにある項目を再現します。

ユーザーメニュー表示

通知メニュー表示

このコンポーネントは、通知メニューから関連タブを非表示にします。コンポーネントなしの場合とありの場合の表示:

:compass: ロードマップ

モバイルモーダルを追加

サイト設定に応じて名前とユーザー名を切り替える

「いいね!」 11

このコンポーネントをすでに気に入っています!

ユーザーメニューから通知を分離したのは本当に気に入りました。よくできました。:smiley:

「いいね!」 5

これは、通知ベルを画面下部に移動させるF NAV Mobile Navigation Tabsとわずかに競合しているようです。機能は問題ありませんが、ヘッダー内のベルがあるべき場所には空白のスペースがあります。その空白スペースをタップすると、プロフィール写真をタップした場合と同じメニューが開きます。

「いいね!」 4

ご指摘ありがとうございます!ただ、これを互換性のあるものにする方法がわからないです。同時に両方のコンポーネントを使用すると、実質的に同じメニューを異なるテンプレート実装で導入しているため、他のユーザーエクスペリエンスやスタイルの競合につながる可能性があります。

「いいね!」 1

私自身と私の特定のユースケースについてしか話せませんが、このコンポーネントをデスクトップ/ラップトップで利用できるようにして、モバイルでは"サイドに退いて"、タブコンポーネントに仕事をさせたいです。

私が考えつく唯一のことは、このコンポーネントがタブコンポーネントと表示サイズを探すようにすることです。タブコンポーネントはモバイルでのみアクティブなので、大きなスクリーンでは設計通りに動作させ、もしタブがアクティブなら小さなスクリーンでは無効にすることができるかもしれません。どのくらいの作業が必要かや、それが可能かどうかはわかりません。

少し後で専用のモバイルスタイルを追加します。その後、このコンポーネントをユーザーメニューにも、モバイルで使用できるようにします。そして、もう一つのコンポーネントのフッターナビゲーションも。同じくきちんと調整されるはずです。

「いいね!」 1

2つの投稿が新しいトピックに分割されました:Metaでの自動ローカリゼーションは投稿に{を表示します

@StryGuardianが述べているのと同じ問題が発生しています。f-navと競合しています。

「いいね!」 1

問題はまだありますか? 3.5.1 でこの TC を使用して、独自の F NAV フォークをテストしましたが、うまくいきました…

@manuel PR は受け付けていますか?サイトの設定でフルネームが無効になっている場合にユーザー名を太字で表示し、ユーザーのアバターをプロフィールの「概要」にリンクすることは、良い追加機能になるでしょう。