Произвольные атрибуты полей формы 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"

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

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

Ваш адрес email не будет опубликован.

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