Wordpress Widget中的Twitter HTML代码无法正确呈现

Question

我的补充工具栏中有一个Twitter文本小部件，其中包含用于Facebook和Twitter按键的html代码。 Facebook的一个工作正常，但推特一个不会写。

这里的奇怪部分是在Wordpress的自定义视图中，推特小部件渲染完美，如下图所示：

但是当我发布它并在www.cattywampur.com上查看我的网站时，它呈现如下：

我的小部件中的代码如下所示：

<div class="fb-follow" data-href="https://www.facebook.com/cattywampur/" data-layout="button_count" data-show-faces="true"></div>

<br>
</br>


<a class="twitter-follow-button"
  href="https://twitter.com/Cattywampur"
  data-size="large">
Follow @Cattywampur</a>

<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/sdk.js#xfbml=1&version=v2.5&appId=143819872422578";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

我很担心为什么它在预览中渲染得很好，但是当我发布它时，它看起来不一样？

Answer 1

由于某种原因发布页面时，您似乎缺少网页上的widgets.js脚本。

至少它不会出现在您的主页上。保存文本小部件时，可能会删除脚本标记。如果是这种情况，您可以编辑主题的页脚并添加相关的Javascript代码来转换链接。