如何在 wordpress 中更改“facebook 评论插件”的颜色？答案

【问题标题】：How to change color of "facebook comments plugin" in wordpress?如何在 wordpress 中更改“facebook 评论插件”的颜色？
【发布时间】：2012-03-16 18:16:51
【问题描述】：

我已经在我的word press (http://www.delicatebonds.com/office-romance-dos-and-donts/) 上安装了这个插件，但是cmets 的字体颜色是白色的。这个盒子的背景也是白色的。正因为如此，cmets 是不可见的。

我必须将此框的背景更改为黑色，或者我需要更改 cmets 的颜色。有人请帮助我。我不知道如何在这个插件中进行更改............

【问题讨论】：

请提供更多信息，您使用的是哪个插件？有很多名为 Facebook cmets 的插件

标签： facebook plugins comments

【解决方案1】：

为什么不使用插件的 light 版本？
只需从插件代码中删除 colorscheme="dark" 属性即可。

您似乎还在使用旧的 wordpress 插件？
尝试将plugin 代码手动添加到您的单个帖子文件中并检查结果：
1-在您的页面上包含一次 JavaScript SDK，最好是在开始标记之后（*替换为您的 app_id*）。

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR_APP_ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2-将插件代码放置在您希望插件出现在页面上的任何位置（删除 href 值）。

<fb:comments href="http://example.com" num_posts="50" width="500" colorscheme="dark"></fb:comments>

【讨论】：

我试过了。还是行不通。您是否建议出于同样的原因使用其他插件？这个插件不能自定义吗？
您是否尝试过手动添加评论插件，但没有成功？

【解决方案2】：

这是我为此创建的解决方案。将 Facebook 评论代码包装在 <div> 中，并向其中添加一个类。像这样：

<div class="fb-background-color">
<div class="fb-comments" data-href="" data-width="100%" data-numposts="5"></div>
</div>

然后，为其添加 CSS 背景属性：

.fb-background-color {
background: blue !important;
}

希望能以某种方式帮助你！

【讨论】：