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

@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 个赞