15%

Сэкономьте 15% на всех хостинговых услугах

Проверьте свои навыки и получите скидку на любой тарифный план

Используйте код:

Skills
Начать
21.10.2024

Как использовать стартовые шаблоны в WordPress для создания любого нужного вам сайта

Стартовые шаблоны в WordPress — это готовые, полностью оформленные макеты страниц, которые можно импортировать на сайт в один клик, получая завершённую визуальную структуру — шапку, подвал, внутренние страницы, типографику и цветовые схемы — без написания единой строки кода. Они поставляются в комплекте с темами Astra, Neve, Kadence и OceanWP и доступны через вспомогательные плагины, подключающиеся к библиотеке отраслевых дизайнов.

Практическая ценность значительна: вместо того чтобы собирать главную страницу с нуля, вы импортируете шаблон, подходящий для вашей ниши (SaaS-продукт, юридическая фирма, магазин WooCommerce, портфолио), а затем заменяете placeholder-контент своим. Весь процесс — от чистой установки WordPress до стилизованного многостраничного сайта — может занять менее 30 минут при условии правильной настройки хостинговой среды.

Что нужно сделать перед началом работы

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

Минимальные требования к PHP и памяти:

  • PHP 7.4 или выше (рекомендуется PHP 8.1+ для современных тем)
  • memory_limit не менее 256 MB в php.ini
  • max_execution_time — 300 секунд и более
    upload_max_filesize и post_max_size — оба не менее 64 MB
    
    Если вы используете план VPS Хостинга, вы можете редактировать эти значения напрямую в /etc/php/8.1/fpm/php.ini (скорректируйте путь к версии в соответствии с вашим стеком) и перезагрузить PHP-FPM:
    sudo nano /etc/php/8.1/fpm/php.ini
    # Set: memory_limit = 256M, max_execution_time = 300
    sudo systemctl reload php8.1-fpm
    В общих средах эти ограничения часто задаются через панель управления хостингом. Если вы используете план Виртуального веб-хостинга, проверьте раздел конфигурации PHP в cPanel или обратитесь в службу поддержки для увеличения лимитов перед выполнением полного импорта сайта.
    SSL настоятельно рекомендуется перед запуском. Импорт шаблона по HTTP с последующим переходом на HTTPS вызывает проблемы смешанного контента во встроенных изображениях и скриптах. Настройте SSL-сертификат до запуска импорта.
    Шаг 1: Выберите тему, поддерживающую стартовые шаблоны
    Не каждая тема WordPress поставляется с библиотекой шаблонов. Следующие четыре представляют наиболее зрелые экосистемы, каждая с сотнями шаблонов и активной разработкой:
    
    
    
    Тема
    Размер библиотеки шаблонов
    Совместимость с конструктором страниц
    Лёгкая база (KB)
    Бесплатный уровень
    
    
    
    
    
    
    
    
    —
    —
    —
    —
    —
    
    
    
    
    
    
    
    
    **Astra**
    250+ шаблонов
    Elementor, Gutenberg, Beaver Builder, Brizy
    ~50 KB
    Да
    
    
    
    
    
    
    
    
    **Neve**
    100+ шаблонов
    Elementor, Gutenberg, Brizy
    ~30 KB
    Да
    
    
    
    
    
    
    
    
    **Kadence**
    100+ шаблонов
    Gutenberg (нативный), Elementor
    ~40 KB
    Да
    
    
    
    
    
    
    
    
    **OceanWP**
    50+ шаблонов
    Elementor, Gutenberg
    ~60 KB
    Да
    
    
    
    
    
    Astra — наиболее широко используемый вариант с наиболее глубокой интеграцией с Elementor. Kadence — лучший выбор, если вы хотите работать исключительно в нативном блочном редакторе Gutenberg и избежать зависимости от сторонних конструкторов страниц. Neve — наиболее оптимизированная по производительности тема из коробки.
    Для установки выбранной темы:
    
    Войдите в панель управления WordPress.
    Перейдите в Внешний вид > Темы.
    Нажмите Добавить новую, найдите тему по названию.
    Нажмите Установить, затем Активировать.
    
    Шаг 2: Установите плагин стартовых шаблонов
    Каждая тематическая экосистема использует немного отличающийся плагин для доступа к библиотеке шаблонов. В таблице ниже показано соответствие тем и их вспомогательных плагинов:
    
    
    
    Тема
    Название плагина
    Slug на WordPress.org
    
    
    
    
    
    
    
    
    —
    —
    —
    
    
    
    
    
    
    
    
    Astra
    Starter Templates
    `astra-sites`
    
    
    
    
    
    
    
    
    Neve
    Neve Pro / Otter Blocks
    `otter-blocks`
    
    
    
    
    
    
    
    
    Kadence
    Kadence Starter Templates
    `kadence-starter-templates`
    
    
    
    
    
    
    
    
    OceanWP
    Ocean Extra
    `ocean-extra`
    
    
    
    
    
    Для Astra (наиболее распространённый рабочий процесс):
    
    Перейдите в Плагины > Добавить новый.
    Найдите Starter Templates.
    Установите и активируйте плагин с названием Starter Templates – Elementor, Gutenberg & Beaver Builder Templates.
    
    После активации в меню появится новый пункт Внешний вид > Starter Templates.
    Важный граничный случай: Если вы переносите существующий сайт и у вас уже есть контент, не запускайте полный импорт сайта. Он перезапишет существующие страницы, меню и виджеты. Используйте вместо этого Import Single Page или Import Home Template и вручную объедините нужные элементы дизайна.
    Шаг 3: Выберите и импортируйте стартовый шаблон
    После активации плагина мастер импорта запускается автоматически или доступен через Внешний вид > Starter Templates.
    Рабочий процесс:
    
    Выберите конструктор страниц. Мастер спрашивает, хотите ли вы использовать Elementor, Gutenberg или Beaver Builder. Этот выбор является постоянным для импорта — вы не можете смешивать конструкторы в рамках одного импорта шаблона. Выберите Gutenberg для более лёгкой настройки без плагинов; выберите Elementor, если вам нужна расширенная гибкость перетаскивания.
    
    
    Фильтрация по категории. Шаблоны организованы по отраслям (Бизнес, eCommerce, Агентство, Ресторан, Портфолио, Образование и др.). Используйте строку поиска для фильтрации по ключевым словам.
    
    
    Предварительный просмотр перед импортом. Нажмите на миниатюру любого шаблона, чтобы открыть живой предпросмотр. Изучите внутренние страницы (О нас, Контакты, Блог) — не только главную страницу — поскольку главная страница часто выглядит отполированной, тогда как внутренние страницы скудны.
    
    
    Выберите область импорта:
    
    
    Import Complete Site — импортирует все страницы, записи, меню, виджеты и настройки кастомайзера темы. Лучший вариант для новых сайтов.
    Import Home Template — импортирует только макет главной страницы. Лучший вариант для существующих сайтов, где нужно обновить только главную страницу.
    
    
    Подтвердите импорт. Плагин загрузит демо-контент, изображения (из Unsplash или CDN плагина) и настройки кастомайзера. На медленных соединениях или ограничительных серверах это может занять 60–90 секунд.
    
    Что импортируется, а что нет:
    
    
    
    Ресурс
    Импортируется
    Примечания
    
    
    
    
    
    
    
    
    —
    —
    —
    
    
    
    
    
    
    
    
    Макеты страниц
    Да
    Все страницы из демо
    
    
    
    
    
    
    
    
    Демо-изображения
    Да
    Placeholder-изображения из Unsplash CDN
    
    
    
    
    
    
    
    
    Плагины (WooCommerce и др.)
    С запросом
    Установщик плагинов запускается в рамках мастера
    
    
    
    
    
    
    
    
    Ваши существующие записи/страницы
    Нет
    Существующий контент не удаляется, если вы не выбрали «Delete Previously Imported Data»
    
    
    
    
    
    
    
    
    Настройки домена/DNS
    Нет
    Необходимо настраивать отдельно
    
    
    
    
    
    
    
    
    SSL-сертификат
    Нет
    Необходимо настроить заранее
    
    
    
    
    
    Шаг 4: Настройте шаблон
    Использование редактора Elementor
    Перейдите в Страницы, наведите курсор на любую страницу и нажмите Редактировать в Elementor. Визуальный редактор откроется с полностью редактируемым импортированным макетом.
    Основные действия по настройке:
    
    Замена изображений: Нажмите на любой виджет изображения, затем щёлкните на миниатюру изображения в левой панели, чтобы открыть медиабиблиотеку. Замените демо-изображения своими ресурсами.
    Редактирование текста на месте: Нажмите непосредственно на любой текстовый элемент, чтобы редактировать его прямо на странице.
    Глобальные цвета и шрифты: В Elementor перейдите в Настройки сайта > Глобальные цвета и Глобальные шрифты, чтобы задать палитру бренда и систему типографики для всего сайта. Изменение глобального цвета обновляет все элементы, которые на него ссылаются, на всех страницах одновременно.
    Структура секций и колонок: Щёлкните правой кнопкой мыши на любой секции, чтобы дублировать, удалить или переместить её. Используйте панель навигатора (значок слоёв на нижней панели инструментов) для сложных макетов с вложенными секциями.
    
    После редактирования нажмите Обновить (не Опубликовать — страница уже опубликована; Обновить сохраняет ваши изменения).
    Использование блочного редактора Gutenberg
    Перейдите в Страницы, нажмите Редактировать на нужной странице. Блочный редактор откроется с импортированным макетом на основе паттернов.
    Основные действия по настройке:
    
    Нажмите на любой блок, чтобы выделить его. Используйте панель инструментов над блоком для настройки выравнивания, цвета и форматирования.
    Используйте Список блоков (значок стопки линий на верхней панели инструментов), чтобы просматривать полную иерархию блоков и перемещаться по ней — это необходимо для сложных шаблонов с вложенными блоками Group и Cover.
    Для изменения глобальных стилей перейдите в Внешний вид > Редактор > Стили (темы с полным редактированием сайта) или Внешний вид > Настроить (классические темы).
    Панель Стили в редакторе сайта позволяет задать глобальную типографику и цветовые палитры, которые применяются ко всем блокам.
    
    Примечание о производительности: Шаблоны на основе Gutenberg генерируют более чистый HTML и загружаются быстрее, чем шаблоны на основе Elementor, поскольку не требуют среды выполнения JavaScript Elementor. Для сайтов, где приоритетом являются Core Web Vitals, путь через Gutenberg измеримо лучше.
    Шаг 5: Настройте глобальные параметры темы
    После импорта откройте Внешний вид > Настроить для тонкой настройки глобальной системы дизайна. Доступные панели варьируются в зависимости от темы, но все основные темы со стартовыми шаблонами предоставляют:
    Типографика:
    
    Задайте основное семейство шрифтов для заголовков (H1–H6) и основного текста.
    Определите размеры шрифтов, межстрочные интервалы и межбуквенные расстояния глобально.
    Используйте системные шрифты (-apple-system, BlinkMacSystemFont, sans-serif) или выборку из Google Fonts. Системные шрифты устраняют внешний HTTP-запрос и улучшают показатели LCP.
    
    Цвета:
    
    Задайте основной цвет (акцент бренда), вторичный цвет, цвет текста и цвет фона.
    Эти значения заполняют CSS-переменные (--wp--preset--color--primary), на которые ссылаются все импортированные блоки и виджеты.
    
    Макет:
    
    Задайте глобальную ширину контейнера (обычно 1200px–1440px для современных дизайнов).
    Настройте макет шапки: фиксированная шапка, прозрачная шапка при прокрутке, поведение мобильного меню.
    Настройте колонки подвала, области виджетов и текст авторских прав.
    
    Специфично для Astra: Кастомайзер Astra имеет панель Производительность, где можно отключить загрузку Google Fonts (полезно при самостоятельном хостинге шрифтов для соответствия GDPR) и включить минификацию CSS.
    Шаг 6: Замените placeholder-контент
    Демо-контент шаблона намеренно является обобщённым. Систематическая замена выполняется быстрее, чем редактирование страница за страницей:
    
    Перейдите в Страницы и отсортируйте по Дате, чтобы найти все страницы, импортированные во время настройки шаблона.
    Откройте каждую страницу и замените:
    
    
    Заголовки и основной текст на ваш реальный контент.
    Демо-изображения на ваши собственные фотографии или лицензионные стоковые изображения. Используйте описательный текст alt для каждого изображения.
    Placeholder-номера телефонов, адреса и адреса электронной почты.
    Демо-ссылки навигации — проверьте Внешний вид > Меню, чтобы убедиться, что все пункты меню ведут на реальные страницы.
    
    
    Обновите Название сайта и Краткое описание в разделе Настройки > Общие.
    Задайте Главную страницу и Страницу записей в разделе Настройки > Чтение.
    
    Важный шаг для SEO: После замены контента установите Yoast SEO или Rank Math и задайте уникальный мета-заголовок и мета-описание для каждой страницы. Импорт шаблонов не заполняет SEO-метаданные.
    Шаг 7: Расширьте функциональность с помощью плагинов
    Стартовые шаблоны обеспечивают каркас дизайна, а не функциональность. В зависимости от типа сайта вам понадобятся дополнительные плагины:
    
    
    
    Тип сайта
    Рекомендуемый плагин
    Назначение
    
    
    
    
    
    
    
    
    —
    —
    —
    
    
    
    
    
    
    
    
    eCommerce
    WooCommerce
    Каталог товаров, корзина, оформление заказа
    
    
    
    
    
    
    
    
    Лидогенерация
    WPForms или Contact Form 7
    Контактные формы и формы запросов
    
    
    
    
    
    
    
    
    Членство
    MemberPress или Restrict Content Pro
    Контент с ограниченным доступом
    
    
    
    
    
    
    
    
    SEO
    Rank Math или Yoast SEO
    On-page SEO, карты сайта, схема
    
    
    
    
    
    
    
    
    Производительность
    WP Rocket или LiteSpeed Cache
    Кэширование, минификация, отложенная загрузка
    
    
    
    
    
    
    
    
    Безопасность
    Wordfence или Solid Security
    Брандмауэр, сканирование на вредоносное ПО
    
    
    
    
    
    
    
    
    Резервное копирование
    UpdraftPlus
    Автоматическое резервное копирование на внешние ресурсы
    
    
    
    
    
    Если вы используете WooCommerce, убедитесь, что ваш хостинговый план справится с дополнительной нагрузкой на базу данных. VPS с cPanel предоставляет запас ресурсов и интерфейс управления для работы WooCommerce в масштабе без ограничений виртуального хостинга.
    Шаг 8: Предпросмотр, тестирование и запуск
    Перед публикацией пройдитесь по этому чек-листу перед запуском:
    Визуальный контроль качества:
    
    Просмотрите сайт на десктопе, планшете и мобильном устройстве с помощью адаптивного предпросмотра в кастомайзере WordPress или DevTools браузера.
    Убедитесь, что на страницах не осталось демо-изображений.
    Проверьте, что все шрифты загрузились корректно (ограничение скорости сети в DevTools может выявить мерцание при смене шрифтов).
    
    Функциональное тестирование:
    
    Отправьте каждую форму и убедитесь, что уведомление по электронной почте приходит. Проверьте конфигурацию Email-хостинга, если транзакционные письма не доставляются — стандартная функция WordPress wp_mail() использует функцию PHP mail(), которую многие хосты блокируют. Используйте SMTP-плагин (WP Mail SMTP, Post SMTP) с аутентифицированными учётными данными.
    Нажмите на каждую ссылку навигации и кнопку. Импортированные шаблоны иногда содержат жёстко заданные демо-URL.
    Протестируйте процесс оформления заказа, если активирован WooCommerce.
    
    Базовые показатели производительности:
    
    Запустите тест PageSpeed Insights для главной страницы. Стремитесь к LCP менее 2,5 секунды и показателю CLS ниже 0,1.
    Если показатели низкие, включите кэширование, оптимизируйте изображения (конвертируйте в WebP) и рассмотрите использование CDN.
    
    Безопасность:
    
    Убедитесь, что HTTPS применяется на всём сайте. Проверьте, что в консоли браузера нет предупреждений о смешанном контенте.
    Измените стандартное имя пользователя администратора WordPress, если оно по-прежнему admin.
    Задайте права доступа к файлам: для директорий — 755, для файлов — 644, для wp-config.php — 600.
    
    После прохождения всех проверок сайт готов к запуску. Если он всё ещё находится на временном домене, обновите Адрес WordPress (URL) и Адрес сайта (URL) в разделе Настройки > Общие после привязки домена. Вы можете зарегистрировать или перенести домен через Регистрацию доменов, если вы ещё этого не сделали.
    Распространённые ошибки и способы их избежать
    Импорт прерывается в середине процесса: Обычно вызвано слишком низкими значениями PHP memory_limit или max_execution_time. Увеличьте эти значения, как описано в разделе предварительных требований, затем повторите импорт.
    Демо-изображения не загружаются после импорта: Плагин Starter Templates загружает изображения с внешнего CDN. Если ваш сервер имеет ограничения на исходящий HTTP-трафик или брандмауэр, блокирующий внешние запросы, изображения не будут загружены. Добавьте CDN-домены плагина в белый список или временно ослабьте правила исходящего трафика во время импорта.
    Шаблон выглядит иначе, чем в предпросмотре: Это почти всегда означает, что необходимый плагин (Elementor Pro, определённое дополнение) не был установлен. Мастер импорта перечисляет необходимые плагины — установите все их перед импортом.
    Изменения в кастомайзере не применяются к импортированным страницам: Некоторые шаблоны Elementor используют собственные глобальные настройки Elementor, а не кастомайзер темы. Изменения, внесённые в Внешний вид > Настроить, не повлияют на элементы, управляемые Elementor. Используйте Elementor > Настройки сайта для таких страниц.
    Снижение производительности после импорта: Полный импорт сайта загружает все демо-плагины и ресурсы. Проведите аудит активных плагинов после импорта и деактивируйте всё ненужное. Каждый активный плагин добавляет накладные расходы на выполнение PHP при каждой загрузке страницы.
    Матрица технических решений: выбор пути разработки
    
    
    
    Сценарий
    Рекомендуемый путь
    
    
    
    
    
    
    
    
    —
    —
    
    
    
    
    
    
    
    
    Новый сайт, без существующего контента, нужна скорость
    Astra + Starter Templates + Elementor, полный импорт сайта
    
    
    
    
    
    
    
    
    Сайт с приоритетом производительности (Core Web Vitals)
    Kadence + Kadence Starter Templates + только Gutenberg
    
    
    
    
    
    
    
    
    Существующий сайт, редизайн только главной страницы
    Любая тема + импорт шаблона одной страницы
    
    
    
    
    
    
    
    
    Магазин WooCommerce
    Astra или Kadence + шаблон для WooCommerce
    
    
    
    
    
    
    
    
    Разработчик, создающий сайт для клиента
    Neve + дочерняя тема + выборочный импорт блоков
    
    
    
    
    
    
    
    
    Требуется минимальный набор плагинов
    Kadence + Gutenberg, без Elementor
    
    
    
    
    
    Чек-лист перед запуском
    
    Лимит памяти PHP — 256 MB или выше перед импортом
    SSL-сертификат активен и HTTPS применяется принудительно
    Полный импорт сайта сначала выполнен на тестовой среде, затем перенесён на продакшн
    Весь демо-текст и изображения-заглушки заменены
    SEO-мета-заголовки и описания заданы для каждой страницы
    Все формы протестированы с подтверждённой доставкой реальных писем
    Навигационные меню проверены — нет неработающих ссылок или демо-URL
    Базовые показатели производительности измерены с помощью PageSpeed Insights
    Плагин кэширования активен и настроен
    Имя пользователя администратора изменено со стандартного admin
  • Права доступа к wp-config.php установлены на 600
  • DNS домена указывает на правильный IP-адрес сервера

FAQ

Можно ли использовать стартовый шаблон на существующем сайте WordPress без потери текущего контента?

Да, но необходимо выбрать «Import Single Page» или «Import Home Template», а не «Import Complete Site». Полный импорт сайта перезапишет существующие страницы, меню и области виджетов. Всегда делайте полную резервную копию перед любой операцией импорта.

Работают ли стартовые шаблоны с любой темой WordPress или только с определёнными?

Стартовые шаблоны привязаны к конкретным тематическим экосистемам. Плагин Astra Starter Templates работает только с темой Astra. Kadence Starter Templates требует темы Kadence. Нельзя выполнять перекрёстный импорт шаблонов между несовместимыми темами.

Почему импортированные страницы выглядят иначе, чем в предпросмотре шаблона?

Наиболее распространённая причина — отсутствующий необходимый плагин, как правило Elementor Pro или премиум-дополнение. Мастер импорта перечисляет все необходимые плагины; установите каждый из них перед импортом. Вторичная причина — лимит памяти PHP, из-за которого импорт завершился с ошибкой в тихом режиме, оставив часть ресурсов незагруженными.

Навредит ли использование стартового шаблона SEO моего сайта?

Само по себе нет, но стартовые шаблоны импортируют демо-контент без SEO-метаданных. Вы должны вручную задать уникальные мета-заголовки, описания и структурированные данные для каждой страницы. Кроме того, некоторые шаблоны с большим количеством Elementor генерируют раздутый HTML, который может негативно влиять на Core Web Vitals — проведите аудит с помощью PageSpeed Insights после импорта.

Можно ли перейти на другой стартовый шаблон после того, как сайт уже настроен?

Технически да, но это деструктивно. Импорт нового шаблона полного сайта перезапишет существующие настройки. Практический подход — экспортировать текущие настройки кастомайзера (с помощью инструмента экспорта темы), импортировать новый шаблон на тестовый сайт, вручную перенести контент, затем перенести тестовый сайт на продакшн.

15%

Сэкономьте 15% на всех хостинговых услугах

Проверьте свои навыки и получите скидку на любой тарифный план

Используйте код:

Skills
Начать