最新公告
  • 欢迎您光临玖居暗巷,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 【WordPress美化】自定义下载按钮代码

    //定义下载按钮短代码
    function anxiang_down($atts, $content=null){  
        return '<div class="sg-dl"><span class="sg-dl-span"><a href="'.$content.'" target="_blank" title="文件下载" rel="nofollow noopener noreferrer"><button type="button" class="btn-download"><i class="fa fa-download"></i> 本地下载</button></a></span></div>';  
    }    
    add_shortcode('anxiang_down','anxiang_down');
    
    //添加下载按钮
    function appthemes_add_anxiang_down() {
    ? >
        <script type="text/javascript">
            if ( typeof QTags != 'undefined' ) {
                QTags.addButton( 'anxiang_down', '下载按钮', '[anxiang_down]','[/anxiang_down]' );
            }
         </script>
     <?php
    }
    add_action('admin_print_footer_scripts', 'appthemes_add_anxiang_down' );
    

    1、将以上代码放进主题目录中的functions.php中:

    2、css样式代码:

    .btn-download{
    color:#fff;
    background:#169FE6;
    border-top:0;border:2px solid #fff;
    padding:10px 16px;
    font-size:14px;
    line-height:1.33;
    border-radius:5px;
    opacity:.8;
    text-indent:0;
    margin-top:5px;
    margin-bottom:5px;
    display:inline-block;
    font-weight:300;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;}
    
     .btn-download:hover{
    color:#169FE6;
    background-color:#fff;
    border-color:#169FE6;}
    
    .sg-dl{margin:20px 0 10px 0;text-align:center;}
    
    .sg-dl .sg-dl-span{margin:0 auto;}
    

    3、使用方法:

    [anxiang_down]按钮[/anxiang_down]
    

     

    4、按钮演示:
    【WordPress美化】自定义下载按钮代码-玖居暗巷

     

     

     

    ①本站资源仅用于学习和交流,勿用于商业。切勿私自传播于网络,将会追究法律责任。
    ②本站其他资源来源网络或者用户投稿,供学习交流之用。如有侵权请联系删除。
    ③如有链接无法下载、失效或广告,请联系管理员处理!
    ④本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    ⑤如果你也有好源码或者教程,可以到审核区发布,分享有本站专属货币奖励和额外收入!
    ⑥如遇到加密压缩包,默认解压密码为"jiuqing97.top",如遇到无法解压的请联系管理员!

    玖居暗巷 » 【WordPress美化】自定义下载按钮代码

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于网页模版、APP源码等类型的资源,文章内用于介绍的图片通常并不包含在对应可供下载资源包内。这些相关商业资源需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些文件也是这种情况,但部分资源会在资源包内有一份下载链接清单。
    玖居暗巷
    一个高级程序员模板开发平台

    Leave a Reply