2

WordPress サイトの再構築を任されています... PHP には慣れていますが、WordPress にはいくつか驚きがありますが、学んでいます。

しかし、私が取り組んでいるサイトでは、ソーシャル メディア ボタンをサイドバーの下部から上部に移動し、ボタンをより機能的にしたいと考えています...現在、それらは自分のプロファイルにのみリンクしています。

先に進んで、公式の Twitter ボタンと、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>
4

1 に答える 1

1

このコードを試してみてください。CSS スタイルシートで DIV を使用してスタイルを設定できます。

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-04T15:43:50.110 に答える