有朋友问WordPress添加浮动分享工具条功能是怎么实现的,这个其实不难,下面分享一下实现百度分享工具栏浮动代码的办法:
1.点击下载share工具包,解压出来。修改里面的 share.php 的 17、40、53 行(内有提示)。
2.把 share文件夹(含里面的文件)一起复制到 现用主题的根目录
3.在主题的 header.php 的前面或者 footer.php 的前面,添加下面的引用CSS和JS的代码:(我是放在footer里面了,据说对网站速度影响小点)
<!--只在文章页加载js,以免IE在其他页面找不到对应的ID报错-->
<?php if ( is_single() ) { ?>
<link rel="stylesheet" type="text/css" href="<?php%20bloginfo('template_url');%20?>/share/share.css" />
<script type="text/javascript" src="<?php%20bloginfo('template_url');%20?>/share/share_roll.js">
</script> <?php } ?>
4.打开 single.php ,在你需要显示工具条的位置添加下面的代码,我是添加到文章正文之前了:
<?php include(TEMPLATEPATH . '/share/share.php'); ?>
这样浮动分享工具条就实现了,如果你的站启用了WP-PostViews插件,那么记得使用
<?php if(function_exists('the_views')) {the_views();} ?>
替代
<?php post_views(' ', ''); ?>
不然代码会出错。这段百度分享工具栏浮动代码效果很完美吧?本人没这个技术能力,文章是转载的,原文地址是http://www.wpdaxue.com/wordpress-add-baidu-share-tool.html,在此对作者表示感谢。
注意,share.php代码中需要修改三个地方:
1、17、53行的百度分享ID换成你自己的
2、40行的支付宝收款页面换成你自己的
其实我个人还是更喜欢以前发过的侧边栏式分享代码《百度分享代码自定义侧边栏格式 百度分享代码浮动显示位置自定义》,可惜技术不到家,不能随分辨率转换,希望有CSS水平高的朋友能帮忙完善一下
请问博主的文章的百度分享是如何自定义分享内容及页面图片的?