Что умеет
Kirki исторически известен как фреймворк для создания настроек в Customizer WordPress, а в новых версиях стал полноценным визуальным конструктором страниц. В отличие от большинства конструкторов с секциями и колонками, он работает на бесконечном холсте: элементы размещаются там, где вы их поставили.
Основные возможности:
- визуальный редактор с перетаскиванием и точным управлением позицией и размерами;
- адаптивные режимы для десктопа, планшета и телефона;
- готовые компоненты и блоки макета, менеджер медиа;
- глобальные стили для цветов, шрифтов и отступов;
- встроенные формы, анимации и всплывающие окна;
- история версий с откатом;
- работа с любой темой WordPress.
Для разработчиков тем сохраняется набор контролов Customizer в бесплатной версии. Kirki Pro расширяет конструктор динамическим контентом (коллекции и шаблоны), полной шкалой взаимодействий, popup-конструктором и премиум-шаблонами.
Установка и настройка
Установите и активируйте плагин, создайте страницу и откройте её в редакторе Kirki. Начинайте с глобальных стилей: задайте палитру и шрифты, чтобы не менять их у каждого элемента. Для русскоязычного сайта сразу проверьте, как выбранные шрифты отображают кириллицу.
Подводные камни
- Мобильная версия. Свободная компоновка дает большую свободу, но макет не перестраивается сам, как в сеточных конструкторах. Проверяйте каждую страницу на трёх размерах.
- Привязка к конструктору. Контент хранится в разметке Kirki. После отключения плагина страницы, собранные в нём, перестанут выглядеть как раньше.
- Дублирование функций. Если на сайте уже работает другой конструктор или плагин форм, не включайте одновременно встроенные формы Kirki: лучше выбрать один инструмент для форм.
- Скорость. Анимации и всплывающие окна добавляют скрипты; на лёгких страницах включайте их по необходимости.
- Формы собирают персональные данные: добавьте согласие на обработку по 152-ФЗ и ссылку на политику конфиденциальности.
Кому подойдёт
Дизайнерам и студиям, которым нужна полная свобода компоновки, а также разработчикам, создающим темы с настройками в Customizer. Для обычных форм подойдут Contact Form 7, Fluent Forms или WPForms; если нужна сетка и большая экосистема, смотрите Elementor.