Как убрать обертку для полей формы в Contact Form 7?

Question

[HamSter]

Использую плагин Contact Form 7 для обратной формы.
При добавлении поля, генерируется обертка span для каждого поля формы:

<span class="wpcf7-form-control-wrap name">
  <input type="text" name="name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" id="name" aria-required="true" aria-invalid="false">
</span>

А нужно именно поле input:

<input type="text" name="name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" id="name" aria-required="true" aria-invalid="false">

Вопрос: как же убрать эту обертку span для каждого инпута?
Кто работает с данным плагином, пожалуйста подскажите.

Comments

[Galyanoff]

Вы не нашли решение данного вопроса? Тоже надо)

[HamSter]

Galyanoff: нашла решение, но не знаю правильное ли. Копалась в самом плагине и везде убирала span

[Galyanoff]

HamSter: А вы для каких целей убирали? Мне кажется после обновления плагина спаны обратно вернутся. Мне вот надо избавится от спанов т.к. подключен фреймворк materializecss и спаны ломают эффект анимации лейблов у инпутов.

[Борис Б]

Есть плагин Bootstrap for Contact Form 7, но он span на div, меняет, я обошел проблему с помощью css .class > span > .youclass

[Дмитрий Дев]

Борис Б, мне он не очень понравился - во первых, он как-то слишком сложно меняет эти тэги (думал оттуда выборочно решения скопировать, но он, как оказалось еще используют свою логику построения по шорткодам инпутов, поэтому просто скопировать кусочки кода не удалось), во-вторых он устарел, для четверки уже не подходит; ну и в-третьих: он заменяет некоторые элементы через javascript уже после того как они будут добавлены самим Contact Form 7 тем же javascript, а это дополнительная нагрузка и уменьшение скорости работы сайта.

Answer 1

[Дмитрий Дев]

Определенно решением твоего вопроса будет вот такая запись в functions.php файл твоей темы.

add_filter('wpcf7_form_elements', function($content) {
	$content = preg_replace('/<(span).*?class="\s*(?:.*\s)?wpcf7-form-control-wrap(?:\s[^"]+)?\s*"[^\>]*>(.*)<\/\1>/i', '\2', $content);

	return $content;
});

Но тогда у тебя не будет работать вывод сообщений под каждым обязательным полем о необходимости его заполнения. Ищу сейчас решения этой проблемы.

Answer 2

[AntiLife]

wp-content->plugins->contact-form-7->modules

Там ищи нужный тебе тип инпута и удаляй обертку

Но при обновлении плагина, скорее всего слетит всё, что ты делал и придется делать заново ;)