Как выбрать тему WordPress для бизнеса
Большинство статей на эту тему — это списки тем. Эта статья — чек-лист, который подходит для любой из них, включая наши: что открыть, что посчитать и что получить в письменном виде, в порядке, который сэкономит больше всего времени потом.
Проверка 1: Демо представляет собой полноценный сайт или только главную страницу?
Картинка в описании темы почти всегда показывает главную страницу, а главную страницу проще всего оформить. Вы покупаете всё, что за ней стоит.
Нажмите на каждый пункт меню
Откройте живое превью и пройдите по навигации по одному пункту. По ходу считайте две вещи: ссылки, которые ведут на страницу, которую кто-то продумал, и ссылки, которые никуда не ведут, повторяют главную страницу или открывают заглушку. Соотношение этих двух чисел — самая полезная цифра, которую вы получите за весь день, и её никто за вас не опубликует.
Откройте страницы, которые никто не фотографирует
- Отдельная запись блога и архив блога, в котором она находится.
- Архив или список категорий для всего, что продаёт бизнес.
- Страница контактов, страница результатов поиска и страница 404.
- Те же четыре на настоящем телефоне, который удобно держать одной рукой.
Посчитайте формы
Контактная форма — это элемент, который скриншот демо чаще всего подразумевает, но реже всего включает в поставку. Найдите форму, посмотрите, оформлена ли она в стиле всего дизайна, и отправьте её, если превью это позволяет. Затем уточните, входит ли форма в тему или в плагин, который нужно купить отдельно.
Проверьте цифру в утверждении
«40 демо» может означать 40 главных страниц, 40 макетов внутренних страниц или 40 полноценных сайтов. Спросите, что именно имеется в виду, и уточните, что придёт при импорте: только страницы или также меню, формы, шапка, подвал, изображения и настройки.
Для Canvas ответ уже опубликован: демо — это полноценный готовый сайт, включая внутренние страницы. Всего их 88 в 16 категориях, и каждый тариф включает все. Каждая карточка в каталоге показывает количество страниц и типы контента, которые в неё входят. Рабочую форму содержат 83 из 88, а полноценных магазинов WooCommerce среди них: 21. Каждое демо также работает как живой сайт со всеми внутренними страницами, архивами и формами, так что вы можете провести описанную выше проверку бесплатно, прежде чем что-либо тратить.
Проведите проверку кликабельности не только на ноутбуке, но и на телефоне. Дизайн, который держится при ширине 1 440 пикселей, но разваливается при ширине 390 пикселей — это дизайн, который вам придётся чинить по вечерам.
Проверка 2: Где находятся ваши страницы после создания
Любой инструмент вёрстки сохраняет страницу в собственном формате, а от этого формата зависит, сколько вашей работы сохранится, если вы передумаете. Обычно это выясняется в самый неподходящий момент, поэтому уточните заранее.
Разметка конструктора страниц
Конструктор страниц хранит макет в собственном формате: в виде шорткода, сериализованного блока настроек или JSON в метаданных записи. Пока плагин активен, страница отображается правильно. Деактивируйте его, и та же страница покажет необработанные шорткоды или вообще ничего, потому что ни один другой компонент этот формат не читает. Переход на другое решение означает ручную пересборку, а не конвертацию.
Разметка блоков
Редактор блоков сохраняет обычный HTML со структурированными комментариями вокруг него. Откройте запись в режиме кода и посмотрите её. Переключите тему на другую блочную тему, и основные блоки продолжат отображаться, потому что их выводит сам WordPress. Это свойство формата хранения, а не маркетинговое утверждение.
Как проверить перед оплатой
- Соберите одну страницу в пробной версии или на тестовой копии сайта, а затем откройте её в режиме кода редактора. Если страницу можно прочитать как HTML, перед вами разметка блоков. Если вы видите шорткод или сплошной набор закодированных настроек, перед вами формат, который читает только этот плагин.
- Затем проведите тест посложнее. Создайте копию сайта, переключитесь на стандартную тему WordPress, деактивируйте плагин верстки и откройте три страницы. Что бы вы ни увидели, это и есть реальная цена ухода: лучше узнать её сейчас, чем на третьем году.
Говоря об ограничениях, будьте объективны. Любая библиотека блоков, которую вы устанавливаете, — это код, от которого вы теперь зависите, и наша в том числе. Разница в том, насколько большой провал она оставляет: при удалении библиотеки блоков разделы, в которых использовались её блоки, перестают отображаться, а при удалении конструктора вся страница перестаёт отображаться. Canvas сохраняет стандартную разметку блоков WordPress, а его блоки поставляются плагином Canvas Core, поэтому смена темы ничего в них не меняет.
Проверьте 3 пункта: что на самом деле покрывает лицензия
Лицензирование — самая малоизученная часть этого решения и при этом с самыми серьёзными последствиями. Семь вопросов, и ответы должны быть открыто опубликованы на сайте разработчика задолго до того, как придётся писать кому-либо по почте.
- Сколько сайтов покрывает одна лицензия и что считается сайтом?
- Учитываются ли копии для тестирования, разработки и локальные копии в лимите сайтов?
- Разрешено ли создавать на вашей лицензии сайты для клиентов?
- Сколько стоит продление и не превращается ли скидка за первый год в более высокую сумму позже?
- Что происходит в день окончания лицензии: продолжает ли сайт отображаться или часть его перестаёт работать?
- Есть ли период для возврата денег и распространяется ли он на продления, а не только на первые покупки?
- Распространяется ли код по GPL и есть ли в нём обфусцированные части или отключение по дате?
Ответы Canvas
- Сайты. Оба тарифа включают неограниченное число сайтов и сетей мультисайтов. Сайт — это одна установка WordPress на одном домене.
- Тестовые среды. Ничего не учитывается, поэтому тестовые среды, среды разработки и локальные копии не стоят ничего.
- Работы для клиентов. Сайты, которые вы создаёте и обслуживаете для клиентов, считаются так же, как любые другие сайты. Если передать сайт, новому владельцу понадобится собственная лицензия на обновления, импорт демо и AI, при этом сам сайт продолжит отображаться в любом случае.
- Продление. Ежегодно продлевается раз в год по той цене, которую вы заплатили впервые. Пожизненно стоит 299 $ один раз и никогда не продлевается.
- Окончание срока. Все страницы продолжают отображаться, включая премиум-блоки, и ничего не скрывается от посетителей. Обновления, импорт новых демо, CanvasAI Engine и редактирование премиум-блоков приостанавливаются до продления, с отсрочкой на 14 дней, если проверка не может связаться с нашими серверами.
- Возврат. При отказе от покупки по собственному желанию возврат не предусмотрен: все продажи окончательны. Возврат всё же производится, если этого требуют закон или условия покупки Polar, нашего merchant of record.
- Код. Тема и плагин распространяются по лицензии GPL v2 или новее, код не обфусцирован и не настроен на истечение срока действия.
Получите ответ о сроке действия лицензии в письменном виде, у кого бы вы ни покупали. Тема, которая скрывает разделы живой страницы после истечения лицензии, — это совсем другой продукт, чем тема, которая продолжает выводить сайт и лишь приостанавливает сервис, но в таблице тарифов обе описаны одними и теми же словами.
Разработчики тем по-разному отвечают на этот вопрос, а в наших сравнениях каждый ответ приведён с сайта разработчика и с датой, когда мы его прочитали. В сравнении с Astra описано, что, по словам Astra, прекращается при истечении лицензии, а Canvas против Kadence показывает, что условия Kadence разрешают после окончания заказа.
Проверьте 4 пункта: Можно ли редактировать шапку, подвал и меню без кода?
Большинство сожалений о теме связаны с этими тремя вещами. Главную страницу вы получили вместе с демо, и она вам понравилась. Шапку вы меняете в первую неделю, а подвал меняете каждый раз, когда меняется номер телефона или часы работы.
Пять правок, которые стоит попробовать до покупки
- Замените логотип и задайте другой для шапки на телефоне.
- Добавьте пункт в главное меню, затем вложите в него второй уровень.
- Сделайте шапку закреплённой у верхнего края окна при прокрутке.
- Измените количество колонок в подвале и текст в строке с копирайтом.
- Разместите телефон и адрес в полосе над шапкой.
Если в документации ответ на любой из этих вопросов — фрагмент PHP или правило CSS, это и есть ответ, и в бюджет нужно сразу заложить разработчика. Задайте также два уточняющих вопроса: где хранятся эти настройки и что можно переопределить на отдельной странице? Прозрачная шапка только на главной странице — обычное требование, но многие темы не предоставляют для этого никаких средств.
В Canvas шапки, подвалы, верхние панели, мега-меню, боковые панели и заголовки страниц — это записи, которые вы собираете из блоков и назначаете либо на весь сайт, либо на одну страницу. Есть 22 блока шапки, 94 параметра шапки, а в Настройках темы 533 поля в 24 разделах. Страницы открываются в редакторе с готовым шаблоном вокруг вашего контента, поэтому то, что вы редактируете, и есть то, что получит посетитель, а всё, что видит посетитель, настраивается в панели настроек.
Проверка 5: Доступность и скорость, проверенные в вашем браузере
Оба этих утверждения заявляются на страницах продаж, и вы сами можете проверить их на демо самого продавца примерно за пятнадцать минут.
Доступность за десять минут
- Нажмите Tab в начале страницы. Сначала должна появиться ссылка «Перейти к содержимому», затем видимая рамка фокуса должна перемещаться по странице в порядке, соответствующем макету.
- Откройте меню только с помощью клавиатуры, включая подменю, и закройте его клавишей Escape. Меню, которые реагируют только на наведение мыши, исключают значительную долю посетителей.
- Увеличьте масштаб браузера до 200 процентов и проверьте, что ничего не обрезано, не перекрывает другое и не прокручивается вбок.
- Запустите бесплатное расширение для проверки доступности на главной странице, а затем на внутренней. Внутренние страницы обычно показывают худшие результаты, поэтому именно их и стоит проверить.
- Уточните, разделена ли доступность по тарифам. Если что-то из этого включено только в более высоком тарифе или прекращается при истечении срока лицензии, это стоит знать до покупки.
Скорость, измеренная честно
- Откройте сетевую панель браузера на демо и посмотрите на общий объём переданных данных и количество запросов на странице, которая состоит в основном из текста. Текстовая страница, которая подгружает скрипт слайдера и таблицу стилей магазина, показывает, как загружаются ресурсы.
- Запустите тест скорости страницы для демо по его адресу, но помните, что вы измеряете: хостинг продавца, а не ваш. Ваш хостинг, изображения, шрифты и другие плагины влияют на результат так же, как сама тема.
- Задайте вместо этого технический вопрос. Загружает ли страница CSS и JavaScript всех компонентов, которые входят в продукт, или только тех, которые эта страница действительно использует?
Canvas включает ориентиры шапки, навигации, основной области и подвала, ссылку для перехода к содержимому, заголовки в правильной последовательности и видимый фокус на всех элементах, до которых можно дойти клавишей Tab. Меню, мега-меню, боковые панели и модальные окна открываются, перемещаются и закрываются с клавиатуры, а анимации учитывают настройку посетителя «Уменьшить движение». Доступность, безопасность и экспорт данных никогда не относятся к платным функциям и остаются доступными при истёкшей лицензии. По скорости страница загружает только CSS и JavaScript тех блоков, которые на ней есть, а также ещё 35 оптимизаций, и у каждой из них есть собственный переключатель.
Честная оговорка уместна и здесь: ни одна категория продуктов не является быстрой по умолчанию. Тщательно собранная страница в хорошем конструкторе обгонит небрежную страницу в блочной теме. Измеряйте собственные страницы, когда они появятся. Скриншот с любой стороны ничего не доказывает.
Проверка 6: Если вы продаёте, пройдите весь путь покупателя
Именно магазин показывает, выдерживает ли дизайн темы нагрузку или ломается. Главные страницы устроены просто. А вот товар с тремя опциями, корзина с полем для купона и оформление заказа с телефона устроены совсем не просто.
- Пройдите весь путь в демо: список товаров, товар с опциями, добавление в корзину, просмотр корзины, начало оформления заказа и страница личного кабинета. Сделайте это один раз на ноутбуке и один раз на телефоне.
- Проверьте, где заканчивается дизайн. Многие темы оформляют сетку товаров, но корзина и оформление заказа выглядят так, будто это другой сайт.
- Уточните, входят ли шаблоны для магазинов в тариф, который вы сравниваете по цене, или продаются ли они отдельным дополнением.
- Узнайте, что произойдёт со страницами магазина, которые у вас уже есть, когда вы импортируете демо. Один из реальных результатов: две страницы оформления заказа.
Canvas включает 24 блока WooCommerce, которые охватывают страницу товара, сетку магазина, корзину и оформление заказа, а также цветовые образцы, добавление в корзину без перезагрузки страницы и 18 шаблонов магазина. 21 из 88 демо являются полноценными магазинами с товарами и настроенным оформлением заказа, а при импорте используются уже существующие на вашем сайте страницы магазина, корзины, оформления заказа и личного кабинета, и остаётся один комплект этих страниц.
Чем тема не является
Будьте так же внимательны и в обратном направлении. Тема — это слой дизайна. Запись на приём, онлайн-заказы, движок бронирования, лента объектов MLS или IDX и CRM относятся к области плагинов, кто бы ни продавал вам тему. Если демо показывает календарь бронирования или бронирование столиков, спросите, какой плагин его выводит, бесплатен ли этот плагин и входит ли он в цену, которую вам предлагают.
Проверка 7: Поддержка, документация и частота обновлений
Вы покупаете отношения с графиком обслуживания, и всё это публично доступно до оплаты.
- Прочитайте журнал изменений до страницы продаж. Даты показывают, поддерживается ли продукт. Перерыв в двенадцать месяцев или полное отсутствие журнала изменений и есть главный признак.
- Откройте документацию и проверьте, что она соответствует продаваемой версии: актуальные скриншоты, дата в статье и описание настроек, вплоть до тех, о которых не упоминается ни на одной странице продаж.
- Узнайте, где работает поддержка, кто отвечает и требуется ли активная лицензия.
- Проверьте заявленные требования, включая версию WordPress, с которой протестирован продукт. Тема, не протестированная на текущей версии WordPress, — это тема, которую придётся тестировать вам самим.
- Уточните, как приходят обновления: через экран обновлений WordPress или как ручная загрузка, о которой нужно не забыть.
- Спросите, что будет с вашими доработками, когда обновление затронет шаблон, который вы редактировали.
Для Canvas: обновления появляются на обычном экране обновлений WordPress, как только активна ваша лицензия; патч-релизы устанавливаются автоматически, если вы не отключили эту опцию. Если релиз меняет шаблон, который вы настроили в Редакторе сайта, Canvas затем называет этот шаблон, чтобы их было легко сравнить. Новые демо выходят каждые две недели. Документация включает 388 статей и 356 скриншотов, созданных из поставляемого кода. Canvas требует WordPress 7.1 или новее и PHP 7.4 или новее, и проверен на совместимость с WordPress вплоть до версии 7.1.
Проверка 8: когда лучше выбрать бесплатную тему или конструктор страниц
Руководство по выбору, которое не находит ничего достойного за пределами собственного продукта, — это реклама. Три случая, когда не стоит покупать многоцелевую премиум-тему вообще.
- Бесплатная тема из каталога WordPress.org. Если ваш сайт — это несколько страниц, блог или одна страница с контактной формой, вам не нужны десятки демо-сайтов или конструктор шапки. Бесплатные темы в выдаче по многим запросам стоят наравне с платными не просто так, а деньги часто лучше потратить на фотографии и тексты. Довод в пользу платных тем — это объём, поддержка и темп обслуживания, а не качество по определению.
- Конструктор страниц. Перетаскивать элемент куда угодно и сдвигать его на пиксель в зрелом конструкторе всё равно плавнее, и если ваша команда, ваш клиент или фрилансер, которого вы нанимаете по пятницам, пять лет работает в одном таком, эта сноровка стоит реальных денег. Смена инструмента её обесценивает.
- Хостинговый конструктор сайтов. Если вы не хотите думать об обновлениях, хостинге и плагинах и готовы к тому, что сайт живёт на чужой платформе по её условиям, такой выбор вполне обоснован.
Чего не решают эти три изменения, так это остальные пункты этого чек-листа. У бесплатной темы остаётся вопрос сопровождения: что будет, когда автор перестанет её обновлять. У облачного конструктора остаётся вопрос выхода: что уйдёт вместе с вами, если вы решите уйти. Задавайте эти вопросы каждому варианту, а не только тем, за которые нужно платить.
Проверка 9: Контрольный список на одной странице
Используйте это на любой странице товара, в том числе на наших. Большая часть этого бесплатна, и ничего не требует покупки заранее.
- Откройте живое демо и нажмите на каждый пункт меню. Посчитайте страницы, которые действительно проработаны.
- Откройте запись блога, архив, страницу контактов и страницу 404.
- Проверьте количество форм и отправьте одну, если это позволяет предпросмотр.
- Повторите первые три шага на телефоне.
- Уточните, что именно считается под количеством демо: главные страницы, макеты или полноценные сайты.
- Уточните, что входит в импорт: только страницы или также меню, формы, шапку, подвал, изображения и настройки.
- Создайте одну страницу сами и посмотрите, как она хранится, прежде чем появятся двадцать таких страниц.
- На тестовой копии сайта переключите тему и деактивируйте плагин макета, затем откройте три страницы.
- Получите в письменном виде число сайтов, определение сайта и правило для стейджинга.
- Получите в письменном виде цену продления и условия окончания срока действия.
- Проверьте срок возврата средств и то, распространяется ли он на продление.
- Меняйте логотип, пункт меню и колонку подвала без открытия файлов.
- Пройдите демо с помощью Tab, увеличьте масштаб до 200% и запустите расширение для проверки доступности на внутренней странице.
- Если вы продаёте, пройдите на телефоне путь покупателя: магазин, товар, корзину и оформление заказа.
- Проверьте даты в журнале изменений и сверьте документацию с текущей версией.
- Спросите, какой плагин реализует всё, что показано в демо и что тема сама по себе не может сделать.
Шестнадцать проверок, и большинству из них нужно не больше одного дня работы. Если продукт их выдерживает, цена становится последним вопросом, а не первым. Несколько из них можно провести на этом сайте уже сегодня: 88 демо Canvas — это живые сайты, по которым можно переходить от страницы к странице, условия лицензии расписаны пункт за пунктом, а в журнале изменений указаны даты. Проверьте всё до покупки, потому что продажи Canvas не подлежат возврату.
Источники
Там, где это руководство описывает то, что находится за пределами самой Canvas, ниже приведены официальные страницы, которые это документируют.
- Представление блока в виде разметкиdeveloper.wordpress.org · Редактор блоков сохраняет HTML, а комментарии отмечают начало и конец каждого блока
- Что такое тема?developer.wordpress.org · Темы отвечают за внешний вид, а функции, от которых зависит сайт, должны быть в плагинах
- Понимание критерия успеха 2.4.1: Обход блоковw3.org · Способ пропустить повторяющееся содержимое, например через ссылку перехода к основному контенту, для людей, которые пользуются клавиатурой
- Понимание критерия успеха 2.1.1: клавиатураw3.org · Для каждого действия указателя нужен аналог с клавиатуры
- Понимание критерия успеха 1.4.4: изменение размера текстаw3.org · Текст должен масштабироваться до 200 процентов без потери содержимого или функциональности
Что делать дальше
Два руководства, которые углубляют сравнение, и сами сравнения.
Частые вопросы
Полный FAQ ответит на остальные вопросы, а документация подробно описывает каждую настройку.
Какой один тест стоит провести в первую очередь?
Откройте живое демо, которое вас заинтересовало, и нажмите каждый пункт его меню. Посчитайте ссылки, которые открывают оформленную страницу, и ссылки, которые ведут в никуда, повторяют главную или открывают заглушку. Этот простой подсчёт отделяет полноценный сайт от главной страницы с нарисованным меню, и на него уйдёт десять минут.
Стоит ли платить за тему, если есть бесплатные?
Часто нет, и об этом стоит говорить честно. Если ваш сайт — несколько страниц, блог или одна страница с контактной формой, бесплатной темы из каталога WordPress.org будет достаточно, а деньги лучше потратить на фотографии. Платная тема даёт объём, поддержку и темп обслуживания, который можно проверить: больше готовых дизайнов для старта, службу поддержки с живым человеком и обновления, которые выходят вслед за новыми версиями WordPress. Покупайте её ради этого, а не потому, что платное значит лучше.
Что будет с сайтом компании, если я перестану платить за тему?
Это полностью зависит от поставщика, и именно этого часто нет в таблице цен, поэтому уточните ответ в письменном виде до покупки. Некоторые продукты скрывают или отключают разделы действующей страницы, когда лицензия истекает. Canvas так не делает: каждая страница продолжает отображаться точно так же, включая премиум-блоки, а приостанавливается лишь сопровождающий сервис: обновления, импорт новых демо, генерация с помощью CanvasAI Engine и редактирование премиум-блоков. Если при плановой проверке лицензии не удаётся связаться с нашими серверами, Canvas продолжает работать как обычно в течение 14 дней, прежде чем считать лицензию истёкшей.
Можно ли позже сменить тему без переделки каждой страницы?
Всё зависит от формата, в котором сохранены ваши страницы, а не от темы, на которую вы переходите. Содержимое, сохранённое в стандартной разметке блоков WordPress, представляет собой HTML со структурированными комментариями, которые сам WordPress читает, поэтому базовые блоки продолжают отображаться при смене темы. Содержимое, сохранённое в собственном формате конструктора страниц, читает только этот плагин, поэтому переход обычно означает ручную пересборку каждой страницы. Canvas сохраняет стандартную разметку блоков, а его собственные блоки хранятся в плагине Canvas Core, поэтому при смене темы они остаются в ваших записях и страницах.
Сколько демо-сайтов на самом деле нужно бизнесу?
Бизнесу нужен один демо-сайт, который подходит именно ему. Число на странице продаж — слабый сигнал: «40 демо» может означать 40 главных страниц, 40 макетов внутренних страниц или 40 полноценных сайтов, а эти три варианта несопоставимы. Уточните, что именно даёт импорт и есть ли внутренние страницы. Canvas включает 88 полноценных демо-сайтов в 16 категориях, каждый тариф включает все из них, а на карточке каталога указано количество страниц, поэтому заявление можно проверить до оплаты.
Создайте свой следующий сайт с Canvas
Новичок, фрилансер или агентство: вы получаете одни и те же блоки и одни и те же демо. Начните с одного сайта и создавайте столько, сколько нужно, на одной лицензии.