本博文章正文上方使用的就是此工具条,仿自异次元。效果非常的不错,包括新浪微博、腾讯微博、QQ空间、人人网等二十几个分享按钮,在工具条的右侧还附有上一篇/下一篇文章切换按钮。
演示
使用方法
1.解压share文件夹,里面包含share.css share.php share.png share_roll.js 使用教程.txt共5个文件。
2.将share文件夹整个上传到您的wordpress当前使用的主题下。
3.在主题的 header.php 的</head> 前面 或者 footer.php 的 </body> 前面,添加下面的引用CSS和JS的代码:
<?php if ( is_single() ) { ?> <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/share/share.css" /> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/share/share_roll.js"></script> <?php } ?>
4.在single.php文件中您认为合适的地方添加如下代码即可开启工具条:
<?php include(TEMPLATEPATH . '/share/share.php'); ?>
A.如果浏览次数显示错误,请查看是否安装了wp-postviews插件;
B.如果您的文章宽度不是690px,请修改share.css中#share_toolbar 中width:690px;为您需要的宽度,因为我发现设置width: auto;后,滚动页面宽度会发生变化,所以改为固定数值。
终于也加上了 不过喜欢的位置不对
@敖天羽 修复OK。。
知更鸟的怎么用不了,有冲突么?
php include(TEMPLATEPATH 一加,下面的内容就全没了。。奇怪。已经在footer加载了css/js的