wordpress - 如何添加自定义属性？

Question

如何在字段 Contact Form 7 中添加自定义属性没有 JavaScript ？

比如页面中有这样一个字段:

<input type="text" name="name" class="form-control" id="name-1" data-attr="custom" data-msg="Текст 1"> 

问题:是否可以在管理面板中设置字段的这些自定义属性(data-attr、data-msg)？

Answer 1

找到您的字段的名称。

[text* text-21]

如果您的字段名称 name="text-21"(如我的示例中所示)，请将此代码添加到functions.php 文件中。

add_filter( 'wpcf7_form_elements', 'imp_wpcf7_form_elements' );
function imp_wpcf7_form_elements( $content ) {
    $str_pos = strpos( $content, 'name="text-21"' );
    if ( $str_pos !== false ) {
        $content = substr_replace( $content, ' data-attr="custom" data-msg="Foo Bar 1" ', $str_pos, 0 );
    }
    return $content;
}

注意，它会将这些属性添加到名称为 text-21 的所有表单元素中，如果您想阻止它，请为您的表单元素指定一些唯一的名称 [text* unique-name]

并将代码更改为

add_filter( 'wpcf7_form_elements', 'imp_wpcf7_form_elements' );
function imp_wpcf7_form_elements( $content ) {
    $str_pos = strpos( $content, 'name="unique-name"' );
    if ( $str_pos !== false ) {
        $content = substr_replace( $content, ' data-attr="custom" data-msg="Foo Bar 1" ', $str_pos, 0 );
    }
    return $content;
}