Произвольные атрибуты полей формы Contact Form 7

02.03.2019 | Написал

Для создания форм на сайтах WordPress в большинстве случаев используется плагин Contact Form 7. Понадобилось добавить data-… в input, чтоб вывести выбор даты с помощью плагина Tempus Dominus. Для этого нужно добавить хук в function.php темы.

Пример с добавлением data-toggle=”datetimepicker” data-target=”#deadline”

// add data-attr for calendar
add_filter( 'wpcf7_form_elements', 'imp_wpcf7_form_elements' );
function imp_wpcf7_form_elements( $content ) {
    $str_pos = strpos( $content, 'name="data-deadline"' );
    if($str_pos) {
    	$content = substr_replace( $content, ' data-toggle="datetimepicker" data-target="#deadline" ', $str_pos, 0 );
	}
    return $content;
}

Далее в шоркоде input’а добавляем нашу вставку, чтоб было вот так:

[text data-deadline deadline id:deadline class:form-control class:datetimepicker-input placeholder "Calendar"]

В итоге на сайте получим нужный нам input:

<input type="text" data-toggle="datetimepicker" data-target="#deadline" name="data-deadline" value="" size="40" class="wpcf7-form-control wpcf7-text form-control datetimepicker-input" id="deadline" aria-invalid="false" placeholder="Calendar">
Метки: ,
Комментарии читателей статьи "Произвольные атрибуты полей формы Contact Form 7"

Нет комментариев.

Добавить комментарий

Ваш e-mail не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.