Facebook评论配色方案不会改变

标签 facebook facebook-javascript-sdk facebook-comments

尝试添加官方 Facebook 评论插件。插件加载正常,但我无法更改主题或配色方案。

根据 Facebook :

colorscheme 是插件的设置之一,它通过自定义 html5 属性进行控制。该属性是 data-colorscheme

The color scheme used by the comments plugin. Can be "light" or "dark".

我想要深色配色方案,不是 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>

最佳答案

您两次添加 data-href="" 属性。 请试试这个:

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

关于Facebook评论配色方案不会改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46098128/

相关文章:

android - 应用程序配置错误,无法使用 Release Key Hash 登录 Facebook

php - 使用 AJAX 登录 Facebook 获取访问 token

javascript - 为什么 FB.Canvas.getPageInfo() 的值返回全零

facebook - 我怎样才能在 7 月更改后获得 facebook xid 和 href 评论?

c# - 如何实现像 Buxfer : Open Id, Facebook、Google、Aol 等通用登录系统

android - Xamarin Android Facebook GameRequestDialog 不调用回调

android - 是否保证每个 Facebook 用户都有一封通过登录 API 返回的电子邮件?

javascript - Microsoft.Owin.Security.Facebook 与 Facebook SDK for Javascript

javascript - Facebook评论框位置

Facebook 评论给出 "Warning: [URL] is unreachable."但 Facebook 调试器显示该页面的状态 200。我该如何解决?