如何给WordPress插件Contact Form 7表单添加自定义属性？

嘿，这个需求完全可以通过Contact Form 7提供的钩子实现，而且不用修改插件核心代码（避免插件更新后失效），下面给你两种实用的方法：

方法一：针对特定表单添加属性 #

如果你只想给id为105的这个表单添加自定义属性，可以用wpcf7_form_tag钩子，把下面的代码添加到你的主题（推荐子主题）的functions.php文件里，或者自定义插件中：

add_filter( 'wpcf7_form_tag', 'add_custom_attributes_to_specific_cf7_form', 10, 2 );

function add_custom_attributes_to_specific_cf7_form( $tag, $instance ) {
    // 只针对id为105的表单
    if ( '105' === $instance->id() ) {
        // 添加自定义id
        $tag->set_attrib( 'id', 'formId' );
        // 添加你的自定义属性（无值的情况）
        $tag->set_attrib( 'myCustomAttributeHere', '' );
        // 如果自定义属性需要值，比如myCustomAttributeHere="customValue"，就写成：
        // $tag->set_attrib( 'myCustomAttributeHere', 'customValue' );
    }
    return $tag;
}

方法二：全局添加属性（适用于所有CF7表单） #

如果想给所有Contact Form 7表单都加上这些属性，只需要去掉上面代码里的id判断即可：

add_filter( 'wpcf7_form_tag', 'add_custom_attributes_to_all_cf7_forms', 10, 2 );

function add_custom_attributes_to_all_cf7_forms( $tag, $instance ) {
    // 添加自定义id
    $tag->set_attrib( 'id', 'formId' );
    // 添加自定义属性
    $tag->set_attrib( 'myCustomAttributeHere', '' );
    return $tag;
}

验证是否生效 #

添加代码后，刷新嵌入表单的页面，右键查看页面源代码，找到<form>标签，检查是否已经出现id="formId"和myCustomAttributeHere属性就可以了。

注意：尽量不要直接修改主题的核心functions.php，推荐使用子主题或者专门的自定义功能插件来添加代码，这样主题更新时不会丢失你的自定义修改。

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