尝试添加官方 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/