# FKB Pro - 社交主题

**URL:** <https://meta.discourse.org/t/fkb-pro-social-theme/234323>\
**Category:** Theme\
**Created:** [2022年七月28日 20:58 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323 "2022-07-28T20:58:41Z")\
**Posts on this page:** 20\
**Page:** 14

<div class="post-metadata">

**Author:** ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)\
**Post date:** [2024年一月30日 18:34 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/274 "2024-01-30T18:34:35Z")

</div>

是的，它正在工作

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/a/9/4a9c704d5330e62aadc8c74c5e7a75a7a116a863.png)

---

<div class="post-metadata">

**Author:** ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)\
**Post date:** [2024年一月30日 18:48 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/275 "2024-01-30T18:48:10Z")

</div>

我希望理想地解决这个问题。我真的很想使用这种风格和这个组件 😥

> [@Gonerdot](#):
>
> @Don 你好。你能告诉我怎么解决这个问题吗？
> 
> > [@](#):
> >
> > 在预览中看起来很棒，但实际上完全不同。我做错了什么？ [[image]](https://global.discourse-cdn.com/meta/original/4X/1/1/9/1198533e0663379475dd6a56b0e3852e79e7d841.jpeg) [[image]](https://global.discourse-cdn.com/meta/original/4X/5/7/8/578056c64f31ead651eb4f85f9adccb1b1fe8772.jpeg) 主题：[FKB Pro - Social theme - #268 by Don](https://meta.discourse.org/t/fkb-pro-social-theme/234323/268)

---

<div class="post-metadata">

**Author:** ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)\
**Post date:** [2024年一月31日 02:11 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/276 "2024-01-31T02:11:36Z")

</div>

您在另一个话题中得到了关于此事的回复，不是吗？

---

<div class="post-metadata">

**Author:** ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)\
**Post date:** [2024年一月31日 06:10 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/277 "2024-01-31T06:10:57Z")

</div>

是的，但我希望有一种方法可以解决它。

> [@\\"](#):
>
> 此主题非常敏感，可能与其他主题组件或插件不兼容！请在使用前进行测试。这些通常需要一些 CSS 修改。 **如果您有任何问题，请报告，我们会解决。**

---

<div class="post-metadata">

**Author:** ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)\
**Post date:** [2024年二月1日 17:55 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/279 "2024-02-01T17:55:55Z")

</div>

如何分隔不同的元素？  
像这样：

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/a/0/1a03bc35c56dcb41874f0d6b32e16eacce2ebd14.png)

因为现在看起来不太好

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/5/7/857fb8742bae3e3ea834e9470f61ecdc0c0daaed.png)

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2024年二月1日 18:12 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/280 "2024-02-01T18:12:32Z")

</div>

这是我的错。如果我没记错的话，它不包含滚动条，因为它默认不是粘性的。我会检查一下并添加一个自定义滚动条。类似于侧边栏的那种。

---

<div class="post-metadata">

**Author:** ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)\
**Post date:** [2024年二月1日 18:39 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/281 "2024-02-01T18:39:01Z")

</div>

如果您能做到这一点，我将不胜感激。如果项目单独显示而不滚动，那就太好了。

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2024年二月1日 19:49 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/282 "2024-02-01T19:49:09Z")

</div>

我已经合并了。请更新主题 🙂  
[https://meta.discourse.org/t/fkb-pro-social-theme/234323/278?u=don](https://meta.discourse.org/t/fkb-pro-social-theme/234323/278?u=don)

---

<div class="post-metadata">

**Author:** ![TheDarkWizard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thedarkwizard/32/177913_2.png) [@TheDarkWizard](https://meta.discourse.org/u/TheDarkWizard)\
**Post date:** [2024年二月1日 20:14 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/283 "2024-02-01T20:14:54Z")

</div>

上面的那个块，是组件里的一个块，我之前不知道，还是你自定义的？

编辑：算了，这是 FKB Pro - Social 主题的一部分。

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2024年二月1日 20:30 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/284 "2024-02-01T20:30:29Z")

</div>

是的，这里的对话可能会让人混淆。@JammyDodger 你能把它移到 [FKB Pro - Social theme](https://meta.discourse.org/t/fkb-pro-social-theme/234323) 吗？我认为在那里更相关。🙂

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2024年二月1日 20:34 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/285 "2024-02-01T20:34:27Z")

</div>

你好 👋

右侧边栏块主题组件的更新。 🚀

- 添加了自定义滚动条（借用了侧边栏的）

- 添加了新设置：`right sidebar blocks expanded`  
（启用此设置将扩展右侧边栏块的高度并使组件分离。最后一个组件是固定的。）

* * *

> <https://github.com/VaperinaDEV/fkb-pro-theme/commit/fc78f90959c8170eb8c8505348f71e019c516675>
>
> FEATURE: Added new setting: "right sidebar blocks expanded" and custom scrollbar… to Right Sidebar Blocks.

将自定义滚动条添加到 mixin。

> <https://github.com/VaperinaDEV/fkb-pro-theme/commit/b4abee66e5883e8ae2181f8f7fe816cdde92a8f4>
>
> Add custom scrollbar to a mixin

---

<div class="post-metadata">

**Author:** ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)\
**Post date:** [2024年二月1日 21:25 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/286 "2024-02-01T21:25:54Z")

</div>

非常感谢。❤  
请问，等待此组件的兼容性是否值得？

> [@Topic List Previews (TLP)](https://meta.discourse.org/t/topic-list-previews-theme-component/209973):
>
> This is a Theme Component but has the option to add a complementary plugin. information_sourceSummary The original Topic Preview component that allows you to add images and excerpts (and more!) to the Topic List whilst being able to configure what additions appear on what list.hammer_and_wrenchRepository Link [GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists](https://github.com/merefield/discourse-tc-topic-list-previews)open_bookInstall Guide [Installing a theme or theme component](https://meta.discourse.org/t/install-a-theme-or-theme-component/63682) …

---

<div class="post-metadata">

**Author:** ![Harrison\_Jhonson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/harrison_jhonson/32/258721_2.png) [@Harrison\_Jhonson](https://meta.discourse.org/u/Harrison_Jhonson)\
**Post date:** [2024年二月1日 23:06 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/287 "2024-02-01T23:06:30Z")

</div>

下午好。我正在尝试添加一个主题组件，以更改配色方案——夜间/白天。我找到的两个主题组件都不起作用。

在默认管理员设置中选择了深色主题。  
在颜色中，我设置了 2 个主题（深色和白色），用户可以修改（ **FKB Pro - Light** 和 **FKB Pro Dark** ）。

我将非常感谢任何关于如何让用户一键切换配色方案的提示。

我在这里写是因为我假设官方组件应该能正常工作，但安装它之后发生的所有事情就是左侧面板发生了一点变化。

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/6/3/263e7e693a628dd8f22c91a5ee3085dd5e4e6cf8.png)

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2024年二月2日 06:41 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/288 "2024-02-02T06:41:48Z")

</div>

> [@Gonerdot](#):
>
> 请问，等待此组件的兼容性是否值得？
> 
> > [@](#):
> >
> > 这现在是一个主题组件，但可以选择添加一个补充插件。[GitHub-Mark-32px] [存储库：在此处获取代码](https://github.com/paviliondev/discourse-tc-topic-list-previews)：[GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists](https://github.com/paviliondev/discourse-tc-topic-list-previews) 安装指南：[安装主题或主题组件](https://meta.discourse.org/t/install-a-theme-or-theme-component/63682) 这可以与[“侧载插件”](https://github.com/paviliondev/discourse-topic-previews-sidecar)结合使用：[GitHub - merefield/discourse-topic-previews-sidecar: A Discourse plugin that complements the Topic Previews Theme Component to add features](https://github.com/paviliondev/discourse-topic-previews-sidecar) 以添加以下功能：“操作”（在主题列表中进行书签、链接和点赞）主题元编辑器中的缩略图选择器……

我将检查我们可以做什么。

> [@Harrison\_Jhonson](#):
>
> 我找到的两个主题组件都不起作用。

我现在检查了[侧边栏主题切换器](https://meta.discourse.org/t/sidebar-theme-toggle/242802)，它对我来说运行正常。您是否为您想要使用它的所有主题激活了该组件？在主题页面上，您必须勾选“ **主题可由用户选择** ”字段。

---

<div class="post-metadata">

**Author:** ![Harrison\_Jhonson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/harrison_jhonson/32/258721_2.png) [@Harrison\_Jhonson](https://meta.discourse.org/u/Harrison_Jhonson)\
**Post date:** [2024年二月2日 06:54 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/289 "2024-02-02T06:54:09Z")

</div>

> [@Don](#):
>
> **主题可由用户选择** 字段。

1. 默认暗模式配色方案 ID - 是的  

2. 

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/d/9/7d99dfbf53f634651450c48f32a6a935e3d04c20.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/1/c/a/1cadb72a1eb2e872f0a9c7de3f2cc722eac42ce5.png)

1. **主题可由用户选择**  

2. 

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/5/4/75414057734f77d17ae14a40d0d9d0abfc07658f.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/1/5/3/153446f79ec920d4f6aa335d83dbec63ea89f3a4.png)

我哪里做错了？)

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2024年二月2日 07:01 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/290 "2024-02-02T07:01:27Z")

</div>

这是两个独立的主题组件。

在你分享的图片上 🔽

1. 是关于配色方案的。这是一个名为 [Dark/Light Mode Toggle](https://meta.discourse.org/t/dark-light-mode-toggle/215585) 的主题组件，所以你也必须安装它。  
你分享的其他图片是关于侧边栏主题切换的：[Sidebar theme toggle](https://meta.discourse.org/t/sidebar-theme-toggle/242802)  
在第 4 张图片上，我看到你只为默认主题启用了主题组件。你也必须为 FKB Pro 主题启用它。

点击这里，也选择 FKB Pro 主题。

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/c/9/8c95ea7317a390d810ce0303c22043ad12e1baee.png)

---

<div class="post-metadata">

**Author:** ![Harrison\_Jhonson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/harrison_jhonson/32/258721_2.png) [@Harrison\_Jhonson](https://meta.discourse.org/u/Harrison_Jhonson)\
**Post date:** [2024年二月2日 07:25 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/291 "2024-02-02T07:25:26Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/e/a/0/ea06bdab5e0958925d19556ff179ffea960627b4.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/2/f/5/2f5e2b43188534d3d73f3b6994e2ac4d2bbfc60c.png)

设置是相同的，切换时没有任何变化。

关于这个话题，是的，我明白了，我会尝试。但我仍然想要改变，不是主题，而是改变配色方案。

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2024年二月2日 07:27 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/292 "2024-02-02T07:27:24Z")

</div>

情况相同，您必须将 FKB Pro 主题添加到已激活的主题中，如我上面提到的。

> [@Don](#):
>
> 点击这里，也选择 FKB Pro 主题。
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/8/c/9/8c95ea7317a390d810ce0303c22043ad12e1baee.png)

---

<div class="post-metadata">

**Author:** ![Harrison\_Jhonson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/harrison_jhonson/32/258721_2.png) [@Harrison\_Jhonson](https://meta.discourse.org/u/Harrison_Jhonson)\
**Post date:** [2024年二月2日 07:27 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/293 "2024-02-02T07:27:52Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/8/b/9/8b9137589b7bc82fa51abec783baafff85c098dc.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/8/a/b/8ab821ad39071adfe149d70931ca1bf5e809355f.png)  
这是所有默认设置

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2024年二月2日 07:34 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/294 "2024-02-02T07:34:30Z")

</div>

哦，我明白了。问题是您将 FKB Pro 主题安装为了主题组件。您必须将其转换为主题。（如果我没记错的话，主题页面底部有一个按钮可以将它转换为主题。或者您必须将 FKB Pro 主题重新安装为一个主题。）

[上一頁](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=13)

[下一頁](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=15)
