# 用户自定义字段切换侧边栏（SFW模式）

**URL:** https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342
**Category:** Marketplace
**Created:** [2023年三月7日 09:14 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342 "2023-03-07T09:14:24Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [2023年三月7日 09:14 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/1 "2023-03-07T09:14:24Z")

</div>

**您希望完成什么？**

我需要在侧边栏（或其他可能讨论的地方）添加一个新按钮，该按钮将简单地切换用户自定义字段的值。我们通过[反转此方法](https://meta.discourse.org/t/our-solution-for-blurring-nsfw-content/124584)来设置“SFW”模式。但是，由于用户可以选择不设置该值，并且网站默认情况下是NSFW的，因此用户需要花费一些时间才能进入其个人资料设置，才能找到那个微小且不明显的复选框。

这就是为什么会想到放置一个具有两种状态（开/关）的按钮，该按钮将更改用户的自定义字段值。默认状态是NSFW（未选中用户的字段，或0）。第二种状态是SFW（选中用户的字段）。

**您何时需要完成？**

对我来说，这对于经验丰富的theming-component开发者来说应该是一项快速的任务：) 慢慢来。

**您能为这项任务提供多少美元预算？**

请出价。这听起来像是一项简单的任务。

---

<div class="post-metadata">

### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)
#### Post date: [2023年三月7日 09:50 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/2 "2023-03-07T09:50:34Z")

</div>

也许我对这份工作感兴趣？

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [2023年三月7日 09:52 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/3 "2023-03-07T09:52:35Z")

</div>

我不知道这是否是给任何人的问题 🙂 让我们开始工作吧 🙂

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年三月7日 12:21 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/4 "2023-03-07T12:21:06Z")

</div>

这个主题组件可以与欢迎链接横幅结合使用吗？

> [@User Field Prompt](https://meta.discourse.org/t/user-field-prompt/185214?u=heliosurge):
>
> discourse2Summary User Field Prompt allows you to show a [user field](https://meta.discourse.org/t/how-to-create-and-configure-custom-user-fields/113192) form in any Discourse post.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/user-field-prompt)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-user-field-prompt](https://github.com/discourse/discourse-user-field-prompt)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features User Field Prompt allows you to show a [user field](https://meta.discourse.org/t/how-to-create-and-configure-custom-user-fields/113192) form in any Discourse post. Changes made in the form will …

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [2023年三月7日 13:30 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/5 "2023-03-07T13:30:08Z")

</div>

这是一个很棒的主题组件 [https://meta.discourse.org/t/user-field-prompt/185214！无论我多久访问一次](https://meta.discourse.org/t/user-field-prompt/185214%EF%BC%81%E6%97%A0%E8%AE%BA%E6%88%91%E5%A4%9A%E4%B9%85%E8%AE%BF%E9%97%AE%E4%B8%80%E6%AC%A1) Discourse Meta，总能发现关于 Discourse 的新东西，这真是太棒了。

所描述的任务与帖子字段的概念不同。它也不是为了与其他主题组件（如您提到的 Welcome Link Banner）一起使用。

我现在看到的最大程度的自定义是引入基本的自定义选项，例如：

- 管理员可以使用 Discourse 文本字段，根据许多主题组件（如 [Custom Header Links (icons)](https://meta.discourse.org/t/custom-header-links-icons/86307)）的示例来创建/更新/删除按钮。

- 管理员可以为按钮提供：

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年三月7日 15:05 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/6 "2023-03-07T15:05:12Z")

</div>

还没有开始使用，但也有页面发布功能。

我想这些代码可能会提供一些思路。有几个组件使用了用户字段。最近增加的一个功能是针对会员的“监视词”功能，可以隐藏包含特定词语的帖子。

还有一些主题组件在 iirc 的汉堡菜单或标题中使用了开关切换。

自定义标题链接可能也有效。

我不确定，但也许可以通过复选框复制该用户偏好的链接。

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [2023年三月7日 15:12 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/7 "2023-03-07T15:12:12Z")

</div>

抱歉，我没能理解你开头几句话的意思，因为我觉得它们与上面的话题无关。

附注：你个人简介中的网站 SSL 证书已过期 🔓

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年三月7日 15:17 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/8 "2023-03-07T15:17:31Z")

</div>

需要更新网站地址。客户从 .ai 更改为 .com。 :facepalm:

我上面提到的想法。您可以查看 User 字段提示的源代码，以获得用于切换 NSFW 用户设置的代码的思路。然后，您可以查看类似 Thene-component Light/Dark toggle 的东西，并将想法结合起来，以切换 NSFW 用户设置。

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [2023年三月7日 15:30 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/9 "2023-03-07T15:30:53Z")

</div>

好的，我现在明白了。嗯，你似乎在为我在第一篇帖子中提到的这个解决方案发明轮子：[Our solution for blurring NSFW content](https://meta.discourse.org/t/our-solution-for-blurring-nsfw-content/124584)

它实现了你所说的功能。它会查看用户的字段值，并通过 JS 设置 CSS 类。请确保你使用[此消息中的代码](https://meta.discourse.org/t/our-solution-for-blurring-nsfw-content/124584/5?u=kinetiksoft)作为基础，因为第一个帖子中使用的代码依赖于已弃用的 Discourse 方法。

此外，你还可以看看这个：[https://meta.discourse.org/t/css-classes-for-current-users-groups/226068，根据用户的群组调整你网站的外观和功能](https://meta.discourse.org/t/css-classes-for-current-users-groups/226068%EF%BC%8C%E6%A0%B9%E6%8D%AE%E7%94%A8%E6%88%B7%E7%9A%84%E7%BE%A4%E7%BB%84%E8%B0%83%E6%95%B4%E4%BD%A0%E7%BD%91%E7%AB%99%E7%9A%84%E5%A4%96%E8%A7%82%E5%92%8C%E5%8A%9F%E8%83%BD) 🙂

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [2023年三月7日 15:33 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/10 "2023-03-07T15:33:12Z")

</div>

至于切换本身，以及您提到的[深色/浅色切换](https://meta.discourse.org/t/dark-light-mode-toggle/215585/)，我认为对于未来开发此组件的开发者来说，研究一下可能很有趣，我希望在完成后尽快将其公之于众。@Lhc_fl 正在进行一些工作，我们希望在生产环境中首先进行自我测试 🙂

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年三月7日 15:40 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/11 "2023-03-07T15:40:31Z")

</div>

这很酷。我仍然是一名新手，正在学习编码。还有很多东西要学。

从我所见，Lhc\_fl非常有才华。

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [2023年三月9日 18:18 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/12 "2023-03-09T18:18:53Z")

</div>

已完成：[Sidebar User Field Toggle](https://meta.discourse.org/t/sidebar-user-field-toggle/257634/1)

![Yep Reaction GIF by C H A R L Ö T T E](https://global.discourse-cdn.com/meta/original/4X/1/a/f/1af6a0ccf264eed21247d0f837d1ab2549ec3b62.webp)

谢谢你，@Lhc_fl ❤

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2023年四月8日 18:19 UTC](https://meta.discourse.org/t/user-custom-field-toggle-for-sidebar-sfw-mode/257342/13 "2023-04-08T18:19:31Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
