Custom user menu tab

This theme component allows you to add a custom tab containing links in the user dropdown menu.

Settings

You can customize the tab’s icon, set links to be visible to users/moderators/admins, and set a custom icon for each link.

Install this theme component

「いいね!」 49

@awesomerobot, is it possible to request to have a menu item only showing to a specific group/tl ?

「いいね!」 8

Yeah definitely possible, currently the component does:

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

…swap out this.currentUser.moderator to check for a group membership… and then settings.moderator_only_tab_links would be swapped out for the specific links for that group.

I can look into adding a setting that accepts various group names and links when I get a chance.

「いいね!」 7

Thank you for the component. It is very helpful. A minor request - when I hover on the newly created tab, there is no description and there is no place to add a description.
Image from Gyazo

Am I missing something?

「いいね!」 3

You’re not missing something, there was no way to add a description. I’ve just added the ability to add one, so if you update the component you should see the option at the bottom of the component’s settings.

「いいね!」 8

Hi Kris :slightly_smiling_face: This is awesome :heart_eyes: thank you!

I have a question is that possible somehow to add target blank to the tab link? I have some extra part which points outside of the forum.

Thanks again! :slightly_smiling_face: Have a nice day! :heart:

「いいね!」 1

Not to overload the requests, but Don’s request got me thinking about other enhancements. If it could, for example, position the custom tab icon to the rightmost, change the color of the icon and the tab’s background, with blank target links to my sister sites, it could replace my current horizontal header links… I mention different color of icon & background because that would help distinguish the menu separately from the current site.

クリスさん。これは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