5 полных демо

Тема WordPress для портфолио, резюме и магазина

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

Обновлено

Демо

Пять персональных сайтов, готовых к импорту

Каждый из них представляет собой рабочий сайт: страницы, меню и записи проектов, на которых держится сетка. Посмотрите их в работе перед покупкой.

Работы

Проекты — это записи, которые вы заводите один раз

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

  • 25 projects in the Portfolio demo, 14 in Pliff Jenkins, 12 in Illustrator and 4 each in Freelancer and Olivia Chambliss
  • Категории фильтруют сетку на месте: Графика, Иконки, Иллюстрации, UI-элементы и Медиа в демо Portfolio
  • Pliff Jenkins делит работы на категории «Веб-дизайн», «Веб-приложения», «e-commerce», «Фирменный стиль» и «Издательский дизайн», и у каждой есть собственный архив
  • Демо Portfolio включает одну и ту же страницу в двух вариантах: тёмном и светлом, а кнопка в углу переключает между ними
Главная страница демо Portfolio на телефоне, с фильтром по категориям над сеткой работ
Резюме

Страница резюме с готовыми разделами

Фрилансера нанимают по работам и по истории, которая стоит за ними. Демо Pliff Jenkins включает эту вторую часть: страницу резюме с уже готовыми разделами, поэтому остается только заменить записи.

  • Разделы «Профиль», «Опыт», «Образование», «Детали» и «Инструменты», а внизу страницы форма «Начать проект»
  • Полосы навыков на главной странице, каждая является отдельным блоком со своей подписью и процентом.
  • 5 статей и архив, поэтому тексты соседствуют с работами
  • Демо также включает таблицу стилей RTL, а Olivia Chambliss для той же задачи предлагает сайт из семи страниц с журналом.
Страница резюме из демо Pliff Jenkins на телефоне, с разделом профиля
Продажа собственных работ

Типография на одном сайте с портфолио

Демо Illustrator — это магазин WooCommerce в собственном дизайне демо. На его странице Print Shop перечислены товары с ценами, а страницы корзины и оформления заказа собраны из тех же блоков, что и остальной сайт, поэтому магазин воспринимается как часть сайта.

  • Страница Print Shop с 4 товарами из демо, с ценами и статусом наличия
  • Страницы корзины и оформления заказа в дизайне демо, а также форма запроса на комиссию и страница контактов
  • Каждый тариф включает 24 блока WooCommerce, поэтому портфолио без магазина может добавить его позже

Как настроить магазин WooCommerce в Canvas

Демо Illustrator: магазин печатной продукции на телефоне, товар с ценой
Контактная форма демо Olivia Chambliss на телефоне: поля имени, email, список типов проекта и поле сообщения.
Как получать заказы

Форма обращений уже готова, и она умеет больше, чем отправлять письма

Четыре из пяти демо включают рабочую форму Canvas Form. Контактная форма Olivia Chambliss запрашивает имя, адрес электронной почты, тип проекта и краткое описание задачи, и каждое поле можно редактировать в редакторе блоков.

  • Письмо вам, копия отправителю, запись в WordPress и вебхук, если хотите
  • Spam stopped by a honeypot, reCAPTCHA v3 or Cloudflare Turnstile
  • В демо Portfolio используется простая ссылка на email, поэтому добавьте форму, если хотите получать брифы на почту
  • Письма с уведомлениями по умолчанию отправляются через ваш сервер, поэтому, если хостинг ненадёжен, укажите SMTP-провайдера на вкладке Forms.
Почему Canvas для личного сайта

Что экономит вам готовое демо

Готово к показу с первого дня

Импорт переносит внутренние страницы, меню, формы и записи о проектах, так что сайтом не стыдно поделиться с заказчиком уже в день установки.

Редактируется в самом WordPress

Проект, шкала навыков, ставка: каждый из них — поле блока в редакторе WordPress. Никакой подписки на конструктор страниц за вашим собственным сайтом.

Обратимо

Canvas фиксирует всё, что записывает импорт. Кнопка «Удалить демо-данные» очищает их, поэтому попробовать демо резюме после одностраничного демо ничего вам не стоит.

Помощь с текстами включена

Писать о собственных работах — самая тяжелая часть работы. CanvasAI Engine создает черновики и переписывает текст в любом поле блока; ежемесячные AI-кредиты входят в ежегодный тариф.

Вопросы

Личные сайты: прямые ответы

Ответы, которые справедливы для пяти демо в исходном виде, включая то, что оставлено плагинам.

С какого демо для портфолио стоит начать?

Начните с демо Canvas, которое больше всего похоже на нужный вам сайт. Portfolio: одна страница с фильтруемой сеткой из 25 работ в тёмной и светлой версиях. Illustrator добавляет магазин печатной продукции на базе WooCommerce. Freelancer: три страницы: главная, работы и о себе. Olivia Chambliss: персональный сайт из семи страниц с журналом. Pliff Jenkins: сайт-резюме со страницей резюме, страницей работ и разделом статей.

Как организовано управление работами?

Как записи в типе содержимого Canvas Portfolio. Проект — это одна запись: изображения, описание, категории, собственная страница и архив категории. Сетки на главной странице и на странице работ читают одни и те же записи, поэтому новый проект появляется везде, где ему место, без изменения макета. Во всех пяти демо каталог содержит 59 проектов, чтобы показать этот принцип.

Есть ли в демо контактная форма?

Да, в четырёх из пяти: в демо Illustrator, Freelancer, Olivia Chambliss и Pliff Jenkins есть по одной Canvas Form, которая может отправлять письма вам, отправлять отправителю копию, сохранять запись в WordPress и передавать данные на webhook. Спам отсекают honeypot, reCAPTCHA v3 или Cloudflare Turnstile. В демо Portfolio используется простая ссылка на email, поэтому форму нужно добавить так же, как в остальных четырёх: создайте Canvas Form, затем разместите её на странице.

Можно ли уместить весь сайт на одной странице?

Да, и два демо портфолио Canvas построены именно так. Демо Portfolio размещает фильтруемую сетку работ и раздел «Обо мне» на одной странице, а демо Illustrator размещает работы, введение и принты на одной странице, а страницы магазина находятся за ней. Если нужна только одна страница, демо One Page само по себе содержит 65 одностраничных макетов; все они перечислены на странице с демо.

Входят ли планирование встреч, выставление счетов или CRM?

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

На скольких сайтах действует одна лицензия?

Лицензия Canvas покрывает неограниченное число сайтов и мультисайтовых сетей. Годовой тариф стоит 79 $ в год, а пожизненный стоит 299 $ единовременно. Каждый тариф включает все демо и все блоки, поэтому личный сайт и сайт клиента, который вы создадите в следующем месяце, покрываются одной лицензией.

Опубликуйте портфолио в интернете с Canvas

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