在WordPress中添加跳转至默认下载页的下载按钮及JS整合方案

需求：在WordPress文章中添加下载按钮，点击后跳转至带有计时器和下载链接的通用下载页，该页面适用于所有文章的下载需求。

将JavaScript整合到WordPress的步骤 #

• 确定脚本加载范围：决定脚本是全局所有页面加载，还是仅在特定页面加载。
• 使用子主题或自定义插件：为避免主题更新时丢失修改内容，建议采用子主题或自定义插件的方式添加代码。
• 添加脚本的两种方式：
  • 通过子主题functions.php：使用wp_enqueue_script引入外部脚本，或wp_add_inline_script添加内联脚本。
  • 自定义插件：创建一个简单的自定义插件来添加所需的JavaScript代码。
• 处理动态变量：确保脚本中的baseURL和link变量定义正确；如果是动态变量，需要在PHP中设置其值并传递给JavaScript。

functions.php示例代码 #

function custom_enqueue_scripts() {
    wp_enqueue_script('custom-enroll-script', get_stylesheet_directory_uri() . '/js/custom-enroll.js', array(), false, true);

    // 若baseURL和link为动态变量，在此设置并传递给脚本
    $script_data = array(
        'baseURL' => 'your_base_url_here',
        'link'    => 'your_link_here'
    );
    wp_localize_script('custom-enroll-script', 'scriptParams', $script_data); 
} 
add_action('wp_enqueue_scripts', 'custom_enqueue_scripts'); 

使用说明：

• 将代码中的your_base_url_here和your_link_here替换为实际的URL值。
• 对应的JavaScript文件（custom-enroll.js）需包含计时器和跳转逻辑的代码，并修改为使用scriptParams.baseURL和scriptParams.link来获取传递的变量值。

内容的提问来源于stack exchange，提问作者Mohammed Suleman