Взяли безкоштовну тему, перейменували й отримали повністю власну розробку. Звучить просто, але коли відкриваєш каталог 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. Відкрийте термінал у каталозі теми та виконайте:

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

Крок 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 і ваша тема можуть жити на одному сайті незалежно.