Произвольные атрибуты полей формы Contact Form 7
02.03.2019 | Написав eugenem
Для создания форм на сайтах 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"
Немає коментарів.