Wordpress 主页上的 Facebook 分享按钮答案

【问题标题】：Facebook Share Button on Main Page in WordpressWordpress 主页上的 Facebook 分享按钮
【发布时间】：2012-06-30 16:22:53
【问题描述】：

我在 Wordpress 中的“single.php”模板上将此作为我的 facebook 分享按钮：

<script>
function fbs_click() {
u=location.href;
t=document.title;
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;
}
</script>
<style> html .fb_share_link { padding:0px;background:url(http://www.mydomain.com/images/compartir-fb.png) no-repeat top left; }</style><a href="#" onclick="return fbs_click()" target="_blank" class="fb_share_link"></a>

我尝试将相同的代码添加到我的“index.php”，但它似乎不起作用，当我单击按钮时，它会共享我的主网站“www.mydomain.com”，但我希望它分享每篇单独的文章。所以尝试替换：

"u=location.href;"到“u=<?php the_permalink() ?>”

但它所做的只是打开一个带有 www.mydomain.com 的新标签

我真的很想弄清楚<?php the_permalink() ?>应该放在哪里？

【问题讨论】：

标签： facebook wordpress button

【解决方案1】：

所以尝试替换：

"u=location.href;" to "u=<?php the_permalink() ?>"

这只会在浏览器的 JavaScript 控制台中出现错误，因为它不是有效的 JS 语法，因为您忽略了将文本文字放在字符串分隔符中。

【讨论】：

【解决方案2】：

尝试如下转换...

wp_reset_query();
if(is_home()){
$url = site_url();
}else{
$url = get_permalink();
}

<script>
function fbs_click() {
u='<?php echo $url;?>';
t=document.title;
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;
}
</script>

【讨论】：