HotNews Pro 2.72集成的固定在页面左侧的百度分享按钮,可方便读者分享自己喜欢的文章,本文教你把这个固定的分享按钮添加到其它主题中。
第一步,在你所用主题目录新建一个名称为:share.php的模板文件,将下面的代码复制到进去并保存:
- <div id="share">
- <div?class="share">
- <div?id="bdshare"?class="bdshare_t?bds_tools?get-codes-bdshare">
- <a?class="bds_tsina"></a>
- <a?class="bds_tqq"></a>
- <a?class="bds_qzone"></a>
- <a?class="bds_renren"></a>
- <span?class="bds_more"></span>
- </div>
- <div?style="clear:both;"></div>
- </div>
- </div>
- <script?type="text/javascript"?id="bdshare_js"?data="type=tools&uid=0"?></script>
- <script?type="text/javascript"?id="bdshell_js"></script>
- <script?type="text/javascript">
- document.getElementById("bdshell_js").src?=?"http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion="?+?Math.ceil(new?Date()/3600000)
- </script>
- <style?type="text/css">
- #share?{
- display:block;
- width:35px;
- margin-left:-546px;/*?修改左右位置?*/
- position:fixed;
- left:50%;
- top:420px;/*?修改上下位置?*/
- _margin-left:-546px;/*?IE6修改左右位置?*/
- _position:absolute;
- _margin-top:420px;/*?IE6修改上下位置?*/
- _top:expression(eval(document.documentElement.scrollTop));
- }
- .share?{
- background:#fff;
- width:24px;
- border:?1px?solid?#ccc;
- border-radius:5px?0?0?5px;
- }
- #bdshare_l?{
- border-radius:?5px;
- }
- div?#bdshare_l_c?{
- border:?1px?solid?#ccc;
- border-radius:?5px;
- }
- #bdshare?h6,?#bdshare_s?h6,#bdshare?p,?#bdshare_s?p?{
- display:none;
- }
- </style>
第二步,将调用代码:
- <?php?include('share.php');??>
添加到主题页脚模板footer.php这句上面:
- <?php?wp_footer();??>
以上代码在WP默认主题Twenty Twelve中测试通过,针对不同主题的页面宽度,可适当调整固定按钮的位置,代码中有注释。