Question

尝试添加官方Facebook评论插件。插件加载很好，但我不能改变主题或配色方案。

colorscheme是插件的其中一个设置，它通过自定义的html5属性进行控制。该属性为data-colorscheme。

评论插件使用的配色方案。可以是“轻”或“黑”。

我想要深色配色方案，那不是data-colorscheme="dark"吗？

我试过了，它没有任何效果。

<div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-colorscheme="dark" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-numposts="5"></div>

这是我的完整代码。

<body>

  <div id="fb-root"></div> <!-- load sdk -->
  <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_GB/sdk.js#xfbml=1&version=v2.10";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
  </script>
  
  <div></div> <!-- page content -->
  <div></div> <!-- page content -->
  <div></div> <!-- page content -->
  <div></div> <!-- page content -->
  <div></div> <!-- page content -->
  <div></div> <!-- page content -->
  <div></div> <!-- page content -->
  <div></div> <!-- page content -->
  
  <div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-colorscheme="dark" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-numposts="5"></div> <!-- FB comments with attr data-colorscheme="dark"  -->


</body>

Answer 1

您两次添加data-href=""属性。请尝试以下方法：

<section>
    <div class="fb-comments" data-href="{{url absolute="true"}}" data-width="100%" data-colorscheme="dark" data-numposts="5"></div>
</section>

Answer 2

而不是

<div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-colorscheme="dark" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-numposts="5"></div>

试试这个

<fb:comments href="https://developers.facebook.com/docs/plugins/comments#configurator" num_posts="5" width="100%" colorscheme="dark"></fb:comments>

Facebook评论配色方案不会改变

2 个答案: