Question

我一直在网上搜索为我的wordpress网站帖子制作自定义共享按钮的方法。

1 - 所以我有自己的形象＆＃34;分享＆＃34;文件。 2 - 将此代码粘贴到标记中：

<script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : 'myNumber',
          xfbml      : true,
          version    : 'v2.0'
        });
      };

      (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";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));


      $('.btnShare').click(function(){
        elem = $(this);
        postToFeed(elem.data('title'), elem.data('desc'), elem.prop('href'), elem.data('image'));

        return false;
        });
    </script>

3 - 在我的single.php页面上，我添加了这一行：

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php the_title(); ?>" title="Share on Facebook." target="_blank">SHARE</a>

问题在于它打开了一个普通的窗口而不是Facebook通常的常规小弹出窗口。

有人可以帮我解决这个问题吗？如果您有任何好的教程如何添加自定义Facebook按钮没有任何麻烦，我会很高兴从头开始。（没有wordpress插件请...）

TNX， Hatzil666。

Answer 1

试试这个：

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" title="Share on Facebook." onclick="window.open(this.href, 'newwin', 'width=200, height=100'); return false;" >SHARE</a>

修改选项中的宽度，高度，滚动条等

wordpress网站上的自定义共享按钮 - 无法正确打开新窗口

1 个答案: