求助：WordPress页面实现表单输入值关联URL跳转功能

嘿，这个需求其实挺常见的，我给你两种靠谱的实现方式，一种是零代码的插件方案，另一种是更灵活的自定义代码方案，你可以根据自己的技术基础来选：

我最推荐的是用Contact Form 7配合它的重定向扩展插件，步骤很简单：

• 先安装并激活Contact Form 7插件，再安装「Contact Form 7 Redirects」这个扩展插件
• 创建一个新表单，添加一个文本输入框，把它的「Name」属性设为submission_id（比如表单代码里写[text* submission_id placeholder "输入你的提交ID"]）
• 找到表单设置里的「Redirects」选项，设置重定向URL为：https://example.com/single-submission-trackback/?id=[submission_id]
• 保存表单，把表单短代码插入到你的WordPress页面里就搞定了

如果用Gravity Forms这类更强大的表单插件，操作逻辑类似——创建字段后，在表单的「Confirmation」设置里选择「Redirect」，然后用动态标签把用户输入的字段值拼到目标URL里就行。

要是你想更灵活控制，不想依赖插件，可以自己写代码实现：

第一步：注册表单短代码 #

打开你当前主题的functions.php文件（建议用子主题，避免主题更新丢失代码），添加这段代码生成表单：

function custom_submission_form_shortcode() {
    ob_start();
    ?>
    <form method="POST" action="<?php echo esc_url( get_permalink() ); ?>">
        <input type="text" name="submission_id" id="submission_id" required placeholder="输入你的提交ID">
        <button type="submit" name="submit_submission">提交</button>
    </form>
    <?php
    return ob_get_clean();
}
add_shortcode( 'submission_form', 'custom_submission_form_shortcode' );

第二步：处理提交并重定向 #

同样在functions.php里添加这段代码，负责接收用户输入并跳转：

function handle_submission_redirect() {
    // 检查是否是表单提交请求
    if ( isset( $_POST['submit_submission'] ) && isset( $_POST['submission_id'] ) ) {
        // 清理用户输入，防止恶意内容
        $submission_id = sanitize_text_field( $_POST['submission_id'] );
        // 构建目标URL，用urlencode处理特殊字符
        $redirect_url = 'https://example.com/single-submission-trackback/?id=' . urlencode( $submission_id );
        // 执行重定向，必须加exit确保页面停止加载
        wp_redirect( $redirect_url );
        exit;
    }
}
add_action( 'template_redirect', 'handle_submission_redirect' );

第三步：在页面里插入表单 #

编辑你的WordPress页面，插入短代码[submission_form]，保存后访问页面就能看到表单了。

⚠️ 小提示：不管用哪种方法，都要注意对用户输入做验证和清理，避免安全问题——比如上面代码里的sanitize_text_field和urlencode就是用来防止XSS攻击和URL编码错误的。

内容的提问来源于stack exchange，提问作者mike mccann