2

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

但是，我正在开发的网站希望我将他们的社交媒体按钮从侧边栏的底部移到顶部，并希望这些按钮更实用……目前，他们只链接到他们的个人资料。

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

将所有这些按钮放到适当的位置后......它们都没有出现。我不时出现其中一些，但似乎是零星的和不可预测的；其中，最糟糕的似乎是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>
4

1 回答 1

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>
于 2012-11-04T15:43:50.110 回答