快速个人资料链接菜单

[Don]

	摘要	快速个人资料链接菜单
	预览	https://discourse.theme-creator.io/theme/Don/quick-profile-links-menu
	仓库	GitHub - VaperinaDEV/quick-profile-links-menu
	安装指南	如何安装主题或主题组件
	刚接触 Discourse 主题？	Discourse 主题使用入门指南

安装此主题组件

你好

有时，导航用户偏好设置可能会有点困难，尤其是对于新用户。此主题组件允许在用户页面中添加几个重要的设置链接，并添加自定义用户菜单配置文件选项卡…

用户页面菜单链接

此菜单按钮位于用户配置文件控件按钮部分。

---

单击菜单项将重定向到所需字段。为了实现这一点，我为每个字段添加了一个 id 属性，该属性与 [data-setting-name] 属性的值相同。所以现在我们可以将其用作锚点。例如：/u/username/preferences/profile#user-bio

您可以通过右键单击设置标题并检查 id 来检查这些。在这种情况下，setting 值应为 user-username。此设置是一个可选字段，因此将其留空将重定向到页面，而不是设置。

---

用户页面菜单链接设置

使用 profile links 设置，您可以添加这些快速链接。

1. icon (fontawesome icon) 必需
2. label (链接的标签) 必需
3. page (您想重定向到哪个页面)
   • account
   • security
   • profile
   • emails
   • notifications
   • tracking
   • users
   • interface
4. setting (您想重定向到哪个设置字段) 可选

这里有一些可用的设置字段。

• account

  • user-username
  • user-avatar
  • user-email
  • user-associated-accounts
  • user-name
  • user-title
  • user-flair
  • user-data-export

• profile

  • user-bio
  • user-timezone
  • user-location
  • user-website
  • user-profile-bg
  • user-card-bg
  • user-featured-topic

• interface

  • user-theme
  • user-color-scheme
  • user-text-size
  • user-locale
  • user-home
  • user-other-settings

---

用户菜单自定义配置文件选项卡

使用 enabled user menu tab 设置，您可以启用此自定义配置文件选项卡。此选项卡是默认配置文件选项卡的重新创建。

它有什么作用？

• 隐藏用户菜单中的默认配置文件选项卡
• 在用户菜单中添加自定义配置文件选项卡到顶部
  • 选项卡图标可以通过 user menu tab icon 设置进行更改
• 在首选项按钮下添加自定义项目
  • 这些项目可以通过 profile menu preference items 设置进行更改
• 在退出按钮之前添加自定义额外项目
  • 这些项目可以通过 profile menu extra items 设置进行更改

自定义配置文件选项卡设置

对于首选项项目（位于“首选项”按钮下），您可以使用 profile_menu_preference_items 进行添加/删除…

1. icon (fontawesome icon) 可选
2. label (链接的标签) 必需
3. page (您想重定向到哪个页面)
   • account
   • security
   • profile
   • emails
   • notifications
   • tracking
   • users
   • interface
4. setting (您想重定向到哪个设置字段) 可选

这里有一些可用的设置字段。

• account

  • user-username
  • user-avatar
  • user-email
  • user-associated-accounts
  • user-name
  • user-title
  • user-flair
  • user-data-export

• profile

  • user-bio
  • user-timezone
  • user-location
  • user-website
  • user-profile-bg
  • user-card-bg
  • user-featured-topic

• interface

  • user-theme
  • user-color-scheme
  • user-text-size
  • user-locale
  • user-home
  • user-other-settings

---

可以使用 profile menu extra items 设置将额外项目放置在“退出”按钮上方。

1. icon (fontawesome icon) 可选
2. label (链接的标签) 必需
3. url (您想重定向到哪个 URL) 必需

[nathank (Nathan Kershaw)]

哈利路亚！！！终于有人解决了这个问题——在我看来，这是 Discourse 新用户面临的最大问题之一。

我注意到的一点是，通过右上角的头像仍然需要点击好几次才能找到它。这是新用户直观的去处。

[Don]

嘿 @nathank 我认为找到一个更快的路径是个好主意。我已经把它添加到了用户菜单选项卡中。

@Don

它也可以放在用户菜单中。
您可以通过设置启用它。 enabled user menu tab

默认设置

FEATURE: Adds a setting to show quick profile links in user menu tab

[nathank (Nathan Kershaw)]

太棒了！干得漂亮！

但我认为我们可以做得更进一步，将头像菜单的核心/标准焦点从通知（附带个人资料）改为个人资料 + 通知（我认为应该是这样的）。我们已经有一个个人资料选项卡，但它并不显眼：

实现这一目标的一种方法是：

1. 利用头像菜单中现有的个人资料选项卡
2. 将该选项卡移到顶部（即现在快速个人资料链接的编辑图标所在的位置）
3. 允许管理员自定义个人资料选项卡的菜单

我想最简单的方法就是隐藏现有的个人资料选项卡，然后用 TC 重新创建它。注销按钮是唯一棘手的部分，可能需要一些代码（有一个现有的 TC 可以处理）。在线和暂停通知部分也有些花哨。

也许重新排列选项卡并从中添加/删除会更容易。你觉得呢？

[Lilly (Lillian Louis)]

干得好，Don。这是一个很棒的补充。谢谢！

[Don]

我有一个类似的想法。
我认为将设置分开可能是一个好主意。

1. 将个人资料移到顶部
2. 隐藏偏好设置
3. 移除顶部边框

4. 将自定义标签图标默认更改为齿轮
5. 在底部添加下边框以与通知分开
6. 在底部添加“查看所有设置”按钮（重定向到 /my/preferences/account）

你觉得怎么样？

[Jagster (Jakke Lehtonen)]

但是用户设置很少使用。我不确定它是否应该排在第一位，无论默认选择什么。

[Monikas (JustMonika)]

您开发的组件每次都令人惊叹，哈哈

[Jagster (Jakke Lehtonen)]

如何为 setting 找到正确的值？

[nathank (Nathan Kershaw)]

@Don

我有一个类似的想法。
我认为将设置分开会是个好主意。

这是一种非常好的分类方式！保持简洁明了。

但是，我（强烈）倾向于将所有内容都整合到一个“个人资料”选项卡中，因为“摘要”和“活动”也都是与“个人资料”相关的链接——这会不必要地将与用户相关的链接分成两个选项卡。

是否可以挂钩到“个人资料”选项卡？

[Don]

@Jagster

我怎样才能找到 setting 的正确值？

你可以在 OP 中找到，也可以通过右键单击设置标题并在此处检查 id 来检查它。在这种情况下，setting 值应该是 user-username，但我认为我会使其成为一个可选字段，这样就可以在不添加设置的情况下重定向到页面。

---

@nathank

然而，我（相当强烈地）希望将所有内容都整合到一个“个人资料”选项卡中，因为“摘要”和“活动”都与“个人资料”链接紧密相关——这会不必要地将与用户相关的链接分成两个选项卡。

是否可以挂钩到“个人资料”选项卡？

这里有一个小更新：

我同意你的看法。

1. 我已重新创建了个人资料选项卡并向其中添加了快速链接。
2. 隐藏默认的个人资料选项卡
3. 将自定义选项卡的图标更改为用户

现在看起来是这样的。

我在主题创建者中启用了此功能的预览：https://discourse.theme-creator.io/theme/Don/quick-profile-links-test

[Jagster (Jakke Lehtonen)]

我喜欢那个页面计划，因为我就是用它来做这件事的。嗯，头像又是另一回事了。

我害怕那个右键的东西 只是因为我几乎完全用文字工作，我估计自从去年五月以来我就没用过我的笔记本电脑了。但没办法，这只是我自己的选择。不过，我在 iPad 上有一个控制台。我只是不知道该找什么。现在我知道了。谢谢！

[Jagster (Jakke Lehtonen)]

@Don

我已重新创建了配置文件选项卡并添加了快速链接

这会很紧张，不是吗？因为它在现实生活中看起来是这样的：

[Don]

我已经更改了按钮的填充，为首选项子项等使用了更小的字体大小……因此，项目的高度比以前低了，而且我还使此选项卡内容可滚动。我现在将其与一些更新合并……

[Don]

更新
我也更新了 OP。

此更新将隐藏默认的 Profile 选项卡，并在用户菜单中添加一个自定义 Profile 选项卡，该选项卡能够：在 Preferences 项目下添加自定义项目，并且还可以在 Log Out 按钮之前添加自定义项目。

用户菜单中的自定义 Profile 选项卡

由 enabled_user_menu_tab 设置控制。

• 隐藏用户菜单中的默认 Profile 选项卡
• 在用户菜单顶部添加自定义 Profile 选项卡
  • 选项卡图标可通过 user_menu_tab_icon 设置更改
• 在 preferences 按钮下添加自定义项目
  • 这些项目可通过 profile_menu_preference_items 设置更改
• 在 log out 按钮之前添加自定义额外项目
  • 这些项目可通过 profile_menu_extra_items 设置更改

设置

• profile_menu_preference_items 和 profile_menu_extra_items 的 icon 字段现在是可选的。
• profile_links 和 profile_menu_preference_items 的 setting 字段现在是可选的，这意味着它可以添加重定向到页面的链接，而不是设置。

---

FEATURE: Adds custom Profile tab in user menu

[Jagster (Jakke Lehtonen)]

@Don

这些项目的高度更低

这在移动设备和所有触摸屏上都会是巨大的用户体验问题

我很不情愿地说，但方向是只面向桌面端。

我在这方面的担忧是错的。当然，现在内容已满，但它运行得很好。

[Jagster (Jakke Lehtonen)]

但是禁用 enabled user menu tab 应该做什么？我以为之前的铅笔标签会弹出，但没有。

[Don]

@Jagster

但是禁用“启用用户菜单选项卡”应该做什么？

整个用户菜单自定义配置文件功能。如果禁用它，它将不会对用户菜单做任何事情。

[Jagster (Jakke Lehtonen)]

是的，启用时。但禁用时，它基本上与禁用整个组件相同

[Don]

不，如果您禁用了，则只会显示用户页面的快速链接菜单。