Редактируйте весь сайт в редакторе блоков WordPress
Никаких собственных конструкторов и шорткодов. Canvas помещает шапку, Hero, заголовок страницы, содержимое и подвал в холст редактора и добавляет каждому блоку настройки, которые нужны реальному дизайну, включая стандартные блоки.
Обновлено
Страница открывается в том виде, в каком она выглядит на сайте
Canvas настраивает блочный редактор так, чтобы он выводил весь шаблон целиком. Шапка и главный экран, полоса заголовка страницы, ваш контент, подвал: всё это появляется на холсте и отрисовывается тем же кодом, что и внешняя часть сайта.
Что вы редактируете, то и видят посетители
Большинство тем отдают редактору пустое белое поле и оставляют дизайн для внешней части сайта. Canvas выводит шаблон вокруг вашего содержимого, поэтому вы пишете внутри страницы, а не рядом с ней.
- Один рендерер для редактора и фронтенда
- Шаблон виден, но его нельзя редактировать со страницы, поэтому вы не сможете случайно сломать каркас сайта
- Hero, слайдер и заголовок страницы, назначенные этой странице, уже будут на месте до публикации
- Ширина и отступы берутся из настоящего шаблона, поэтому секция на всю ширину выглядит действительно на всю ширину
Шаблоны и стили там, где WordPress их хранит
Тема Canvas построена на блочных шаблонах WordPress. Шаблоны — это блочные шаблоны, а части — это части шаблонов, цвета и типографика берутся из theme.json, поэтому ничто на сайте не скрыто в какой-либо нашей панели настроек.
173 шаблона и 4 варианта стиля
Макеты одиночных записей, работ портфолио, мероприятий, товаров и каждого типа контента из демо, а также макеты страниц для лендингов, заставки, страниц без отступов и страниц на всю ширину.
- 173 блочных шаблона, которые можно редактировать в Редакторе сайта
- 5 частей шаблона для шапки, подвала, заголовка страницы и боковых колонок
- 4 стилевых варианта, включая тёмный и полуночный
- Цвета и типографика из theme.json применяются в редакторе и на сайте из одного места
Всё, что видит посетитель, настраивается
Текст и ссылки, изображения и иконки, цвет, размер, поведение: если блок отображает это, элемент управления на боковой панели его меняет. Ничто из этого не требует редактора кода.
Настройте один раз и используйте везде
Две системы избавляют вас от повторов, но решают разные задачи.
- Сохранить как значения по умолчанию. Настройте блок так, как вам удобно, и сохраните это как значение по умолчанию для его типа. Следующий добавленный блок начнётся с этих настроек. Настройки идентификации, например якорь и дополнительные классы, никогда не копируются.
- Глобальные стили блоков. Сохраните набор настроек как пресет, примените его к блокам на всём сайте, затем измените пресет один раз, и все блоки, которые его используют, обновятся.
4 одинаковых элемента управления в каждом блоке, включая базовые
Canvas добавляет одну расширенную панель ко всем типам блоков, зарегистрированным на сайте, а не только к собственным. Обычный абзац получает те же элементы управления анимацией, CSS, атрибутами и видимостью, что и блок Canvas.
Анимация
Выберите анимацию появления с собственной скоростью и задержкой, а также анимацию исчезновения с отдельной задержкой. Ничто не остаётся невидимым в ожидании JavaScript, который так и не загрузится.
Пользовательский CSS
Напишите CSS для этого блока. Canvas ограничивает его рамками блока и пропускает через тот же фильтр, который WordPress использует для встроенных стилей.
Пользовательские атрибуты
Добавьте собственные атрибуты к корневому элементу блока для аналитики, тестовых идентификаторов или стороннего скрипта, который их ожидает.
Условия отображения
Показывайте или скрывайте блок по роли пользователя или устройству, чтобы панель для участников или кнопка звонка только на телефоне не требовали плагина.
Пользовательские CSS-классы и HTML-якорь остаются в тех полях WordPress, которые вам уже знакомы, поэтому ничего из изученного здесь не относится только к Canvas. Поскольку это обычные атрибуты блоков, их могут задавать паттерны и скрипты так же, как вы.
183 шаблона, сгруппированных по категориям
Паттерн вставляется как обычные блоки, которые можно переставлять, переписывать и удалять. Это отправная точка для раздела, а не закрытая компоновка, которую приходится обходить.
- 40Шапка
- 24Контент
- 22формы
- 16подвалов
- 14Блог
- 13Hero
- 12Галерея
- 12призывов к действию
- 9Тарифы
- 9страниц
- 8функций
- 5События
- 4попапа
- 3Соцсети
- 2Отзыва
- 2Портфолио
- 1FAQ
Шаблон можно отнести к нескольким категориям. Шаблоны шапки и подвала описаны на странице конструктора шапки, а каждый шаблон собран из блоков в библиотеке блоков.
Ваш контент остаётся блочной разметкой
Самое сильное преимущество Canvas в том, что в вашем контенте нет ничего проприетарного. Блоки Canvas сохраняются так же, как блоки WordPress.
- Каждый блок Canvas является зарегистрированным типом блока с настоящей панелью настроек, а не шорткодом
- Это обычные атрибуты блоков, поэтому их также могут задавать паттерны, REST API и командная строка
- Блоки находятся в плагине Canvas, а не в теме, поэтому смена темы не удалит ваши страницы
- Основные блоки продолжают работать и получают ту же расширенную панель
209 блоков в инструменте добавления блоков WordPress
Собственные блоки Canvas работают наряду со стандартными и разбиты на 10 категорий. Ещё 105 блоков относятся к конкретным демо и подключаются вместе с ними.
Поиск блока по названию
- Поиск по названию или ключевому слову работает вместе с категориями Canvas.
- 183 шаблона на той же вкладке «Шаблоны»
- Бесплатный тариф включает 228 из 314 блоков; остальные входят в каждый тариф.
- Страница загружает только CSS и JavaScript блоков, которые в ней используются
Ещё три вещи, которые вы делаете здесь
Шапки, демо и тексты — не отдельные приложения. Они открываются в редакторе, описанном на этой странице, с тем же холстом и той же боковой панелью.
Создайте шапку
Шапка — это запись из блоков шапки, которую редактируют на холсте с помощью режима макета и классов на боковой панели.
Конструктор шапки
Импорт демо
У каждого демо указаны страницы, размер и категория. Импорт выполняется в один клик, и так же просто откатить изменения.
Библиотека демо
Напишите текст
Canvas AI пишет в выбранное поле, использует профиль сайта, который вы задали один раз, и показывает расход AI-кредитов по ходу работы.
Canvas AIНужен ли плагин конструктора страниц?
Canvas не требует плагина конструктора страниц. Это тема WordPress с сопутствующим плагином, поэтому каждый блок, шапка, подвал, hero и заголовок страницы редактируются в редакторе блоков и в Редакторе сайта, который входит в состав WordPress. Не нужно изучать второй редактор, запоминать шорткоды и продлевать лицензию на конструктор вместе с темой.
Сломаются ли мои страницы, если я сменю тему?
Ваш контент сохраняется в стандартной разметке блоков, а не в шорткодах, поэтому базовые блоки WordPress продолжают отображаться в любой теме. Блоки Canvas поставляются плагином Canvas, а не темой, поэтому смена темы не удаляет их из ваших записей и страниц.
Можно ли по-прежнему редактировать шаблоны в Редакторе сайта?
Да, Canvas поставляется с 173 блочными шаблонами, 5 частями шаблонов и 4 стилевыми вариантами, которые можно редактировать в Редакторе сайта, где WordPress их и хранит. Цвета и типографика берутся из theme.json, поэтому изменение на панели «Стили» затрагивает все страницы.
Какие расширенные настройки есть у базовых блоков?
Canvas добавляет базовым блокам анимацию, пользовательский CSS, пользовательские атрибуты и условия отображения. Та же панель добавляется ко всем типам блоков, зарегистрированным на сайте, включая блоки из других плагинов, поэтому вам не приходится выбирать между базовым блоком и блоком с нужными настройками.
Что перестаёт работать, когда истекает моя лицензия?
Когда срок действия лицензии Canvas истекает, на сайте ничего не перестаёт работать. Он выводится точно так же, как и сейчас, включая премиум-блоки. Приостанавливаются сервисы: обновления, импорт демо, ИИ-генерация и редактирование премиум-блоков. Всё это возобновится после продления лицензии. Если проверка лицензии не может связаться с нашими серверами, предоставляется льготный период в 14 дней.
Создайте свой следующий сайт с Canvas
Новичок, фрилансер или агентство: вы получаете одни и те же блоки и одни и те же демо. Начните с одного сайта и создавайте столько, сколько нужно, на одной лицензии.