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

このテーマコンポーネントを使用すると、ユーザーのドロップダウンメニューにカスタムタブを追加し、リンクを含めることができます。

設定

タブのアイコンをカスタマイズしたり、ユーザー/モデレーター/管理者向けに表示するリンクを設定したり、各リンクに独自のアイコンを設定したりできます。

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

「いいね!」 49

@awesomerobot、特定のグループやチームリーダーにのみメニュー項目を表示させるようリクエストすることは可能ですか?

「いいね!」 8

はい、可能です。現在、コンポーネントは以下のように動作しています。

 if (this.currentUser.moderator) {
          parseTabSettings(settings.moderator_only_tab_links);
          return items;
        }

this.currentUser.moderator をグループメンバーシップの確認に置き換え、settings.moderator_only_tab_links もそのグループ固有のリンクに置き換えます。

時間のあるときに、複数のグループ名とリンクを受け付ける設定を追加できるように検討します。

「いいね!」 7

コンポーネントを提供いただき、ありがとうございます。非常に役立っています。小さなお願いがあるのですが、新しく作成されたタブにマウスを合わせたときに説明が表示されず、説明を追加する場所もありません。

Gyazo の画像

何か見落としているのでしょうか?

「いいね!」 3

何か見落としているわけではありません。説明を追加する機能は当初存在しませんでした。ただいまその機能を追加しましたので、コンポーネントを更新すれば、コンポーネントの設定画面下部にそのオプションが表示されるはずです。

「いいね!」 8

こんにちは、Krisさん :slightly_smiling_face: これは素晴らしいです :heart_eyes: ありがとうございます!

一つ質問があるのですが、タブリンクに target=“_blank” を追加することは可能でしょうか?フォーラムの外へ向かう追加のセクションがあるためです。

改めてありがとうございます! :slightly_smiling_face: 良い一日を! :heart:

「いいね!」 1

リクエストを過負荷にしないよう配慮しつつ、Don のリクエストをきっかけに、他の機能強化についても考えるようになりました。例えば、カスタムタブアイコンを最右端に配置し、アイコンの色とタブの背景色を変更し、姉妹サイトへのリンクを空白ターゲット(_blank)で設定できれば、現在の水平ヘッダーリンクに取って代わる可能性があります。アイコンと背景色を別々に設定できることに言及したのは、既存のサイトとは明確に区別されたメニューとして機能させるためです。

クリスさん。これはtcの設定に追加される可能性はありますか?現在、プレミアムユーザー向けにこの追加メニューを実装しようとしています :slight_smile:

「いいね!」 4

@awesomerobot さん、この機能の実装を楽しみにしています。公式リポジトリに機能を追加するために開発者を雇用した場合、PRは受け入れられますか?

「いいね!」 2

このコンポーネントは気に入っていましたが、新しいユーザーメニューの設定とは互換性がないようですね。新しいメニューをカスタマイズできる同様のコンポーネントを開発する予定はありますか?

「いいね!」 2

いくつかアイデアが出てきました…管理者が、あるいはユーザーでさえ、コンポーネントなしで標準でカスタマイズできるものかもしれませんが、まだ初期バージョンや他のコンセプトを試している段階であり、それがどのように機能するかを真剣に検討する前です。

そのため、新しいユーザーメニューをデフォルトにした後、この機能が不足している場合は新しいコンポーネントを作成することが理にかなっているかもしれません。これは、ユーザーメニューのタブではなく、カスタムサイドバーセクションとしてより意味のあるものでもありますか?

「いいね!」 4

実際には、テーマコンポーネントまたはバックエンドを通じて、両方をカスタマイズするための同様のオプションがあると最も役立ちます。これにより、管理者として、どちらかのセクションを削除または追加でき、アイテムが別のコンポーネントで繰り返されることはありません。

たとえば、一部のコミュニティで(管理者タブ付きの)縮小されたメニューを設定したい場合があります。

その場合、サイドバーに管理者セクションは不要になります。ブックマークも同様です。一方で、それらをそこ(サイドバー)に配置することが理にかなっている場合もあります。

「いいね!」 4

このクールな機能ありがとうございます。
新しいアイコンを追加しようとしていますが、何か足りないようです。
スターとベビーでは機能しますが、Font Awesomeアイコンでは機能しません。


「いいね!」 2

まだFont Awesome 6には対応していないため、利用可能なアイコンはバージョン5のセットで検索する必要があります。こちらをご覧ください: Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

そのアイコンはバージョン6ではshopに名前が変更されたようですが、バージョン5では別の名前、store-altで存在していました。したがって、additional iconscustom tab iconstore-altを使用するように更新すれば機能するはずです!

「いいね!」 3

このテーマをダウンロードしたのは、ユーザープロファイルドロップダウンメニューを編集できるようにするためです。問題は、変更をコミットする方法がわからないことです。下部にはプレビューオプションしかなく、保存する場所がありません。テーマの投稿で助けを求めようとしましたが、何らかの理由で投稿が削除されました。どんな助けでも大歓迎です!

指示に従って、新しいメニュー項目を次のように作成しました。

次に、それが機能することを確認するためにプレビューしました。

しかし、変更をコミット/保存する場所がありません!テーマの仕組みについて何か見落としていますか?リポジトリコード自体を編集する必要がありますか?愚かな質問をしてすみません、私はこの分野に非常に慣れていません。

「いいね!」 1

テーマコンポーネントをテーマに追加しましたか?

「いいね!」 2

うまくいきました、ありがとう! :slight_smile:

「いいね!」 2

これは公式のテーマコンポーネントのようですね :tada:

GitHubリンクはDiscourseリポジトリにリダイレクトされ、all-the-themesリポジトリのofficial.txtに記載されています。OPのリンクを更新することは可能でしょうか?そうすれば、そのリポジトリのupdate_from_metaスクリプトがこのコンポーネントを公式として認識し、サードパーティファイルに追加しようとしなくなります。これは、以前のアップデートで誤って追加された後、12月にthird-party.txtから削除されました。リポジトリのURLを変更することで、それが再び起こるのを防ぐことができるかもしれません。

さらに、#officialタグと、公式コンポーネントの典型的な要素を含む最初の投稿があると嬉しいです。

「いいね!」 1