wordpress百度分享工具条代码添加教程

WP应用 admin 5年前 (2013-04-19) 1635次浏览 已收录 0个评论

1.下载baidu_share_toolbar_Ver_1_0.zip文件,更多下载地址见文末。

2.解压到当前文件夹,会解压出一个share文件夹,里面包含share.css share.php share.png share_roll.js 使用教程.txt共5个文件。

3.将share文件夹整个上传到您的wordpress当前使用的主题下。

4.在主题的 header.php 的</head> 前面 或者 footer.php 的 </body> 前面,添加下面的引用CSS和JS的代码:

  1. <?php if ( is_single() ) { ?>  
  2. <link rel=“stylesheet” type=“text/css” href=“<?php bloginfo(‘template_url’); ?>/share/share.css” />  
  3. <script type=“text/javascript” src=“<?php bloginfo(‘template_url’); ?>/share/share_roll.js”></script>  
  4. <?php } ?>  

我是放在footer里面了,据说对网站速度影响小点

如果你的站启用了WP-PostViews插件,那么记得使用

  1. <?php if(function_exists(‘the_views’)) {the_views();} ?>  

替代share文件夹share.php文件里的

  1. <?php post_views(‘ ‘, ); ?>  

不然代码会出错。

5.在single.php文件中您认为合适的地方添加如下代码即可开启工具条:

  1. <?php include(TEMPLATEPATH . ‘/share/share.php’); ?>  

我是添加了在正文之前,具体位置在:

  1. <div class=“entry”>  
  2.             <div id=“entry”>  

下一行添加

放在正文之前工具条只能在文章框内显示,而且当正文前不设置广告,文章开头第一段会有空出很长一段。

可放在

  1. <div class=“entry_title_box”>  

我放置后的代码是

  1. <div class=“entry_title_box”>  
  2.                 <!– 分类图标 –>  
  3.                 <div class=“ico”><?php if (get_option(‘swt_ico’) == ‘显示’) { ?><?php include(‘includes/cat_ico.php’); ?><?php } else { } ?></div>  
  4.                 <!– end: 分类图标 –>  
  5.                 <div class=“entry_title”><?php the_title(); ?></div>  
  6.                 <div class=“archive_info”>  
  7.                     <span class=“date”><?php the_time(‘Y年m月d日’) ?></span>  
  8.                     <span class=“category”> &#8260; <?php the_category(‘, ‘) ?></span>  
  9.                     <?php include(‘includes/source.php’); ?>  
  10.                     &#8260; <?php echo count_words ($text); ?>  
  11.                     <span class=“comment”> &#8260; <?php comments_popup_link(‘暂无评论’, ‘评论数 1’, ‘评论数 %’); ?></span>  
  12.                     <?php if(function_exists(‘the_views’)) { print ‘ &#8260; 被围观 ‘; the_views(); print ‘+’;  } ?>  
  13.                     <span class=“edit”><?php edit_post_link(‘&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;’, ‘  ‘, ‘  ‘); ?></span>  
  14.                     <?php include(TEMPLATEPATH . ‘/share/share.php’); ?>  
  15.                 </div>  
  16.             </div>  

Ps:

A.如果浏览次数显示错误,请查看是否安装了wp-postviews插件;

B.如果您的文章宽度不是690px,请修改share.css中#share_toolbar 中width:690px;为您需要的宽度,因为我发现设置width: auto;后,滚动页面宽度会发生变化,所以改为固定数值。

注意,share.php代码中需要修改三个地方:

1、17、53行的百度分享ID换成你自己的

2、40行的支付宝收款页面换成你自己的

如有任何使用上的问题,欢迎留言交流。

下载地址:

本文参考了

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

wordpress百度分享工具条最新版本1.0发布


望星湖畔 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明wordpress百度分享工具条代码添加教程
喜欢 (0)
[loveinghu@qq.com]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址