Question

我的任务是重建一个WordPress网站......我对PHP感到满意，但WordPress似乎有一些惊喜，但我正在学习。

然而，我正在处理的网站要求我将他们的社交媒体按钮从侧边栏的底部移到顶部，并希望按钮更具功能......目前，他们只链接到他们的个人资料

我继续抓住官方推特按钮，以及facebook和linkedin ......我抓住了每个网站的两个主要按钮（喜欢和分享）。

将所有这些按钮放到正确的位置后......没有出现。我不时出现一些，但它看起来是零星的，不可预测的;其中最糟糕的似乎是LinkedIn。

代码如下所示，目前托管在techbuildersgroup.com/GO/GO.html，供那些希望在实时环境中查看代码的人使用。（拜托，我知道它的丑陋，它的测试版......是的，它是一张桌子，但是WP并不喜欢和我的css玩得很好......它会好起来的。）

此时，我甚至不确定是什么导致这些不显示，它们似乎一般都是iframe，当我抓住它们的链接时，它们会直接在浏览器中打开，但是当嵌入到页面中时他们失败了...这可能是一个WordPress问题吗？有什么办法吗？其他人之前发现过这种情况吗？

提前感谢任何能够帮助解决这个问题的人......这让我疯狂。

<!-- Social Media Buttons -->

<table style="border:0px;margin:0px;padding:0px;" cellpadding=0 cellspacing=0>
    <tr style="padding:0px;margin:0px">
        <td  style="width:150px;border:0px;padding:0px;margin:0px;">
            <h3>Follow Us!</h3>
        </td>
        <td  style="width:120px;border:0px;padding:0px;margin:0px;">
            <h3><span style="text-align:right">Share Us!</span></h3>
        </td>
    </tr>
</table>
<!-- Twitter -->
<table style="border:0px;margin:0px;padding:0px;" cellpadding=0 cellspacing=0>
    <tr>
        <td style="width:150px;border:0px;padding:0px;margin:0px;">
            <iframe allowtransparency="true" frameborder="0" scrolling="no"
  src="http://platform.twitter.com/widgets/follow_button.html?screen_name=gonetworkstl&show_screen_name=false"
  style="width:150px; height:20px;display:inline;padding:0px;margin:0px;">
                    </iframe>
        </td>
        <td style="width:120px;border:0px;padding:0px;margin:0px;stackoverflow.com09<iframe allowtransparency="true" frameborder="0" scrolling="no"
        src="http://platform.twitter.com/widgets/tweet_button.html?url=http://gonetworkstl.com"
        style="width:130px; height:20px;padding:0px;margin:0px;"></iframe>
        </td>
    </tr>
</table>
<!-- FaceBook -->
<table style="border:0px;margin:0px;padding:0px;" cellpadding=0 cellspacing=0>
    <tr>
        <td style="width:150px;border:0px;padding:0px;margin:0px;">
            <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fgonetworkstl.com&amp;send=false&amp;layout=button_count&amp;width=150&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:20px;display:inline;padding:0px;margin:0px;" allowTransparency="true"></iframe>
        </td>
        <td style="width:120px;border:0px;padding:0px;margin:0px;">
            <a name="fb_share"></a> 
                    <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
        type="text/javascript">
                    </script>
        </td>
    </tr>
</table>
<!-- LinkedIn -->
<table style="border:0px;margin:0px;padding:0px;" cellpadding=0 cellspacing=0>
    <tr>
        <td style="width:150px;border:0px;">
            <script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
            <script type="IN/FollowCompany" data-id="2229259" data-counter="right"></script>
        </td>
        <td style="width:120px;border:0px;">
            <script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
            <script type="IN/Share" data-url="http://gonetworkstl.com" data-counter="right"></script>
        </td>
    </tr>
</table>

Answer 1

尝试使用此代码，您可以在CSS样式表中使用DIV设置样式。

将 XYZ 替换为网址

<head>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<!-- Facebook-->
<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/all.js#xfbml=1&appId=187567691292898";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Linkedin -->    
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>

</head>

<body>
<div id="facebook">
    <div class="fb-like" data-href="XYZ" data-send="false" data-layout="button_count" data-width="70" data-show-faces="false"></div>
</div>

<div id="linkedin">
    <script type="IN/Share" data-url="XYZ" data-counter="right"></script>
</div>

<div id="twitter">
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="XYZ" data-lang="en" data-dnt="true">Tweet</a>
</div>
</body>

Twitter / Facebook / LinkedIn按钮没有显示

1 个答案: