「自学哈网」给你的WordPress网站添加固定的百度分享按钮
也想出现在这里?
联系我们吧
WordPress固定在页面左侧的百度分享按钮,可方便读者分享自己喜欢的文章,本文教你把这个固定的分享按钮添加到其它主题中。
第一步,在你所用主题目录新建一个名称为: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中测试通过,针对不同主题的页面宽度,可适当调整固定按钮的位置,代码中有注释。
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」给你的WordPress网站添加固定的百度分享按钮
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」给你的WordPress网站添加固定的百度分享按钮
也想出现在这里?
联系我们吧