Discourse评论区在Wordpress(Divi主题)上的格式设置

我已将 WordPress 网站与 Discourse 论坛集成。
当我为博客添加评论部分时,该部分的格式无法接受 Divi 所做的更改。因此,部分文本(如“精选回复”和“参与者”)显得过大。
有没有办法修复格式问题?

你好 :slight_smile:

Discourse 插件中的评论使用了与普通 WordPress 评论相同的元素,因此它们通常可以直接与大多数 WordPress 主题配合使用。然而,像 Divi 这样的页面构建器会深度接管 WordPress 的元素和样式结构(其影响远超标准主题),因此出现此类问题可能源于任何自定义设置(无论是 Discourse 还是其他方面)。

这更多是 Divi 及其子主题的问题,而非 Discourse WordPress 插件本身的问题。不过,如果你能提供你网站的链接,我可以为你提供一些 CSS 代码建议,以进行基本的修复。

2 个赞

你好,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 评论,最好将其关闭。关于这一点,你可以查看我在此处写的更详细的说明:

4 个赞

我获得了 Divi 支持团队关于 CSS 的帮助。现在在 Discourse 上发布的评论都会正确格式化(之前的颜色是为了显示哪些 CSS 元素对应哪些文本)。
根据您的评论,我理解如果您已经在 WordPress 网站上显示来自 Discourse 的评论,那么就无法同时显示发布在 WordPress 网站上的评论。请问我的理解正确吗?

1 个赞

太好了,很高兴你解决了这个问题。

我不太确定我是否完全理解了你的意思。但如果你是指能否将旧的 WordPress 评论导入到 Discourse 并以 Discourse 帖子的形式显示,那么目前没有自动化的流程可以实现这一点。

这类导入必须由熟悉相关技术细节的人员手动完成。请注意,这需要确保所有 WordPress 评论者都在你的 Discourse 上拥有用户账户。这是可行的,但需要定制开发。

我建议按以下步骤操作:

  1. 在 Discourse 插件的“评论”设置中启用“显示现有 WordPress 评论”选项,以保留并显示现有的 WordPress 评论。

  2. 按照我上面链接帖子中的步骤,禁用新的 WordPress 评论。

  3. 启用 Discourse 评论功能。

最终结果是:所有现有的 WordPress 评论仍会在 WordPress 上显示,用户可以在 Discourse 上发布新评论,而这些新评论也会同步显示在 WordPress 上。

2 个赞