Возможности

Возможности Canvas: всё, что входит в состав Canvas

Canvas — это тема для WordPress с сопутствующим плагином. На этой странице перечислены все группы функций, их назначение и где читать подробности. Каждый тариф включает всё перечисленное.

Обновлено

Начните здесь

Шесть мест, с которых обычно начинают

У каждой страницы есть отдельный раздел со скриншотами и подробностями, которые раскрываются из краткого описания.

Конструктор шапки и подвала

Шапки, подвалы, верхние полосы, мега-меню, боковые панели и заголовки страниц — это объекты, которые вы создаёте из блоков и назначаете всему сайту или отдельной странице.

Редактор

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

Блоки и паттерны

314 блоков в 10 категориях и 183 паттерна. Страница загружает только CSS и JavaScript тех блоков, которые на ней есть.

Демо-сайты

88 полных сайтов в 16 категориях, каждый со своими страницами и записями, меню, формами и типами контента. Любой импорт можно откатить.

WooCommerce

24 блока WooCommerce для страниц товаров, сетки магазина, корзины и оформления заказа, а также образцы цветов и 18 шаблонов магазина.

Canvas AI

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

Перейти к функции

Мастер настройки

От активации до готового сайта за 9 шагов

Активируйте Canvas, и откроется Мастер настройки. Он займётся лицензией, импортирует выбранное демо, установит всё, что нужно для него, и настроит базовые параметры SEO, прежде чем вы напишете хоть слово.

Пройдите все 9 шагов

Мастер настройки Canvas, шаг приветствия

1 Приветствие

Мастер настройки открывается при первой активации Canvas и показывает предстоящие шаги.

Мастер настройки Canvas, шаг лицензии

2 лицензии

Активируйте этот сайт с помощью лицензионного ключа. Canvas продолжает работать в течение 14 дней, если проверке не удаётся связаться с нашими серверами.

Шаг с дочерней темой в мастере настройки Canvas

3 дочерние темы

Необязательно. Canvas создаёт пустую дочернюю тему и переключается на неё, поэтому ваши стили и правки шаблонов сохранятся при обновлениях.

Шаг с демо в мастере настройки Canvas

4 Демо

Выберите один из 88 демо-сайтов. В каждом описании перечислены страницы, записи и типы контента, которые он включает.

Шаг плагинов в Мастере настройки Canvas

5 плагинов

Canvas устанавливает и активирует плагины, которые нужны выбранному демо, например WooCommerce для магазина.

Мастер настройки Canvas, рекомендуемый шаг

6 рекомендуемых

Необязательные дополнения, которые демо не требует. Отметьте нужные, и они установятся вместе с остальными.

Мастер настройки Canvas, шаг импорта

7 импортов

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

Мастер настройки Canvas, шаг SEO

8 SEO

Задайте название сайта и описание. Дальше Canvas сам формирует заголовки, описания и структурированные данные на основе вашего контента.

Шаг «Готово» мастера настройки Canvas

9 Готово

Вы получаете сайт, который выглядит как выбранное вами превью, с реальным контентом, который можно сразу редактировать.

Что входит в каждое демо

Настройки темы

533 настройки в 24 разделах

Всё, что демо задаёт за вас, можно изменить. Экспортируйте всю конфигурацию в файл и импортируйте её на следующий сайт, который вы создадите.

Every section of Theme Options

Настройки темы Canvas, раздел шапки
Шапка. Самый крупный раздел продукта, в котором 94 поля.
Настройки темы Canvas, раздел блога
Блог. 33 поля для архивов, отдельных записей и мета-данных записей.
Настройки темы Canvas, раздел портфолио
Портфолио. 20 полей для архива портфолио, категорий и одиночных макетов.
Настройки темы Canvas, раздел магазина
Магазин. 22 поля для магазина WooCommerce, страниц товаров, корзины и оформления заказа.
Раздел цветов в настройках темы Canvas
Цвета. 8 полей, включая цветовую схему, которая следует за настройками операционной системы.
Экран импорта и экспорта «Настройки темы» Canvas
Импорт и экспорт. Переносите конфигурацию целиком между сайтами в виде файла.

Разделы охватывают шапку, подвал, заголовки страниц, блог, портфолио, события, магазин, формы, виджеты, цвета, типографику, боковые панели, переходы между страницами, страницу 404, GDPR, AI, API-ключи, блоки, профили в соцсетях, общие настройки, экран импорта и экспорта, а также раздел «Разное» для всего остального. Импорт демо для всего сайта переносит всю конфигурацию демо, поэтому вы начинаете с набора параметров, который уже соответствует выбранному дизайну.

  • Каждая опция описана в справочных статьях
  • Экспортируйте настройки с одного сайта и импортируйте их на следующий
  • Одна лишь шапка содержит 94 поля из 533 полей
388 статей документации
Формы

Конструктор форм, который хранит собственные отправки

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

Пять блоков собирают форму

Form хранит поля, Form Field определяет каждое поле, Form Submit Button отправляет их, а Form Embed встраивает готовую форму на любую страницу. Quick Contact — компактная контактная форма для боковой колонки или подвала.

  • Отправки хранятся в отдельной таблице и выводятся в админ-панели
  • Загрузка файлов по заданным вами правилам
  • Плановая очистка для защиты конфиденциальности удаляет старые записи
  • Формы входа и регистрации в виде блоков для сайтов с участниками
  • 22 шаблона форм и 26 полей в Настройках темы

83 из 88 демо содержат хотя бы одну рабочую форму, поэтому первая форма на вашем сайте обычно та, которую вы получаете готовой и редактируете. Посмотреть демо.

Настройки темы Canvas, раздел форм
Настройки темы, Формы. 26 полей для значений по умолчанию, хранения, уведомлений и конфиденциальности.
Типы контента

Портфолио, события и блог, которые полностью проработаны

Это не три шорткода. У каждого из них свои блоки, свои шаблоны отдельных записей, свои категории и свой раздел настроек.

Портфолио

8 блоков, 57 шаблонов для отдельной записи, архив, категории и 20 параметров. Сетки с фильтрами, каскадные макеты, связанные работы и кейсы на всю ширину.

События

16 блоков, включая календарь, 7 одиночных шаблонов, архив, категории и 15 параметров. Расписания, спикеры, билеты и обратный отсчёт.

Блог

Блог построен на обычных записях WordPress, а поверх них есть 31 блок записи, 14 шаблонов одиночной записи и 33 настройки.

Настройки темы Canvas, раздел портфолио с полями: переключатель включения, макет архива, колонки, фильтр по категориям, боковая панель, размер изображений, элементов на странице и тип пагинации
Настройки темы, Портфолио. Архив и одиночная запись расположены на отдельных вкладках; здесь же задаются панель фильтров, количество колонок сетки и стиль пагинации.
Настройки темы Canvas, раздел событий: макет событий, фильтр «предстоящие», «прошедшие» или «все», боковая колонка и её положение, размер изображений, количество событий на странице и тип пагинации
Настройки темы, События. Та же структура: вкладка архива, вкладка одиночной записи и фильтр по умолчанию, который определяет, попадут ли посетители на предстоящие или прошедшие события.

Демо приносят и собственные типы контента: всего 44 типа в каталоге, например пункты меню для ресторана, процедуры для спа, номера для отеля, объекты для агентства недвижимости и врачей для клиники. Они поступают вместе с демо, со своими шаблонами и примерами записей. Посмотрите, какое демо что добавляет.

Типографика

1 923 шрифта Google, Adobe Fonts и ваши собственные файлы

Выберите семейство шрифтов для заголовков и отдельное семейство для основного текста. Выбор попадёт в theme.json, поэтому редактор будет показывать тот же шрифт, что и на сайте.

  • 1 923 семейства шрифтов Google с реальным набором начертаний
  • Adobe Fonts через ваш собственный URL набора
  • Загрузите файлы woff2 и woff, и Canvas создаст правила font-face
  • Собственные правила типографики для любого селектора, который вы укажете
  • Наборы системных шрифтов, если не хотите загружать ничего
Как стили попадают на каждую страницу
Настройки темы Canvas, раздел типографики с выбором шрифта
Настройки темы, типографика. В списке выбора шрифтов собраны системные шрифты, шрифты Google, Adobe Fonts и ваши загрузки.
Иконки

5 711 иконок в 4 наборах

Поля иконок во всей библиотеке блоков открывают одно и то же окно выбора. У каждого набора есть собственный переключатель, а свой набор можно подключить.

1,951

Font Awesome 6 Free

506

Font Awesome Brands

2,050

Bootstrap Icons

1,204

Unicons

Отключите наборы, которые сайту не нужны, и их пункты в селекторе исчезнут вместе с ними. Пользовательские наборы регистрируются через тот же интерфейс, что и четыре встроенных набора.

SEO

Техническое SEO на основе вашего контента

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

  • Заголовки и описания, формируемые для каждой страницы, с переопределением для отдельных записей
  • Open Graph and Twitter cards
  • XML-карта сайта и правила для robots.txt
  • Аналитика без второго плагина
  • 16 schema types, from Organization and Breadcrumbs to Product, Offer, Review and opening hours
Производительность
Экран «Настройки темы» Canvas, схема SEO
Всплывающие окна и оверлеи

Всплывающие окна, модальные окна, выдвижные панели и уведомления

Всплывающее окно — это запись, собранная из блоков, как и любой другой элемент оформления сайта. Создайте его один раз, а затем решите, где оно будет показываться.

  • Записи всплывающих окон со своими блоками и настройками
  • Modal, Off Canvas, Overlay Content and Overlay Item blocks
  • Блоки Notification и Alert для сообщений внутри страницы
  • 4 всплывающих паттерна и 4 демо, в которых есть всплывающий паттерн, доступный для открытия и редактирования
Смотрите интерактивные блоки
Заголовки страниц

4 стиля заголовка страницы и 57 опций

Полоса под шапкой — отдельная область оформления: Default, Mini, именованный макет Template или стиль Custom, который вы собираете из блоков.

  • Page Title, Heading, Subtitle, Breadcrumbs and Buttons blocks
  • Общая настройка по умолчанию, которую может переопределить любая страница
  • Фон, высота и выравнивание, а также хлебные крошки с собственным переключателем
Заголовки страниц в конструкторе
Настройки темы Canvas, раздел заголовка страницы: выбор стиля Default, Mini, Template и Custom над полями выравнивания, фона, цветовой схемы, подзаголовка и вертикальных отступов
Настройки темы, Заголовок страницы. Стиль, выравнивание и фон задаются полями, как и отступы. Произвольный вариант передаёт всю полосу в редактор блоков.
Hero и слайдеры

Записи, размещённые слот-блоком

Записи Hero и слайдеры хранятся отдельно, как самостоятельные записи. Блок-слот в шаблоне подставляет запись, назначенную странице, поэтому один и тот же шаблон работает для каждой страницы с разным вступлением.

  • Записи Hero и записи Slider, созданные из блоков
  • Блоки Hero Slot и Slider Slot размещаются в шаблоне блока
  • Оба отображаются в области редактирования ещё до публикации
  • 12 из 88 демо содержат слайдер, который можно редактировать
Блоки Hero в конструкторе
Тёмная тема

Цветовая схема, которая следует настройкам операционной системы

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

  • Адаптивная цветовая схема учитывает предпочтения самого посетителя
  • В комплект темы входят тёмный и полуночный варианты стиля
  • 4 вариации стиля всего, переключаются в Редакторе сайта
Варианты стиля в редакторе сайта
Настройки темы Canvas, раздел цветовой схемы, с переключателем адаптивной цветовой схемы над полями основного, вторичного, акцентного, текстового и фонового цветов
Настройки темы, цветовая схема. Один переключатель вверху палитры, а пять цветов под ним — те же образцы, что видит автор в редакторе блоков.
Текст справа налево

Вся тема зеркально отображается для языков с письмом справа налево

Переключите WordPress на арабский, иврит или фарси, и вёрстка подстроится автоматически: меню, сетки, формы и демо зеркально отобразятся.

  • У каждой таблицы стилей Canvas есть зеркальная версия, которую WordPress загружает автоматически
  • Проверено в режиме справа налево перед выпуском: 88 демо
  • Каждую строку можно перевести, и это, опять же, отдельная тема
Перевод
White Label

Добавьте свой бренд в админку WordPress

Дополнение на уровне аккаунта за 99 $ в год, которое работает с любым тарифом. Оно меняет то, что видит клиент, но не то, что делает сайт.

  • Название и логотип вашего бренда вместо стандартных от Canvas
  • Скрывайте от клиентов экран лицензии и экран демо
  • Направьте ссылку поддержки на собственный сервис помощи
  • Только отображение, поэтому поведение сайта не меняется
Дополнение White Label
Обновления

На экране, где появляются все остальные обновления

Ваша лицензия открывает скачивание, а остальное делает WordPress. Обновления появляются вместе со всеми другими темами и плагинами в разделах «Панель управления» и «Обновления».

  • Режим обслуживания, откат при сбое и письма с результатами встроены в сам WordPress
  • Релизы с исправлениями устанавливаются автоматически по умолчанию, а релизы с новыми функциями ждут вашего подтверждения.
  • Если обновление меняет настроенный вами шаблон, Canvas указывает его по имени
  • Истёкшая лицензия останавливает обновления, но не отображение
Что покрывает лицензия
Перевод

Каждую строку можно перевести

Canvas включает шаблоны для перевода обеих частей продукта, поэтому переводчик может начать работу, не трогая код.

  • 13 090 строк для перевода в плагине
  • 1 983 строки для перевода в теме
  • Файл конфигурации WPML входит в состав плагина
  • Оба шаблона пересоздаются с каждым релизом
Что входит в релиз
Дорожная карта

Новые демо каждые две недели, а порядок задаёте вы

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

Запросить функцию или демо

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

Создайте свой следующий сайт с Canvas

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