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

有朋友问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水平高的朋友能帮忙完善一下

赞(0) 领红包
转载注明:楚狂人博客 » WordPress添加浮动分享工具条 自定义百度分享工具栏浮动代码

评论 3

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

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

    剑魅浮华 4年前 (2015-06-03) 来自天朝的朋友 未知浏览器 Unknow Os 回复

扫码领红包 或者 支付宝搜索:5981405

支付宝扫一扫打赏