WordPress添加浮动分享工具条 自定义百度分享工具栏浮动代码

阿里云双十一活动

云服务器低至86元/年

立刻拼团

声明:本站文章多为楚狂人原创,偶尔网络转载部分内容,如有侵权请联系我们!

有朋友问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 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'); ?>

这样浮动分享工具条就实现了,如果你的站启用了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水平高的朋友能帮忙完善一下

转载请注明:作者:楚狂人, 转载或复制请以 超链接形式 并注明出处 楚狂人博客
原文地址:《WordPress添加浮动分享工具条 自定义百度分享工具栏浮动代码》 发布于2013-04-17

分享到:
赞(2) 打赏

评论 3

1 + 8 =
  1. #1

    请问博主的文章的百度分享是如何自定义分享内容及页面图片的?

    剑魅浮华5年前 (2015-06-03)回复
WordPress添加浮动分享工具条 自定义百度分享工具栏浮动代码

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

每天拆双十一超级红包
双十一超级红包 1111

知道创宇云安全
切换登录

注册