Kirki

Что такое Kirki?

Kirki — бесплатный визуальный конструктор для WordPress. Он позволяет проектировать на бесконечном полотне и создавать страницы с помощью настоящей CMS вместе с визуальным редактором — всё в одном рабочем процессе.

Вместо работы внутри жёстких сеток и колонок Kirki использует свободное полотно и строительные блоки (такие как секции, строки, колонки и элементы), чтобы вы могли размещать дизайн с прямым контролем над позиционированием и стилями.

Ключевые возможности

• Бесконечное свободное полотно: Проектируйте без сеток и колонок, используя рабочий процесс на основе полотна для гибкости макета.
• Неограниченное количество точек перелома: Применяйте адаптивные стили на неограниченном наборе точек перелома.
• Система дизайна на CSS-переменных: Создавайте стили с помощью подхода на CSS-переменных, обеспечивая согласованное оформление.
• Взаимодействия и анимации: Создавайте поведение взаимодействий и анимации, включая таймлайн взаимодействий и редактор ключевых кадров.
• Встроенная CMS с менеджером контента и пользовательскими полями: Управляйте содержимым прямо в конструкторе с поддержкой ссылок и множественных ссылок.
• Динамические шаблоны и фильтрация коллекций: Используйте поведение динамических шаблонов, например, планирование публикаций и применение фильтров коллекций и пагинации.
• Совместная работа в реальном времени: Поддержка нескольких редакторов, работающих на одном полотне, с потоками комментариев, размещёнными на дизайне.
• Инструменты для совместной работы и передачи: Используйте режим черновика и историю публикаций, а также ссылки для просмотра клиентами и режим разработчика для передачи.
• Анимации текста и поддержка Lottie: Включайте инструменты анимации текста и поддержку файлов Lottie для движущихся элементов.

Как пользоваться Kirki

1. Установите Kirki на свой сайт WordPress и начните новый проект дизайна с помощью готового шаблона.
2. Настройте шаблон на свободном полотне, добавляя и размещая строительные блоки (секции, строки, колонки, элементы) и корректируя стили.
3. Подключите дизайн к содержимому с помощью встроенной CMS, включая пользовательские поля и ссылки (или множественные ссылки) для динамического содержимого.
4. Добавьте поведение с помощью взаимодействий и анимаций, используя таймлайн взаимодействий и редактор ключевых кадров, включая готовые пресеты взаимодействий.
5. Работайте с командой в режиме реального времени, используя комментарии и режим черновика/историю публикаций, перед тем как передать клиентам через ссылки для просмотра.

Сценарии использования

• Конструктор маркетинговых страниц с адаптивным макетом: Создавайте посадочные страницы на бесконечном полотне, применяя стили на неограниченном количестве точек перелома.
• Динамические разделы сайта на основе содержимого CMS: Создавайте динамические шаблоны, которые pull из встроенной CMS с помощью ссылок, пагинации и фильтров коллекций.
• Рабочий процесс дизайна и проверки команды: Работайте с несколькими редакторами в реальном времени, оставляйте комментарии прямо на дизайне,并使用 режим черновика и историю публикаций для циклов проверки.
• Интерактивные опыты для продуктов или портфолио: Добавьте поведение взаимодействий при прокрутке/щелчке/наведении/движении мыши и анимации текста, optionally используя файлы Lottie.
• Передача клиенту и контролируемый обзор: Предоставляйте ссылки для просмотра клиентами для получения обратной связи и используйте режим разработчика для поддержки рабочих процессов передачи.

Альтернативы

• Традиционные конструкторы страниц WordPress (на основе сетки/секций): Обычно используют системы строк и колонок и меньше ориентированы на бесконечное свободное полотно и встроенный рабочий процесс CMS.
• No-code-конструкторы сайтов с совместной работой: Часто предлагают визуальное редактирование и функции командной работы, но могут не интегрироваться напрямую в WordPress-CMS и рабочий процесс пользовательских полей.
• Индивидуальная разработка тем и страниц WordPress: Предоставляет полный контроль, но обычно требует больше усилий от разработчика; отсутствует встроенный визуальный рабочий процесс CMS и редактирования на полотне.
• Инструменты фронтенд-дизайна в сочетании с шаблонизацией WordPress: Распространённый подход — дизайн в другом инструменте, а затем реализация в шаблонах WordPress; по сравнению с Kirki, дизайн, настройка CMS и конфигурация взаимодействий могут быть разделены по разным инструментам.