百度未收录

给你的WordPress网站添加固定的百度分享按钮

 

给你的WordPress网站添加固定的百度分享按钮-狐狸库
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&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.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中测试通过,针对不同主题的页面宽度,可适当调整固定按钮的位置,代码中有注释。

温馨提示: 本文最后更新于2022/10/20 12:20:40。若文章内容或图片失效,请 留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容