服务器与VPS
促销优惠信息

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

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

相关推荐

  • 暂无文章

评论 3

  • (必填)
  • (必填)
  1. #0

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

    剑魅浮华9年前 (2015-06-03)回复

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

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏