的Twitter/Facebook的/ LinkedIn按鈕沒有顯示出來

我一直負責重建一個WordPress站點......我熟悉PHP，但WordPress的似乎舉行了一些驚喜，但我學習。的Twitter/Facebook的/ LinkedIn按鈕沒有顯示出來

但是，我正在使用的網站要求我將他們的社交媒體按鈕從側邊欄底部移動到頂部，並且希望按鈕功能更強大......目前，它們僅鏈接到他們的配置文件。

我說幹就幹，抓住了官方Twitter按鈕，以及Facebook和LinkedIn ......我抓起兩個主要按鈕（如和共享）從每個站點。

刪除所有這些按鈕到合適的位置後......他們都沒有出現。我有一些他們不時出現，但它似乎是零星和不可預測的;其中，最糟糕的一羣似乎是LinkedIn。

代碼如下表所示，一個目前在techbuildersgroup.com/GO/GO.html託管對於那些希望看到在真實環境中的代碼。（請問，我知道它的醜陋，它的測試版...是的，它是一張桌子，但是WP不喜歡用我的CSS打得好......它會變得更好）。

在這一點上，我甚至不知道是什麼導致這些不會出現，他們似乎一般是內置頁框，並且當我爲他們抓取鏈接時，他們直接在瀏覽器中打開完美，但是當嵌入到他們失敗的頁面...這可能是一個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>

來源

2012-07-30 Steve

對於LinkedIn按鈕，嘗試包括''標籤，並嘗試使用全'src'值，加上在'HTTP：雙斜槓之前'。 – 2012-07-30 16:27:44

鏈接無效。在WordPress上從來沒有過很多關於CSS的問題，這不是使用表格的藉口。 :-D從來沒有任何與WordPress的社會圖標有任何問題，所以我想WordPress的不是問題。 – Cthulhu 2012-07-30 17:31:01

謝謝。對不準確的鏈接，現在已經修復。 – Steve 2012-07-30 17:38:48

試試這段代碼，你可以用DIV在你的CSS樣式表中設置它們的樣式。

更換XYZ與URL

<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-04 15:43:50

哇......對不起，讓這個人在藤蔓上腐爛......這不是我的意圖。 – Steve 2013-06-26 21:03:25

鑑於我無法在現場以這種方式工作，我們走了另一條路線......當問題得到解答時，我可能沒有注意到這一點。 – Steve 2013-06-26 21:04:36

不知道你的解決方案是否有效，因爲這個問題很久以前就已經很久了......但是我討厭讓應急人員不願意;所以將你的回答標記爲答案......並再次等待等待。 – Steve 2013-06-26 21:05:38

的Twitter/Facebook的/ LinkedIn按鈕沒有顯示出來

回答

相關問題