Contact Form 7文本字段添加id属性后HTML中不显示问题求助

问题重现 #

使用短代码 [text cname id:cname class:cname placeholder "Name"] 生成文本字段时，HTML输出中缺失id属性，仅显示class、placeholder等其他属性：

<input size="40" maxlength="80" class="wpcf7-form-control wpcf7-text cname" aria-invalid="false" placeholder="Name" value="" type="text" name="cname">

修复方案 #

• 调整短代码顺序：将id:cname移至短代码最前方，确保属性解析优先级：

  [text id:cname cname class:cname placeholder "Name"]
  

• 排查插件冲突：临时禁用其他所有插件，逐个重新启用并测试，确认是否有插件干扰Contact Form 7的属性渲染逻辑。
• 切换默认主题测试：如果主题自定义了表单渲染模板，可能移除了ID属性输出。切换到WordPress默认主题（如Twenty Twenty-Four）验证是否恢复正常。
• 通过钩子手动添加ID：若以上方法无效，在主题functions.php中添加以下代码强制注入ID属性：

  add_filter('wpcf7_form_tag', 'inject_custom_id_to_field', 10, 2);
  function inject_custom_id_to_field($tag, $unused) {
      if ($tag['name'] === 'cname') {
          $tag['options'][] = 'id:cname';
      }
      return $tag;
  }
  

• 更新插件版本：确保使用最新版Contact Form 7，旧版本可能存在属性解析的已知bug。

验证标准 #

修改后刷新页面，检查生成的HTML是否包含id="cname"属性：

<input size="40" maxlength="80" id="cname" class="wpcf7-form-control wpcf7-text cname" aria-invalid="false" placeholder="Name" value="" type="text" name="cname">

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