Skip to content

Всё для WordPress, веб-разработки — и не только

🛠 Переименование темы Shapely под свой проект: полная инструкция

🛠 Переименование темы Shapely под свой проект: полная инструкция

Взяли бесплатную тему, переименовали, и получили полностью свою разработку. Звучит просто, но когда открываешь каталог Shapely в редакторе, глаза разбегаются: десятки файлов, в каждом, упоминания старого названия. Функции с префиксом shapely_, текстовые домены, пути к ассетам, описания в хедере style.css, пропустите хоть одно, и тема посыплется.

Shapely от Colorlib, один из лучших бесплатных фундаментов для кастомной разработки: 10 000+ активных установок, рейтинг 4,6 на WordPress.org, последнее обновление, апрель 2025. Одностраничник с параллакс-секциями и поддержкой WooCommerce, который после получаса правок превращается в уникальный продукт под конкретного заказчика.

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

💡 Быстрый обзор:

  • Скачайте Shapely с официальной страницы и скопируйте каталог темы с новым именем.
  • Массово переименуйте файлы и папки: замените старый префикс shapely на свой в нижнем регистре.
  • Найдите и замените все вхождения shapely и Shapely внутри PHP, CSS и JS файлов с учётом регистра.
  • Поправьте function.php, документацию и кастомайзер, перепишите style.css на новое имя темы.
  • Подготовьте авторский screenshot.png и проверьте активацию темы в админке.

Зачем переименовывать Shapely, а не писать с нуля

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

Переименование, не косметика. Смена названия во всех файлах и функциях делает тему вашей: она отображается в админке под вашим брендом, не конфликтует с оригинальной Shapely (можно держать обе на одном сайте), а клиент видит кастомную разработку, а не «бесплатную тему из интернета».

На практике полный цикл занимает 30-40 минут. Разберём каждый шаг.

Шаг 1: скачиваем и копируем каталог

Скачайте Shapely с colorlib.com или из репозитория WordPress.org. Распакуйте архив.

Создайте копию каталога shapely и назовите её именем вашей темы. Правило: только маленькие латинские буквы и дефисы. Никаких пробелов, нижних подчёркиваний и заглавных. Примеры правильных имён: trolleybus, mediadoma-theme или custom-start.

Почему маленькие буквы: WordPress нормализует названия тем и плагинов к нижнему регистру при проверке обновлений и работе с текстовыми доменами. Заглавная буква в имени папки, верный путь к «белому экрану смерти» на этапе активации.

Шаг 2: массовое переименование файлов

Первый проход, по именам файлов и папок. В Shapely их несколько десятков, и многие содержат shapely прямо в названии: shapely-documentation.php, class-shapely-customize.php и так далее.

В Total Commander: откройте каталог темы, Ctrl+B (плоский список), Ctrl+A (выделить всё), Ctrl+M (групповое переименование). В поле «Найти» введите shapely, в поле «Заменить», новое название (нижний регистр). Запустите, все файлы и папки переименованы за секунду.

Альтернатива без Total Commander, PowerShell. Откройте терминал в каталоге темы и выполните:

1Get-ChildItem -Recurse | Where-Object { $_.Name -like '*shapely*' } | Rename-Item -NewName { $_.Name -replace 'shapely', 'новоеназвание' }

Замените новоеназвание на ваш вариант. Этот способ бесплатный и работает на любом Windows без установки дополнительных программ.

Шаг 3: поиск и замена в содержимом файлов

Теперь самое важное, вычистить упоминания shapely внутри PHP, CSS и JS-файлов. Их десятки, и ручной поиск здесь не вариант.

В Notepad++: Ctrl+Shift+F (поиск в файлах), каталог, папка вашей новой темы. Первый проход, замена shapely (маленькие буквы) на новоеназвание. Второй проход, замена Shapely (с заглавной) на Новоеназвание. Включите опцию «С учётом регистра» для каждого прохода.

Конкретные места, где имя темы встречается гарантированно:

  • function.php, хук after_setup_theme, вызовы wp_enqueue_style и wp_enqueue_script с префиксом shapely_;
  • wp-content/themes/вашатема/inc/trolleybus-documentation.php, текст справки в админке;
  • wp-content/themes/вашатема/inc/class-customize.php, настройки кастомайзера.

Обратите внимание: меняйте не только текстовые строки, но и названия функций. shapely_get_option() должна стать вашатема_get_option(). Иначе при установке двух тем на одном сайте PHP выдаст фатальную ошибку «Cannot redeclare function».

Шаг 4: правим style.css, метаданные темы

Файл style.css в корне темы, это «паспорт»: WordPress читает его заголовок и выводит информацию в разделе «Внешний вид → Темы». Образец заполнения:

1/*
2Theme Name: Trolleybus
3Theme URI: https://ваш-сайт.com/
4Author: Ваше Имя / Студия
5Author URI: https://ваш-сайт.com/
6Description: Кастомная тема на базе Shapely — одностраничник с параллакс-секциями, поддержкой WooCommerce и адаптивной вёрсткой. Оптимизирована под конкретный проект.
7Version: 1.0
8License: GNU General Public License v2 or later
9License URI: http://www.gnu.org/licenses/gpl-2.0.html
10Text Domain: названиетемы
11*/

Три поля обязательны: Theme Name (название темы в админке), Text Domain (должен совпадать с именем папки, WordPress использует его для перевода) и Version. Остальное, по желанию, но Author и Description создают профессиональное впечатление.

Text Domain, критичное поле. Если он не совпадает с именем папки, функция load_theme_textdomain() не подхватит переводы, и все строки в админке останутся на английском.

Шаг 5: готовим авторский screenshot.png

screenshot.png лежит в корне темы и показывается в галерее «Внешний вид → Темы». Размер: согласно требованиям WordPress.org к оформлению тем. Формат: PNG.

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

Инструменты: Photoshop, Figma или бесплатный GIMP. Нарисуйте фон, добавьте текст названия темы, вставьте скриншот главной. Сохраните как screenshot.png и замените файл в корне темы.

Рабочее место WordPress разработчика с кодом на мониторе

Шаг 6: финальная проверка

Перед передачей заказчику проверьте три вещи:

  • Активация без ошибок. Зайдите в «Внешний вид → Темы» и активируйте новую тему. Белый экран, вернитесь к шагу 3, скорее всего пропущена функция с префиксом shapely_.
  • Имя в админке. В списке тем отображается значение Theme Name из style.css, ровно то, которое вы указали.
  • Работа кастомайзера. Откройте «Внешний вид → Настроить» и пройдите по секциям. Если какая-то опция не сохраняется, проверьте inc/class-customize.php (шаг 3), возможно там остался старый идентификатор опции.

На этом всё. Тема готова к работе и носит ваше имя, Shapely послужила фундаментом, но продукт теперь полностью ваш.

Зачем это нужно именно так, а не через дочернюю тему

Частый вопрос: почему бы не создать дочернюю тему и не менять имя в ней? Ответ зависит от сценария.

Дочерняя тема подходит, когда вы дорабатываете сайт под себя: меняете CSS, добавляете функции в functions.php, но оригинальная Shapely остаётся основой и получает обновления. Это правильный путь для владельца сайта.

Для агентства или фрилансера, который сдаёт проект заказчику, дочерняя тема, компромисс. Заказчик видит «Shapely» в админке, а при обновлении родительской темы ваши правки могут разъехаться (разработчики поменяли HTML-разметку секции, ваш CSS-фикс перестал работать). Полное переименование даёт контроль над каждым файлом и исключает зависимость от обновлений Colorlib.

Вывод: делаете под себя, дочерняя тема. Делаете под клиента, форк с переименованием.

⁉️🤔 Частые вопросы

Можно ли переименовать тему без Total Commander?

Да. В Windows 10/11 используйте PowerShell (команда из шага 2), на macOS, Finder с массовым переименованием или утилиту rename в терминале. В Linux, rename 's/shapely/новоеназвание/' *. Главное, не пропустить вложенные папки: PowerShell с флагом -Recurse проходит всё дерево, а Finder подсвечивает только файлы текущей папки.

Что будет, если оставить старые упоминания shapely в коде?

Зависит от места. Если старый префикс остался в названии функции, при установке двух тем с одинаковыми именами функций PHP выдаст фатальную ошибку, сайт упадёт. Если в пути к ассету, картинка или скрипт не загрузятся (404). Если в текстовом домене, строки перевода не подхватятся. Худший сценарий: сайт работает, вы сдаёте проект, а через месяц заказчик устанавливает оригинальную Shapely ради интереса, и получает белый экран. Две темы с функциями shapely_setup() в одном WordPress не уживаются.

Обновляется ли Shapely после переименования?

Нет. Вы форкнули тему, обновления от Colorlib к вам не приходят. Это осознанное решение: вы жертвуете автообновлениями ради полного контроля. Если в оригинальной Shapely выходит критический патч безопасности, применяете его руками, точечно. На практике для тем важнее стабильность, чем обновления: тема не плагин, уязвимости в ней редки. Альтернатива для тех, кто хочет и контроль, и обновления, дочерняя тема, но при сдаче проекта заказчику форк надёжнее.

Shapely, тема только для одностраничников?

По задумке, да. Но вёрстка на Bootstrap и модульная структура позволяют использовать её и для многостраничных сайтов: достаточно создать дополнительные страницы в WordPress и настроить меню. Виджеты главной (параллакс, портфолио) работают только на странице, назначенной как «Homepage» в настройках. На практике мы строили на Shapely и блоги, и каталоги товаров, каркас изначально гибкий.

Что делать со скриншотом, если нет дизайнера?

Возьмите скриншот готовой главной страницы (инструмент «Ножницы» в Windows или Cmd+Shift+4 на macOS), откройте в Canva (бесплатно, онлайн), наложите название темы и логотип студии, скачайте как PNG нужного размера. За 10 минут получается профессиональный результат без Photoshop. Главное, не оставляйте скриншот Shapely: заказчик видит именно его при выборе темы в админке, и чужой бренд на этом месте подрывает доверие к вашей работе.

Что делать после переименования: следующий шаг

Тема переименована и активирована. Дальше, настройка под конкретный проект: замена цветовой схемы в кастомайзере, настройка виджетов главной, подключение WooCommerce если нужен магазин, SEO-оптимизация через Yoast SEO или Rank Math.

Начните с кастомайзера: «Внешний вид → Настроить», и пройдите сверху вниз. Shapely выводит туда десятки опций: от логотипа до футера. За час настройки вы получите уникальный внешний вид, не написав ни строчки кода. А если проект требует более глубокой кастомизации, у вас уже есть свой форк, в который можно добавлять любые функции без оглядки на оригинал.

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