WordPress 非插件实现分享按钮

发布于：电脑网络 3,157 次践踏

先和大家说声抱歉，因为最近折腾的功能都是在新主题上实现的，所以在本站上找不到 DEMO，不过绝对亲测可用，HOHO～

好，继续说，本文研究的是 WordPress 分享按钮，当然，我研究的功能绝对是非插件，哈哈。在 WordPress 上的分享到 SNS 的功能很多博客都有在用，不过大多是 JS 实现的弹出按钮，比如说分享家、Addthis 等第三方的服务或者 WordPress 插件。对于我来说，不太支持使用这种第三方服务和插件，原因有三：1、第三方的服务不一定稳定，用此服务需要看人家的脸色，随时有挂的可能。2、使用 JS 实现的分享功能不可避免地会影响网站加载速度。3、第三方服务大多都带有碍眼的 LOGO，除非修改其 JS 并保存到本地，否则很难去掉这个 LOGO。

所以，这个非插件版的 WordPress 分享按钮就这样诞生了。

<div id="share">
    <a href="http://twitter.com/home/?status=<?php the_title(''); ?>:<?php the_permalink(); ?>">Twitter</a>｜
    <a href="http://digg.com/submit?phase=2&amp;url=<?php the_permalink(); ?>">Digg</a>｜
    <a href="http://del.icio.us/post?url=<?php the_permalink(); ?>&amp;title=<?php the_title(''); ?>">Delicious</a>｜
    <a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&amp;t=<?php the_title(''); ?>">Facebook</a>｜
    <a href="http://www.google.com/reader/link?url=<?php the_permalink(); ?>&amp;title=<?php the_title(''); ?>">GReader</a>｜
    <a href="http://shuqian.qq.com/post?from=3&amp;title=<?php the_title(''); ?>">QQ书签</a>｜
    <a href="http://www.xianguo.com/service/submitfav/?link=<?php the_permalink(); ?>&amp;title=<?php the_title(''); ?>">鲜果</a>｜
    <a href="http://www.kaixin001.com/repaste/share.php?rtitle=<?php the_title(''); ?>&amp;rurl=<?php the_permalink(); ?>&amp;rcontent=">开心网</a>｜
    <a href="http://www.douban.com/recommend/?url=<?php the_permalink(); ?>&amp;title=<?php the_title(''); ?>">豆瓣</a>
</div>

把以上代码添加到 index.php 或者 single.php 中的循环中，我只选择了一部分常用的 SNS 网站作为分享目标，可以根据需要适当删减。

不过嘛，这个是纯文字版的，没有加图片，好看的图片大家就自己去找啦，可以以 img 的标签形式添加上去，不过我更推荐的方法是用背景图片的方式，最最好的方法是先把这些小图片合并，可以加快载入速度哦。

没有 DEMO，我就上个图吧，是从新主题上截下来的，童鞋们凑合着看吧。