Skip to main content

Контактная форма - вариант 5

Блоки

Описание секции​

Секция предназначена для вывода контактной формы в вертикальном формате. При этом автоматически подтягиваются контактные данные, указанные в настройках плагина hq-pages-pro (настройки находятся по адресу hq-pages-PRO → Настройк).

Секция позволяет:

  • Задать фоновое изображение.
  • Добавить дополнительное изображение (чаще всего используется для вставки персонажа).
  • Интегрироваться с популярным плагином Contact Form 7 для корректной работы (вставка осуществляется через шорткод плагина).
  • Включать инверсию цвета.
  • Настраивать индекс затемнения фона.

Настройки блока​

Индекс затемнения​

Позволяет задать степень затемнения для улучшения читаемости текста и повышения визуальной выразительности блока.

Включить инверсию цвета​

Используется для повышения читаемости текста за счёт инверсии цветовой схемы элемента.

info

Рекомендуется включать инверсию цветов, если фоновое изображение слишком тёмное или слишком светлое, а также в любых других случаях, когда необходимо обеспечить достаточную контрастность и хорошую читаемость текста.

Заголовок​

Опционально можно задать заголовок.

Описание​

Опционально можно добавить описание для контактной формы.

Шорткод​

Для отображения формы необходимо указать шорткод формы. Шорткод можно получить после установки плагина Contact Form 7 и создания формы в нём.

Секция интегрирована с Contact Form 7, но можно указать шорткод от любого другого плагина форм для WordPress.

info

Важно: корректное отображение с другими плагинами не гарантируется.

note

Рекомендация: использовать Contact Form 7, как один из самых популярных плагинов форм.

Изображение​

Для секции можно опционально задать изображение
(обычно используется для размещения персонажа).

Фоновое изображение​

Доступна опциональная возможность загрузить фоновое изображение для блока.
Если изображение не загружено, отображается стандартный цвет фона.

Переопределение шаблона​

Полезно

Если есть необходимость изменить шаблон вывода блока/секции или внести другие изменения, скопируйте файл из плагина hq-pages-pro: hq-pages-pro/templates/blocks/block-hq-contact-form-5.php в дочернюю тему hq-pages-child/templates/blocks/block-hq-contact-form-5.php.

После этого вы сможете вносить изменения в шаблон вывода (в дочерней теме) без риска потерять их при обновлении основной темы.

Правильное расположение файла для переопределения​

hq-pages-child/
├── templates/
│   └── blocks/
│       └── block-hq-contact-form-5.php
warning

Тема активно развивается. Если на странице отсутствует описание какой-либо опции, напишите нам: t.me/xeqtr_zhg.