Создание собственной бесплатной темы начинается не с дизайна, а с выбора платформы: для WordPress потребуется связка файлов style.css и index.php, для статических сайтов достаточно HTML-шаблона с CSS, а для конструкторов вроде Tilda или WordPress.com — встроенного редактора внешнего вида. Если пропустить этот шаг и начать писать код «вообще», тема не установится или будет отображаться некорректно.
В этом руководстве разберём, как сделать тему с нуля и без вложений: какие бесплатные инструменты использовать, как устроена структура файлов, как оформить дизайн и где разместить результат, чтобы им могли пользоваться другие. Инструкции ориентированы на начинающих и не требуют навыков программирования сверх базового HTML и CSS.
Что понадобится для создания бесплатной темы
Минимальный набор инструментов полностью бесплатен. Вам нужен редактор кода — подойдёт VS Code, Notepad++ или любой другой текстовый редактор с подсветкой синтаксиса. Для локального тестирования темы WordPress потребуется локальный сервер: LocalWP, XAMPP или OpenServer — все они распространяются бесплатно.
Для работы с графикой пригодятся бесплатные редакторы: GIMP или Photopea для растровых изображений, Figma (бесплатный тариф) для прототипирования макета. Иконки и шрифты берите из открытых источников — Google Fonts и библиотеки с лицензиями, разрешающими свободное использование.
- 📝 Редактор кода — VS Code или аналог для написания HTML, CSS и PHP.
- 🖥️ Локальный сервер — LocalWP или OpenServer для проверки темы без хостинга.
- 🎨 Графический редактор — Figma для макета, GIMP или Photopea для картинок.
- 🔤 Бесплатные шрифты и иконки — только с лицензиями, разрешающими свободное распространение.
Структура файлов темы для WordPress
Тема WordPress — это папка с набором файлов в директории wp-content/themes/. Минимально необходимы два файла: style.css с заголовком-комментарием, где указано название темы, и index.php — основной шаблон. Без корректного заголовка в style.css WordPress просто не увидит тему в админ-панели.
Заголовок в style.css выглядит так:
/*
Theme Name: Моя первая тема
Author: Ваше имя
Description: Бесплатная тема для блога
Version: 1.0
*/
Для полноценной темы добавляют файлы header.php, footer.php, functions.php и screenshot.png — превью размером 1200×900 пикселей, которое отображается в разделе Внешний вид → Темы. Файл functions.php отвечает за подключение стилей, регистрацию меню и поддержку миниатюр записей.
☑️ Минимальный набор файлов темы
Как сделать тему для статического сайта
Если речь о простом сайте без CMS, бесплатная тема — это готовый HTML-шаблон с подключёнными стилями. Создайте файл index.html, рядом папку css/ со стилями и папку img/ для изображений. Такой шаблон можно распространять свободно: пользователю достаточно заменить тексты и картинки на свои.
Адаптивность обязательна. Используйте медиазапросы и относительные единицы измерения, чтобы тема корректно выглядела на смартфонах. Проверить результат можно прямо в браузере: в Chrome или Firefox откройте инструменты разработчика клавишей F12 и переключитесь в режим эмуляции мобильного устройства.
Сравнение подходов к созданию темы
Выбор способа зависит от ваших навыков и целей. Ниже — сравнение основных вариантов.
| Подход | Навыки | Скорость | Гибкость |
|---|---|---|---|
| Тема с нуля (код) | HTML, CSS, PHP | Медленно | Максимальная |
| Дочерняя тема WordPress | Базовый CSS | Быстро | Средняя |
| Стартовая тема (Underscores) | Базовый PHP | Средне | Высокая |
| Конструктор блоков (Gutenberg) | Не требуются | Быстро | Ограниченная |
Для новичка разумный путь — дочерняя тема: вы создаёте папку с двумя файлами, указываете родительскую тему в заголовке style.css и переопределяете только нужные стили. Родительская тема обновляется независимо, а ваши изменения не теряются.
Дизайн и типичные ошибки
Частая ошибка начинающих — жёстко зашитые цвета и шрифты без возможности настройки. Если тема предназначена не только для себя, добавьте поддержку Настройщика WordPress (Customizer), чтобы пользователь мог менять логотип, цвета и фон без правки кода.
Вторая проблема — использование чужих изображений и шрифтов без проверки лицензии. Тема с защищёнными авторским правом элементами не пройдёт модерацию в официальном каталоге WordPress и может стать причиной претензий. Используйте только ресурсы с лицензиями CC0, GPL-совместимыми или собственные материалы.
⚠️ Внимание: не копируйте платную тему и не распространяйте её как «бесплатную версию» — это нарушение лицензии. Делайте собственную разработку или используйте темы с лицензией GPL как основу согласно её условиям.
Тестирование и публикация темы
Перед публикацией проверьте тему на локальном сервере: все страницы, записи, меню, виджеты и формы должны работать без ошибок PHP. Включите отладку, добавив в wp-config.php строку define('WP_DEBUG', true); — так вы увидите предупреждения, которые в обычном режиме скрыты.
Готовую тему можно опубликовать в официальном каталоге WordPress.org — размещение бесплатное, но требуется прохождение проверки на соответствие требованиям каталога. Альтернатива — репозиторий на GitHub с инструкцией по установке в файле README.md.
⚠️ Внимание: перед отправкой в каталог WordPress убедитесь, что тема не содержит скрытых ссылок, внешних скриптов без необходимости и закрытого кода — это прямые причины отклонения на модерации.
Как монетизировать бесплатную тему
Бесплатная тема не означает отсутствие дохода. Распространённая модель — freemium: базовая версия бесплатна, а расширенные настройки, шаблоны страниц и поддержка идут в платной версии. Так работают многие известные темы в каталоге WordPress.
Другой вариант — портфолио и заказы. Опубликованная бесплатная тема демонстрирует ваши навыки и приводит клиентов на индивидуальную разработку. Укажите в описании темы, что доступны для заказной работы, если это соответствует правилам площадки.
Что такое GPL и почему это важно для тем WordPress
WordPress распространяется под лицензией GPL, и производные работы (темы, плагины) в части PHP-кода также подпадают под GPL. Это значит, что код темы можно свободно изучать и изменять. Изображения и CSS в теме могут иметь отдельную лицензию, но для каталога WordPress.org требуется полная GPL-совместимость всех компонентов.
Часто задаваемые вопросы
Можно ли сделать тему без знания программирования?
Да — используйте блочный редактор WordPress (Gutenberg) и функцию редактирования сайта, если ваша версия её поддерживает, либо создайте дочернюю тему и меняйте только стили через визуальный настройщик.
Сколько времени занимает создание простой темы?
Зависит от навыков и сложности дизайна. Базовую дочернюю тему с изменёнными стилями можно собрать за один вечер, а полноценная тема с нуля потребует нескольких дней работы и тестирования.
Нужен ли хостинг для разработки темы?
Нет. Локальный сервер (LocalWP, OpenServer, XAMPP) позволяет полностью разработать и протестировать тему на своём компьютере бесплатно. Хостинг понадобится только для демонстрации темы в интернете.
Можно ли продавать тему, сделанную на основе бесплатной?
Если исходная тема под GPL — да, с соблюдением условий лицензии. Если лицензия запрещает производные работы или коммерческое использование — нет. Всегда проверяйте файл лицензии в папке исходной темы.
Какие требования у каталога WordPress.org к темам?
Основные: GPL-совместимость всех компонентов, отсутствие скрытых ссылок и рекламы, корректная работа без ошибок, использование стандартных функций WordPress вместо самописных решений. Полный список требований публикуется на официальном сайте каталога и периодически обновляется.