wordpress CMS主题 微信
  • 全部教程
  • Home > wordpress CMS主题制作 > 为wordpress主题添加收藏本站代码

    为wordpress主题添加收藏本站代码

    高时银博客 wordpress CMS主题制作 点击: 1,829 次 0 1

    客户的需求是各式各样的,在上次的一个wordpress主题定制中,客户就需要为wordpress主题添加收藏本站功能。收藏本站功能,其实,在一些主流的网站上,一般都会有这个模块。但是,如何添加“收藏本站”,各个网站的做法不一样。既然客户需要,我就只好为他的wordpress主题添加收藏本站功能代码。

    以前没有做过,所以,百度了一下。搜索到的JS收藏本站代码,几乎没有能用的,在搜狗、360、谷歌浏览器上点击都没有任何反应的。有的代码只有IE能用,有的又只有火狐能用,最好的,也就是兼容了IE和火狐。

    既然最好的只有兼容IE和火狐,那么,可不可以做一个判断,如果是IE和火狐就弹出“收藏本站”窗口,如果是其它浏览器就弹出提示窗口,提示用户用的浏览器不支持JS“收藏本站”,可以手动收藏。思路有了,于是整合了一下网上的相关代码,最终形成如下的“收藏本站”代码:

    <script type="text/javascript">
    //收藏本站
    function AddFavorite(title, url) {
    try {window.external.addFavorite(url, title);}
    catch (e) {
    try {window.sidebar.addPanel(title, url, "");}
    catch (e) {alert("您的浏览器不支持JS收藏,请按 Ctrl+D 进行手动收藏!");}
    }
    }
    </script>

    代码意思是:如果是IE和火狐就弹出收藏本站,如果是其它浏览器就弹出提示“您的浏览器不支持JS收藏,请按 Ctrl+D 进行手动收藏!”(如下图)。

    为wordpress主题添加收藏本站代码

    将上面的代码放到wordpress主题的header.php文件中,然后,在需要显示“收藏本站”字样的地方添加如下代码:

    <a class="help" href="javascript:void(0);" onclick="AddFavorite('<?php bloginfo('name')','<?php bloginfo('url'); ?>')" rel="sidebar">收藏本站</a>

    这样,我们就为wordpress主题添加了“收藏本站”功能代码。


    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201507124622.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    目前还没有评论。赶快来坐沙发吧。

    发表评论