FKB Pro - 社交主题

自定义 主题
482

您也可以在以下地址寻求帮助：

https://ask.discourse.com

483

如何让右侧边栏在所有地方都显示？不只在主页和分类页。

484

“添加主题”按钮不起作用

485

嗯……我在主题创建器中预览时运行正常。

如果你想专门针对“新建主题”按钮，可以尝试：

button#create-topic {
  // 在此处添加内容...
}
486

image
image734×142 1.56 KB

此更新后，此部分的 CSS 似乎出现了问题。

488

当同时满足以下条件时：

  • 收到私信
  • 带有标签
  • 查看时不显示侧边栏

宽度会变得非常小

image
image1333×504 24 KB

原因：

.navigation-topics,
.categories-list,
body[class*="tag-"]:not(.archetype-regular):not(.archetype-banner),
body[class*="category-"]:not(.archetype-regular):not(.archetype-banner):not(.archetype-banner):not(.archetype-private_message) {

在 fkb-d-topic-list.scss 中被应用了，但本不应如此。

我怀疑需要添加 :not(.archetype-private_message)。
不过，我想知道为什么它会如此具体地针对这些架构类型？它是否只是在判断当前是否在话题列表页面（而非话题详情页）？

2 个赞
489

我非常喜欢这个主题，但我遇到了一个 bug，或者是我自己弄坏了什么。

不知为何，主题上方似乎没有内边距，导致圆角看起来消失了，而且各个主题之间也没有明显的分隔。

image
image757×904 112 KB

490

看起来是新的现代基础实验性变更导致了这种行为。关闭该选项后，内边距似乎恢复正常。

491

标题：
[Bug] 主题在 Discourse 2026.4.0-latest 上崩溃 — 无法找到模块 'ember-this-fallback/js-component'

描述：

在将 Discourse 更新至 v2026.4.0-latest（提交 19374472fd）后，FKB Pro 主题导致前端致命崩溃，使论坛部分无法使用。Discourse 显示橙色横幅：

“由于主题/组件有错误，您的站点可能无法正常运行。由 ‘FKB Pro theme’ 引起。”

根本原因：

该主题（或其某个组件）仍引用了 ember-this-fallback/js-component 模块，该模块在近期版本中已从 Discourse 核心移除。此模块是用于兼容已弃用的 Ember this-property-fallback 模式的兼容性垫片，允许模板使用 {{foo}} 代替 {{this.foo}}。Discourse 已正式宣布移除该垫片，并要求所有主题和插件迁移到显式的 this. 绑定。

浏览器控制台错误信息：

Failed to load theme 4 from https://www.sitetalk.net/...
Error: Could not find module 'ember-this-fallback/js-component' imported from (require)

[THEME 4 'FKB Pro theme'] Error: Could not find module 'ember-this-fallback/js-component' imported from (require)
  at vendor.js
  at requireModule (vendor.js)
  at Object.lookup (chunk.js)
  ...
  at reportThemeError (chunk.js)

（控制台显示的 Discourse 版本：v2026.4.0-latest，Ember 版本：v6.10.1）

环境信息：

项目 值
Discourse 版本 v2026.4.0-latest（提交 19374472fd）
Ember 版本 v6.10.1
主题 FKB Pro（从此仓库默认安装）
复现情况 升级 Discourse 后 100% 可复现

我们希望开发者能修复此问题。谢谢！！！

4 个赞
492

你好，在将Discourse更新至 v2026.4.0-latest — Ember v6.10.1 出现了错误，使论坛无法使用
client-error-handler.js:109 [THEME 28 ‘FKB Pro theme’] Error: Could not find module ember-this-fallback/this-fallback-helper imported from (require)
at loader.js:247:1
at a (loader.js:258:1)
at requireModule (loader.js:24:1)
at Object.lookup (app.js:36:12)
希望进行修复。

4 个赞
493

关于修复此问题有什么最新消息吗？

Ember-this-fallback deprecations crash in the deprecation handler
494

有任何关于修复这个问题的最新消息吗？

495

我有一份报告表明 GitHub - literatecomputing/fkb-pro-theme: FKB Pro is a highly modified, detailed, professional social theme, but still user-friendly. · GitHub 可以正常工作。我已经提交了一个拉取请求。

4 个赞
496

你好，Don，

首先，这个主题简直太惊艳了！我最近为我的本地教育社区 Jiwa.now 部署了 FKB Pro，基于卡片的用户界面看起来非常精美且极具专业感。

Jiwa.now
Jiwa.now1440×3200 507 KB

在移动端测试时，我注意到话题卡片上的可点击区域存在一个用户体验问题。目前，可点击区域的设置显得不一致。例如，用户可以点击卡片的边缘进入话题，但点击其他空白区域（如头像行右侧或页脚中间）则没有任何反应。

这种“碰运气”式的交互方式会让用户感到困惑，而且当用户只是想滑动或滚动浏览信息流时，往往会导致误触。

:light_bulb: 对未来更新的一点建议： 如果主题默认能对此进行优化，将会提升用户体验——即仅让核心内容（标题、图片和摘要）可点击进入话题，同时禁用卡片背景，以防止滑动时的误触。

在此期间，为了让我的用户在移动端的触控体验达到 100% 可靠，我编写了一段 CSS 代码，采用了 pointer-events 的“白名单”方法。它完全中和了背景点击，并专门重新启用了实际交互元素的点击功能。

我想把它分享在这里，供任何希望优化触控目标的用户参考，或许对开发者也有借鉴意义：

/* 修复移动端卡片点击/触控冲突（智能白名单方案） */

/* 1. 中和整个卡片背景，防止滑动误触 */
.topic-list-item {
    pointer-events: none !important;
}

/* 2. 重新启用所有原生链接和按钮（头像、标签、标题） */
.topic-list-item a,
.topic-list-item button {
    pointer-events: auto !important;
}

/* 3. 重新启用图片点击 */
.topic-list-item .topic-image,
.topic-list-item .topic-thumbnail,
.topic-list-item img {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* 4. 重新启用整个页脚统计区域 */
.topic-list-item .topic-item-stats,
.topic-list-item .topic-footer,
.topic-list-item .post-activity,
.topic-list-item .activity,
.topic-list-item .num,
.topic-list-item .topic-meta-data {
    pointer-events: auto !important;
}

/* 5. 消除任何重叠的拉伸链接伪元素 */
.topic-list-item .main-link::before,
.topic-list-item .main-link::after {
    pointer-events: none !important;
    display: none !important;
}

谢谢！

Leo