Wordpress 小部件中的 Twitter HTML 代码无法正确呈现答案

【问题标题】：Twitter HTML code in Wordpress Widget not rendering rightWordpress 小部件中的 Twitter HTML 代码无法正确呈现
【发布时间】：2016-07-20 15:37:18
【问题描述】：

我的侧边栏中有一个 twitter 文本小部件，其中包含 Facebook 和 twitter 关注按钮的 html 代码。 Facebook 的工作正常，但 twitter 的不呈现写入。

这里的奇怪部分是在 Wordpress 的自定义视图中，twitter 小部件呈现得非常好，如下图所示：

但是当我发布它并在 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>

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

【问题讨论】：

标签： html wordpress facebook twitter

【解决方案1】：

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

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

【讨论】：

那行得通，我只是将widgte.js 文本放在侧边栏小部件中！谢谢！