【问题标题】: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 评论代码包装在 &lt;div&gt; 中,并向其中添加一个类。像这样:

<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;
}

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

【讨论】:

    猜你喜欢
    • 2011-11-09
    • 1970-01-01
    • 2012-06-19
    • 2018-05-31
    • 1970-01-01
    • 1970-01-01
    • 2011-12-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多