# 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:** 7

<div class="post-metadata">

### Author: ![Diyorki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/diyorki/32/302879_2.png) [@Diyorki](https://meta.discourse.org/u/Diyorki)
#### Post date: [2023年四月17日 12:45 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/127 "2023-04-17T12:45:30Z")

</div>

抱歉 😔 无法再次发生…

---

<div class="post-metadata">

### Author: ![EchoBilisim](https://avatars.discourse-cdn.com/v4/letter/e/bc8723/32.png) [@EchoBilisim](https://meta.discourse.org/u/EchoBilisim)
#### Post date: [2023年四月17日 18:56 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/129 "2023-04-17T18:56:00Z")

</div>

您好，我认为这段代码是用于标题部分的输入。

我的网站仅限会员访问，当访客进入时，会重定向到登录部分，我需要这段代码，应该如何添加，谢谢。

 ![Ekran görüntüsü 2023-04-17 215543](https://global.discourse-cdn.com/meta/original/4X/3/8/6/3863dbb6b35e00d09b135ca255250d1b0edc2956.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: [2023年四月18日 09:57 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/130 "2023-04-18T09:57:22Z")

</div>

您好，

是的，之前的那个是用于页眉注册按钮的。🙂 我认为在这种情况下，最简单的方法是覆盖核心模板以添加图标。我们也可以使用插件插槽来实现，但我认为在这个页面上差别不大，因为如果我们使用插件插槽，那么我们就必须创建新的按钮并隐藏默认的按钮部分。

您可以删除您之前创建的版本组件，因为它不相关，也无法解决您的问题。

* * *

我制作了一个简单的组件，您可以安装。我添加了一些设置，您可以在其中更改这些按钮的图标（注册和登录）。

> **[GitHub - VaperinaDEV/login-required-page-buttons-icons](https://github.com/VaperinaDEV/login-required-page-buttons-icons)**
>
> Contribute to VaperinaDEV/login-required-page-buttons-icons development by creating an account on GitHub.

---

<div class="post-metadata">

### Author: ![EchoBilisim](https://avatars.discourse-cdn.com/v4/letter/e/bc8723/32.png) [@EchoBilisim](https://meta.discourse.org/u/EchoBilisim)
#### Post date: [2023年四月18日 17:32 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/131 "2023-04-18T17:32:46Z")

</div>

非常感谢，做得好，我祝贺你，祝你成功👍

---

<div class="post-metadata">

### Author: ![EchoBilisim](https://avatars.discourse-cdn.com/v4/letter/e/bc8723/32.png) [@EchoBilisim](https://meta.discourse.org/u/EchoBilisim)
#### Post date: [2023年四月18日 20:15 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/132 "2023-04-18T20:15:50Z")

</div>

嘿 dom，非常感谢，它运行得很顺利，祝你好运。

我还有最后一个问题，用户想关闭主题选项，我该如何关闭它，设置中的选择主题已关闭，但用户在她的个人资料中选择主题，我该如何关闭此选项。

 ![Ekran görüntüsü 2023-04-18 231603](https://global.discourse-cdn.com/meta/original/4X/0/e/5/0e5d42cf0cc6b0a878c67ecf51dd2a22b58c12c0.png)

---

<div class="post-metadata">

### Author: ![EchoBilisim](https://avatars.discourse-cdn.com/v4/letter/e/bc8723/32.png) [@EchoBilisim](https://meta.discourse.org/u/EchoBilisim)
#### Post date: [2023年四月18日 21:56 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/133 "2023-04-18T21:56:38Z")

</div>

> [@EchoBilisim](#):
>
> 我还有一个问题，用户想关闭主题选项，我该如何关闭它？设置中的主题选择已关闭，但用户在个人资料中选择主题，我该如何关闭此选项。

好的，我找到了，抱歉打扰您，非常感谢您的一切。

用户名有所变化，供您参考，用户名在上面一点

 ![Ekran görüntüsü 2023-04-19 010901](https://global.discourse-cdn.com/meta/original/4X/3/2/a/32ace00217b711b995a99eb3ea3a7c4a6fab255f.png)

---

<div class="post-metadata">

### Author: ![falcon9](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falcon9/32/311948_2.png) [@falcon9](https://meta.discourse.org/u/falcon9)
#### Post date: [2023年四月23日 17:00 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/135 "2023-04-23T17:00:02Z")

</div>

@Don 如何为主题引入不同的徽标？例如……移动徽标？

编辑：我忘了补充……这是一个很棒的主题……谢谢！

---

<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年四月23日 18:14 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/136 "2023-04-23T18:14:12Z")

</div>

> [@EchoBilisim](#):
>
> 您好，但我想找到主题的标题部分，而不是安装组件。
> 
> 我该如何找到这个主题的标题？

您需要导出主题并下载，或者从 GitHub 下载。

您最好使用组件来增强主题，而不是分叉主题。因为分叉主题的话，如果发生任何可能导致损坏的更改，您需要自己进行更新。

只需创建一个名为 Fakebook 扩展之类的组件，然后放入您的修改/覆盖。

---

<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: [2023年四月24日 06:11 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/137 "2023-04-24T06:11:14Z")

</div>

您可以在站点设置的品牌推广下添加徽标：[Customize Your Site Branding](https://meta.discourse.org/t/customize-your-site-branding/258307#site-branding-5)

---

<div class="post-metadata">

### Author: ![falcon9](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falcon9/32/311948_2.png) [@falcon9](https://meta.discourse.org/u/falcon9)
#### Post date: [2023年四月29日 23:39 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/138 "2023-04-29T23:39:55Z")

</div>

好的……我想我弄清楚了真正的问题。我会试着解释一下。我使用浅色主题……但我将标题栏改成了黑色。桌面标题栏背景由“header background”颜色控制……但如果我在手机上打开它……标题栏背景实际上是由“secondary”颜色控制的。

编辑：我想我弄清楚了。我创建了一个组件，并将以下内容添加到移动 CSS 中……

```plaintext
.d-header {
  background-color: var(--header_background) !important;
}

```

---

<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: [2023年四月30日 05:48 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/139 "2023-04-30T05:48:07Z")

</div>

嘿 @falcon9，感谢指出，我现在明白了。我已经移除了移动端标题中不必要的背景颜色。请更新主题。 🙂

---

<div class="post-metadata">

### Author: ![falcon9](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falcon9/32/311948_2.png) [@falcon9](https://meta.discourse.org/u/falcon9)
#### Post date: [2023年四月30日 15:30 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/140 "2023-04-30T15:30:14Z")

</div>

太棒了……非常感谢！

有没有办法添加一个类似于 WordPress 的“特色图片”……或者……主题是否可以搜索整个主题（不仅仅是第一篇文章）直到找到一张图片来使用？

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2023年四月30日 15:43 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/141 "2023-04-30T15:43:55Z")

</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: ![falcon9](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falcon9/32/311948_2.png) [@falcon9](https://meta.discourse.org/u/falcon9)
#### Post date: [2023年四月30日 17:03 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/142 "2023-04-30T17:03:58Z")

</div>

该主题本身已经这样做了。我只是在寻找一种更有效的方法来控制它。我希望它能超越第一篇帖子来搜索图像/媒体，或者有一个上传“特色图像”的地方，它将默认使用该图像。

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2023年四月30日 17:05 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/143 "2023-04-30T17:05:19Z")

</div>

真的吗？那是我错了。我以为它来自 TLP，因为它在我的论坛上很活跃。

编辑：  
我真是太没用了 🤦‍♂️ 我不得不检查我是否使用了 FKB Pro 的 TLP。我没有。

所以，就当我不曾来过这里……

（现在我明白了你的意思——但 TLP 能满足这个需求吗？或者因为功能重叠会有冲突？）

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2023年四月30日 17:20 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/144 "2023-04-30T17:20:38Z")

</div>

不，@Jagster，你说得对。 👍

TLP 确实提供了一个控件来选择哪个图像。

> [@merefield](#):
>
> 主题元编辑器中的缩略图选择器。（使用简单的用户界面从整个主题中选择任何缩略图）

我从未与其他主题一起安装过侧边栏插件，但它可能有效……

---

<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: [2023年四月30日 17:40 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/145 "2023-04-30T17:40:13Z")

</div>

是的，你说得对，这个主题使用 OP 的第一张图片作为缩略图。所以你不能手动选择它。不过，很高兴知道它与 TLP 兼容 🙂

---

<div class="post-metadata">

### Author: ![falcon9](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falcon9/32/311948_2.png) [@falcon9](https://meta.discourse.org/u/falcon9)
#### Post date: [2023年四月30日 22:41 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/146 "2023-04-30T22:41:49Z")

</div>

好的……所以有两个不同的组件是这样的……我用的是这个……

> [@Topic List Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails/150602):
>
> discourse2Summary Topic List Thumbnails allows you to show topic thumbnails in topic list views.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-blog) (blog style) [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-grid) (grid) [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnail-list) (list) [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-masonry) (masonry) [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-minimal-grid) (minimal grid)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-topic-thumbnails](https://github.com/discourse/discourse-topic-thumbnails)open_bookNew to Discourse Themes? [Begi…](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)

我得试试你的，看看效果。

---

<div class="post-metadata">

### Author: ![renato](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/renato/32/383632_2.png) [@renato](https://meta.discourse.org/u/renato)
#### Post date: [2023年五月1日 02:04 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/147 "2023-05-01T02:04:45Z")

</div>

> [@falcon9](#):
>
> 我只是想更好地控制它。我希望它能超越第一帖来搜索图片/媒体，或者有一个地方可以上传一个“特色图片”，它将默认使用该图片。

使用主题列表缩略图，有这个：

> [@david](#):
>
> 默认情况下，Discourse 将使用主题 OP 中的第一张图片。如果您想从 OP 中选择另一张图片，请在 markdown 中添加 `|thumbnail`。例如
> 
> ```plaintext
> ![alttext|100x100](upload://aaa)
> ![alttext|100x100|thumbnail](upload://bbb) << 这个将是缩略图
> 
> ```

据我所知，这只适用于 OP。 ~~我认为 TLP 边车也同样适用，但我可能错了……~~ 是的，抱歉，它在上面几帖的描述中：您可以使用 TLP 边车从整个主题中选择一张图片。

---

<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: [2023年五月4日 17:50 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/148 "2023-05-04T17:50:46Z")

</div>

你好：

我已经合并了主题的更新。 🙂

> <https://github.com/VaperinaDEV/fkb-pro-theme/pull/19>
>
> This update contains:
> \- split up SCSS into multiple files
> \- slightly new sideb…ar style
> \- fix some UX issue on user pages (new user navigation style)
> \- move avatar size from \`head\_tag\` \`\<script type="text/discourse-plugin"\` block to javascript initializer
> \- change narrow desktop width to 1000px (on desktop menu panels change to mobile menu panels)
> \- remove most of the chat style (it needs some love as lots of thing changed in core)
> 
> Sidebar
> !\[Screenshot 2023-05-04 at 19 42 52\](https://user-images.githubusercontent.com/71207900/236285758-60d89e58-40bc-46fa-919a-a08f70e27183.png)
> 
> User page
> !\[Screenshot 2023-05-04 at 19 44 33\](https://user-images.githubusercontent.com/71207900/236286153-bb047a34-13f3-4a3b-b9e2-0d9c651c6382.png)

此更新包含：

- 将 SCSS 分割成多个文件
- 略微调整侧边栏样式
- 修复用户页面的一些用户体验问题（新的用户导航样式）
- 将头像大小从 `head_tag` 的 ````` 块移至 javascript 初始化器
- 将窄桌面宽度更改为 1000px（桌面菜单面板将更改为移动菜单面板）
- 移除大部分聊天样式（由于核心中许多内容已更改，它需要一些改进）

主题列表

 ![236285758-60d89e58-40bc-46fa-919a-a08f70e27183](https://global.discourse-cdn.com/meta/original/4X/6/7/d/67d0e6c0b4349dcd56bcf83c9787fefcb009a547.png)

用户页面

 ![236286153-bb047a34-13f3-4a3b-b9e2-0d9c651c6382](https://global.discourse-cdn.com/meta/original/4X/a/c/d/acdbb7bf91a10358fa5065db089563f72651ddef.png)

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

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