5/06/2013

仿异次元百度分享工具条

异次元单篇文章顶部的分享条做的很美观,集成了百度分享、页面浏览数以及百度喜欢按钮等功能。但是没有分享出来,于是就出现了高手的仿制版本。在网上看到的比较好的是倡萌同学的修改版,在原来版本的基础上做了部分的代码优化工作,并且加上了贴心的支付宝捐赠按钮。

整个文件包中有5个文件,share.css, share.php ,share.png, share_roll.js ,使用教程.txt。按照倡萌同学的方案安装如果顺利就会看到如下图的效果了。

10qdq4

我在这里主要分享一下我在安装过程中遇到的问题以及解决方法,希望对大伙有用。

1、访问统计

必须安装WP-PostViews插件或者WP-PostViews Plus插件,我使用的是后者。 postview参数调用问题好像很多人都遇到,在share.php第五行<?php post_views(' ', ''); ?>替换为<?php if(function_exists('the_views')) {the_views();} ?>即可解决,很多主题中并没有将postviews参数定义进去,所以很多同学出现无法显示的问题。代码这样写也更加严谨一些,不会导致页面无法显示。

2、宽度为690

如果不是这个宽度需要调整按钮的样式和多少来满足你主题的需要,我在使用中由于主题宽度不够就调整了几个按钮,但是发现有点小瑕疵,就是在跟随滚动时显示的宽度会缩小,css定义的宽度都是width: auto,将其定义为固定值就可解决这个问题。

3、跟随滚动

如果无法跟随滚动,那说明在js调用时于你使用的主题有冲突,请讲js调用的那段代码放到foot.php或者页面的结尾所有js后面,但要保证在</body>之前。我的做法是将

<?php if ( is_single() ) { ?>

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/share/share.css" />

<?php } ?>

放在</head>前面,而将

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/share/share_roll.js"></script>

放在foot.php文件的</body>之前。

 

百度镜像下载:点击下载