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中测试通过,针对不同主题的页面宽度,可适当调整固定按钮的位置,代码中有注释。
时间: 2024-10-23 06:13:13