You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在WordPress自定义HTML小工具中嵌入动态下载链接?

实现动态下载链接的方案

我给你整理了一套简单可行的操作流程,全程靠FTP和WordPress自带功能就能搞定,不用复杂的技术:

步骤1:创建存储下载信息的文本文件

用记事本或任意文本编辑器新建一个文件,命名为download-info.txt,内容按两行编写:第一行放链接显示的文本,第二行放文件名,比如:

Setup 1.0
setup_1_0.zip

通过FTP把这个文件上传到网站根目录的download文件夹里,和你的setup_1_0.zip放在一起。以后要更新版本,只需要修改这个文本文件的内容,再上传新的压缩包就行,非常省心。

步骤2:添加自定义短代码到WordPress

因为HTML小工具没法直接读取服务器上的文件,咱们用WordPress的短代码功能来实现读取文件并生成链接的逻辑,有两种安全的添加方式:

方式A:用代码片段插件(推荐)

安装并激活WordPress官方仓库里的免费插件「Code Snippets」,新建一个代码片段,粘贴下面的代码:

function custom_download_link_shortcode() {
    // 定义信息文件的服务器路径
    $info_file = ABSPATH . 'download/download-info.txt';
    
    // 检查文件是否存在
    if (!file_exists($info_file)) {
        return '<p>下载链接暂不可用</p>';
    }
    
    // 读取文件内容,自动忽略空行和换行符
    $content = file($info_file, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
    
    // 确保文件里有两行有效内容
    if (count($content) < 2) {
        return '<p>下载信息配置错误</p>';
    }
    
    $link_text = esc_html($content[0]);
    $filename = esc_attr($content[1]);
    // 生成下载链接的公开URL
    $download_url = site_url('/download/' . $filename);
    
    // 返回格式化的下载链接
    return '<a href="' . $download_url . '" class="download-link" download>' . $link_text . '</a>';
}
add_shortcode('custom_download_link', 'custom_download_link_shortcode');

保存并激活这个代码片段就完成了。

方式B:修改主题functions.php文件

如果你不想用插件,可进入WordPress后台「外观」→「主题文件编辑器」,找到当前主题的functions.php文件,把上面的代码粘贴到文件末尾,点击「更新文件」即可。注意:主题更新时这段代码会被覆盖,所以还是更推荐插件方式。

步骤3:在自定义HTML小工具里调用短代码

进入WordPress后台「外观」→「小工具」,把「自定义HTML」小工具添加到你想要显示的区域(比如侧边栏),然后在小工具内容里输入:

[custom_download_link]

保存小工具后,刷新网站前端就能看到动态生成的下载链接了!

后续更新说明

以后要更新下载版本,只需要做两步:

  • 通过FTP上传新的压缩包到download文件夹
  • 修改download-info.txt里的显示文本和文件名,上传替换原文件
  • 网站前端的链接会自动更新,不用再修改小工具或代码

内容的提问来源于stack exchange,提问作者Uwe Raabe

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 07:29:23