东风不来
三月的柳絮不飞

WordPress 下载按钮 修改版

前几天写了一篇关于 WordPress 自定义下载按钮 纯代码实现 的文章,有些小伙伴提出这个按钮显示的 html 代码太长了,看的不怎么舒服,希望能够使用短代码替换那一长串的 html 代码!

1. 重新定义下载按钮短代码

代码很简单,将之前添加的 functions.php 下载按钮代码替换成下面代码:

//定义下载按钮短代码
function wzk_down($atts, $content=null){   
    return '<div class="sg-dl"><span class="sg-dl-span"><a href="'.$content.'" target="_blank" title="文件下载" rel="nofollow"><button type="button" class="btn-download"><i class="fa fa-download"></i> 本地下载</button></a></span></div>';   
}    
add_shortcode('wzk_down','wzk_down'); 

//添加下载按钮
function appthemes_add_wzk_down() {
? >
    <script type="text/javascript">
        if ( typeof QTags != 'undefined' ) {
            QTags.addButton( 'wzk_down', '下载按钮', '【wzk_down]','【/wzk_down]' );
        } 
     </script>
 <?php 
}
add_action('admin_print_footer_scripts', 'appthemes_add_wzk_down' );

注意:
把上面代码中的 替换成 [

css 样式无需更改,直接使用 WordPress 自定义下载按钮 纯代码实现 的 css 即可!

2. 使用方法

点击传统文本编辑器的下载按钮,将下载链接复制到中间即可:

【wzk_down]https://www.wenzika.com【/wzk_down]

将上面代码中的 替换成 [

赞(4) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《WordPress 下载按钮》
文章链接:https://www.wenzika.com/1529.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #0

    点击按钮出现一个弹窗,里面有各个网盘按钮下载。这个有办法实现吗?

    佛系软件 1年前 (2023-03-12) 来自天朝的朋友 谷歌浏览器 Mac OS X Lion 10_15_7 回复

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏