WordPress添加一个位置固定的百度分享按钮 - Word

WordPress添加一个位置固定的百度分享按钮

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&amp;uid=0"   > </ script >         < script   type = "text/javascript"   id = "bdshell_js" > </ script >         < script   type = "text/javascript" >        document.getElementById("bdshell_js") .src  =  "http://bdimg.share.baidu测试数据/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中测试通过,针对不同主题的页面宽度,可适当调整固定按钮的位置,代码中有注释.

查看更多关于WordPress添加一个位置固定的百度分享按钮 - Word的详细内容...