我已将 WordPress 网站与 Discourse 论坛集成。
当我为博客添加评论部分时,该部分的格式无法接受 Divi 所做的更改。因此,部分文本(如“精选回复”和“参与者”)显得过大。
有没有办法修复格式问题?
你好 ![]()
Discourse 插件中的评论使用了与普通 WordPress 评论相同的元素,因此它们通常可以直接与大多数 WordPress 主题配合使用。然而,像 Divi 这样的页面构建器会深度接管 WordPress 的元素和样式结构(其影响远超标准主题),因此出现此类问题可能源于任何自定义设置(无论是 Discourse 还是其他方面)。
这更多是 Divi 及其子主题的问题,而非 Discourse WordPress 插件本身的问题。不过,如果你能提供你网站的链接,我可以为你提供一些 CSS 代码建议,以进行基本的修复。
你好,Angus,
通常情况下,Divi 应保留更改格式的能力。但在此情况下,只有部分文本对字体更改有响应。
非常感谢您的帮助。
网站地址为:https://about.openfoodnetwork.ca/tech-enabling-on-line-food-distribution
嘿 @newspring,我查看了一下,你这里有两个问题。
样式问题
首先,正如我上面建议的,Divi 主题使用的是它自己定制的评论元素,并且只为这些定制元素提供样式。这意味着 Discourse 使用的标准评论元素没有任何样式。这也意味着 Divi 无法为它们设置样式,因为它在寻找自己定制的评论元素。
本质上,这意味着你只能开箱即用 Divi 的评论块配合 Divi 主题。如果你使用来自 Discourse 或其他非 Divi 的评论块,就需要自己为其设置样式。你可以参考这里:如果你应用一个标准的 WordPress 主题(例如 Twenty Nineteen),Discourse 的评论就会由该主题提供的 CSS 进行样式设置,看起来就很正常。
不过别担心!CSS 相对简单。这里有一个简单的方法可以让它看起来更正常。你可以将以下 CSS 添加到 Divi 或任何会加载它的主题中:
CSS
.comment-meta,
.comment-metadata,
.comment-author,
.comment-content,
.comment-author img {
display: flex;
align-items: center;
margin-right: 10px;
font-size: 1rem !important;
}
.comment::marker {
content: '';
}
.comment-body {
margin-bottom: 10px;
}
.et_pb_comments_0 {
background-color: white;
}
最终效果将如下所示:
我认为“继续讨论于…"和“参与者”显示为蓝色和黄色的原因是你通过 Divi 直接为它们添加了样式。如果你想更改这些颜色,请在 Divi 中移除那些自定义样式。
Discourse 与 WordPress 评论冲突
你仍然启用了 WordPress 评论,这就是为什么你在帖子底部看到了另一个评论输入框。如果你想使用 Discourse 评论,最好将其关闭。关于这一点,你可以查看我在此处写的更详细的说明:
我获得了 Divi 支持团队关于 CSS 的帮助。现在在 Discourse 上发布的评论都会正确格式化(之前的颜色是为了显示哪些 CSS 元素对应哪些文本)。
根据您的评论,我理解如果您已经在 WordPress 网站上显示来自 Discourse 的评论,那么就无法同时显示发布在 WordPress 网站上的评论。请问我的理解正确吗?
太好了,很高兴你解决了这个问题。
我不太确定我是否完全理解了你的意思。但如果你是指能否将旧的 WordPress 评论导入到 Discourse 并以 Discourse 帖子的形式显示,那么目前没有自动化的流程可以实现这一点。
这类导入必须由熟悉相关技术细节的人员手动完成。请注意,这需要确保所有 WordPress 评论者都在你的 Discourse 上拥有用户账户。这是可行的,但需要定制开发。
我建议按以下步骤操作:
-
在 Discourse 插件的“评论”设置中启用“显示现有 WordPress 评论”选项,以保留并显示现有的 WordPress 评论。
-
按照我上面链接帖子中的步骤,禁用新的 WordPress 评论。
-
启用 Discourse 评论功能。
最终结果是:所有现有的 WordPress 评论仍会在 WordPress 上显示,用户可以在 Discourse 上发布新评论,而这些新评论也会同步显示在 WordPress 上。

