@svsteem
фронтенд разработчик

Как убрать все лишние тэги генерируемые Contact Form 7?

Здравствуйте. Занимаюсь переносом готовой верстки сайта на wordpress. Необходимо перенести готовый дизайн формы в Contact Form, но проблема в том, что плагин сам генерирует много лишних оберток вокруг тегов input, расставляет по своему теги label. В итоге, стили на сайте ведут себя не так, как хотелось бы, форма увеличена в размере, картинка чекбокса не подгружается. Вариант с редактированием стилей не подходит.

Такой вот код

<form class="rental" id="rental">
      <button class="rental__popup-close" type="button">
        <span class="visually-hidden">Закрыть</span>
      </button>
      <div class="rental__wrap-form">
        <h3 class="rental__title">Заявка на прокат</h3>
        <div class="rental__wrap">
          <label for="name" class="rental__label">Имя:</label>
          <input type="text" class="rental__input  rental__input--name" id="name" name="name" required="">
        </div>
        <div class="rental__wrap-note">
          <label for="email" class="rental__label">Электропочта:</label>
          <input type="text" class="rental__input" id="email" name="email" required="">
          <p class="rental__note">Мы не присылаем спам.</p>
        </div>
        <div class="rental__wrap">
          <label for="phone" class="rental__label">Телефон:</label>
          <input type="tel" inputmode="numeric" class="rental__input" id="phone" name="phone" placeholder="+7" required="">
        </div>
        <textarea class="rental__message" placeholder="Пожелания"></textarea>
        <div class="rental__wrap-consent">
          <input type="checkbox" id="consent" class="rental__checkbox" checked="" required="">
          <label for="consent" class="rental__label-consent">Даю согласие на обработку персональных данных</label>
        </div>
        <button class="sendmail-btn" type="submit">Отправить заявку</button>
      </div>
    </form>


Превращается в такой
Если отсюда можно будет что либо понять.
5b3ca6fcbad59968949181.png

Буду вам очень признателен за любую подсказку.
  • Вопрос задан
  • 1390 просмотров
Решения вопроса 1
@azerphoenix
Здравствуйте!
Обычно помогает:
define( 'WPCF7_AUTOP', false );
Подробная инструкция здесь - https://stackoverflow.com/questions/32539905/conta...
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
kickflip2009
@kickflip2009
// Contact Form 7 remove auto added p tags
add_filter('wpcf7_autop_or_not', '__return_false');
Ответ написан
@cema93
WordPress разработчик
Если честно, рекомендую не переписывать плагин под себя, а подстроиться под плагин и вёрстку делать под стандартные теги Contact Form 7
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы