Wzięli darmowy motyw, zmienili nazwę i otrzymali w pełni własne opracowanie. Brzmi prosto, ale kiedy otwiera się katalog Shapely w edytorze, oczy rozbiegają się: dziesiątki plików, w każdym wzmianki o starej nazwie. Funkcje z prefiksem shapely_, domeny tekstowe, ścieżki do zasobów, opisy w nagłówku style.css, proszę pominąć choć jedno, a motyw się rozsypie.

Shapely od Colorlib, jedna z najlepszych darmowych podstaw do niestandardowego rozwoju: 10 000+ aktywnych instalacji, ocena 4,6 na WordPress.org, ostatnia aktualizacja, kwiecień 2025. Jednostronicowa witryna z sekcjami parallax i obsługą WooCommerce, która po pół godzinie poprawek zamienia się w unikalny produkt dla konkretnego klienta.

Poniżej, pełna sekwencja zastąpienia nazwy motywu Shapely własną. Od masowej zmiany nazw plików do końcowego zrzutu ekranu, bez luk i ze sprawdzonymi narzędziami.

💡 Szybki przegląd:

• Proszę pobrać Shapely z oficjalnej strony i skopiować katalog motywu z nową nazwą.
• Proszę masowo zmienić nazwy plików i folderów: zastąpić stary prefiks shapely swoim, pisanym małymi literami.
• Proszę znaleźć i zamienić wszystkie wystąpienia shapely oraz Shapely wewnątrz plików PHP, CSS i JS z uwzględnieniem wielkości liter.
• Proszę poprawić function.php, dokumentację i customizer, przepisać style.css na nową nazwę motywu.
• Proszę przygotować autorski screenshot.png i sprawdzić aktywację motywu w panelu administracyjnym.

Po co zmieniać nazwę Shapely, zamiast pisać od zera

Pisanie motywu od zera dla zwykłego projektu to strata budżetu. Shapely daje gotowy szkielet: układ na Bootstrapie, widgety dla strony głównej, wsparcie popularnych wtyczek od razu po instalacji. Otrzymują Państwo działający produkt i zmieniają tylko to, czego potrzebuje klient: kolory, czcionki, strukturę sekcji i, oczywiście, nazwę.

Zmiana nazwy to nie kosmetyka. Zmiana nazwy we wszystkich plikach i funkcjach czyni motyw Państwa własnym: wyświetla się w panelu administracyjnym pod Państwa marką, nie koliduje z oryginalnym Shapely (można trzymać oba na jednej stronie), a klient widzi niestandardowe opracowanie, a nie „darmowy motyw z internetu".

W praktyce pełny cykl zajmuje 30-40 minut. Przeanalizujmy każdy krok.

Krok 1: pobieramy i kopiujemy katalog

Proszę pobrać Shapely z colorlib.com lub z repozytorium WordPress.org. Proszę rozpakować archiwum.

Proszę utworzyć kopię katalogu shapely i nazwać ją nazwą Państwa motywu. Zasada: tylko małe litery łacińskie i myślniki. Żadnych spacji, podkreśleń i wielkich liter. Przykłady poprawnych nazw: trolleybus, mediadoma-theme lub custom-start.

Dlaczego małe litery: WordPress normalizuje nazwy motywów i wtyczek do małych liter podczas sprawdzania aktualizacji i pracy z domenami tekstowymi. Wielka litera w nazwie folderu to prosta droga do „białego ekranu śmierci" na etapie aktywacji.

Krok 2: masowa zmiana nazw plików

Pierwsze przejście, po nazwach plików i folderów. W Shapely jest ich kilkadziesiąt, a wiele z nich zawiera shapely bezpośrednio w nazwie: shapely-documentation.php, class-shapely-customize.php itd.

W Total Commander: proszę otworzyć katalog motywu, Ctrl+B (płaska lista), Ctrl+A (zaznacz wszystko), Ctrl+M (grupowa zmiana nazw). W polu „Znajdź" proszę wpisać shapely, w polu „Zamień na", nową nazwę (małe litery). Proszę uruchomić, a wszystkie pliki i foldery zostaną przemianowane w sekundę.

Alternatywa bez Total Commandera, PowerShell. Proszę otworzyć terminal w katalogu motywu i wykonać:

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

Proszę zamienić новоеназвание na Państwa wariant. Ten sposób jest darmowy i działa na każdym Windowsie bez instalowania dodatkowych programów.

Krok 3: wyszukiwanie i zamiana w zawartości plików

Teraz najważniejsze, wyczyścić wzmianki shapely wewnątrz plików PHP, CSS i JS. Są ich dziesiątki, a ręczne wyszukiwanie nie wchodzi tu w grę.

W Notepad++: Ctrl+Shift+F (wyszukaj w plikach), katalog, folder Państwa nowego motywu. Pierwsze przejście, zamiana shapely (małe litery) na новоеназвание. Drugie przejście, zamiana Shapely (z wielkiej litery) na Новоеназвание. Proszę włączyć opcję „Uwzględnij wielkość liter" dla każdego przejścia.

Konkretne miejsca, gdzie nazwa motywu występuje na pewno:

• function.php, hook after_setup_theme, wywołania wp_enqueue_style i wp_enqueue_script z prefiksem shapely_;
• wp-content/themes/PaństwaMotyw/inc/trolleybus-documentation.php, tekst pomocy w panelu administracyjnym;
• wp-content/themes/PaństwaMotyw/inc/class-customize.php, ustawienia customizera.

Proszę zwrócić uwagę: należy zmieniać nie tylko ciągi tekstowe, ale i nazwy funkcji. shapely_get_option() musi stać się вашатема_get_option(). W przeciwnym razie przy instalacji dwóch motywów na jednej stronie PHP wyrzuci błąd krytyczny „Cannot redeclare function".

Krok 4: poprawiamy style.css, metadane motywu

Plik style.css w katalogu głównym motywu to „paszport": WordPress czyta jego nagłówek i wyświetla informacje w sekcji „Wygląd → Motywy". Wzór wypełnienia:

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
*/

Trzy pola są obowiązkowe: Theme Name (nazwa motywu w panelu administracyjnym), Text Domain (musi być zgodna z nazwą folderu, WordPress używa jej do tłumaczenia) i Version. Reszta, opcjonalnie, ale Author i Description tworzą profesjonalne wrażenie.

Text Domain, pole krytyczne. Jeśli nie jest zgodne z nazwą folderu, funkcja load_theme_textdomain() nie przechwyci tłumaczeń i wszystkie ciągi w panelu administracyjnym pozostaną po angielsku.

Krok 5: przygotowujemy autorski screenshot.png

screenshot.png znajduje się w katalogu głównym motywu i jest pokazywany w galerii „Wygląd → Motywy". Rozmiar: zgodnie z wymaganiami WordPress.org dotyczącymi wyglądu motywów. Format: PNG.

Co umieścić na zrzucie ekranu: logo studia, nazwę motywu i zrzut ekranu strony głównej po dostosowaniu. Proszę nie zostawiać oryginalnego zrzutu ekranu Shapely, klient zobaczy cudzy produkt i zada pytania.

Narzędzia: Photoshop, Figma lub darmowy GIMP. Proszę narysować tło, dodać tekst z nazwą motywu, wstawić zrzut ekranu strony głównej. Proszę zapisać jako screenshot.png i zastąpić plik w katalogu głównym motywu.

Krok 6: końcowa weryfikacja

Przed przekazaniem klientowi proszę sprawdzić trzy rzeczy:

• Aktywacja bez błędów. Proszę wejść w „Wygląd → Motywy" i aktywować nowy motyw. Biały ekran, proszę wrócić do kroku 3, najprawdopodobniej pominięto funkcję z prefiksem shapely_.
• Nazwa w panelu administracyjnym. Na liście motywów wyświetla się wartość Theme Name ze style.css, dokładnie ta, którą Państwo podali.
• Działanie customizera. Proszę otworzyć „Wygląd → Dostosuj" i przejść przez sekcje. Jeśli jakaś opcja nie jest zapisywana, proszę sprawdzić inc/class-customize.php (krok 3), być może pozostał tam stary identyfikator opcji.

To wszystko. Motyw jest gotowy do pracy i nosi Państwa imię, Shapely posłużyło jako fundament, ale produkt jest teraz w pełni Państwa.

Dlaczego jest to potrzebne właśnie tak, a nie przez motyw potomny

Częste pytanie: dlaczego nie utworzyć motywu potomnego i nie zmienić w nim nazwy? Odpowiedź zależy od scenariusza.

Motyw potomny jest odpowiedni, gdy dopracowują Państwo stronę dla siebie: zmieniają CSS, dodają funkcje w functions.php, ale oryginalny Shapely pozostaje podstawą i otrzymuje aktualizacje. To właściwa droga dla właściciela strony.

Dla agencji lub freelancera, który oddaje projekt klientowi, motyw potomny to kompromis. Klient widzi „Shapely" w panelu administracyjnym, a przy aktualizacji motywu nadrzędnego Państwa poprawki mogą się rozjechać (programiści zmienili układ HTML sekcji, Państwa poprawka CSS przestała działać). Pełna zmiana nazwy daje kontrolę nad każdym plikiem i wyklucza zależność od aktualizacji Colorlib.

Wniosek: robią Państwo dla siebie, motyw potomny. Robią Państwo dla klienta, fork ze zmianą nazwy.

⁉️🤔 Często zadawane pytania

Czy można zmienić nazwę motywu bez Total Commandera?

Tak. W Windows 10/11 proszę użyć PowerShell (polecenie z kroku 2), na macOS, Findera z masową zmianą nazw lub narzędzia rename w terminalu. W Linuxie, rename 's/shapely/новоеназвание/' *. Najważniejsze, nie pominąć zagnieżdżonych folderów: PowerShell z flagą -Recurse przechodzi całe drzewo, a Finder podświetla tylko pliki bieżącego folderu.

Co się stanie, jeśli pozostawię stare wzmianki shapely w kodzie?

Zależy od miejsca. Jeśli stary prefiks pozostał w nazwie funkcji, przy instalacji dwóch motywów z identycznymi nazwami funkcji PHP wyrzuci błąd krytyczny, strona padnie. Jeśli w ścieżce do zasobu, obrazek lub skrypt nie załadują się (404). Jeśli w domenie tekstowej, ciągi tłumaczenia nie zostaną przechwycone. Najgorszy scenariusz: strona działa, oddają Państwo projekt, a miesiąc później klient instaluje oryginalny Shapely z ciekawości i otrzymuje biały ekran. Dwa motywy z funkcjami shapely_setup() w jednym WordPressie nie współistnieją.

Czy Shapely aktualizuje się po zmianie nazwy?

Nie. Zrobili Państwo forka motywu, aktualizacje od Colorlib do Państwa nie docierają. To świadoma decyzja: poświęcają Państwo automatyczne aktualizacje na rzecz pełnej kontroli. Jeśli w oryginalnym Shapely pojawi się krytyczna łatka bezpieczeństwa, stosują ją Państwo ręcznie, punktowo. W praktyce dla motywów ważniejsza jest stabilność niż aktualizacje: motyw, to nie wtyczka, podatności w nim są rzadkie. Alternatywa dla tych, którzy chcą i kontroli, i aktualizacji, to motyw potomny, ale przy oddawaniu projektu klientowi fork jest pewniejszy.

Czy Shapely to motyw tylko dla stron jednostronicowych?

Z założenia, tak. Ale układ na Bootstrapie i modułowa struktura pozwalają używać go również dla stron wielostronicowych: wystarczy utworzyć dodatkowe strony w WordPressie i skonfigurować menu. Widgety strony głównej (parallax, portfolio) działają tylko na stronie ustawionej jako „Homepage" w ustawieniach. W praktyce budowaliśmy na Shapely zarówno blogi, jak i katalogi produktów, szkielet jest od początku elastyczny.

Co zrobić ze zrzutem ekranu, jeśli nie ma Pani/Pana projektanta?

Proszę zrobić zrzut ekranu gotowej strony głównej (narzędzie „Wycinanie" w Windows lub Cmd+Shift+4 na macOS), otworzyć w Canvie (bezpłatnie, online), nałożyć nazwę motywu i logo studia, pobrać jako PNG o wymaganym rozmiarze. W 10 minut uzyskuje się profesjonalny rezultat bez Photoshopa. Najważniejsze, nie zostawiać zrzutu ekranu Shapely: klient widzi właśnie go przy wyborze motywu w panelu administracyjnym, a cudza marka w tym miejscu podważa zaufanie do Państwa pracy.

Co robić po zmianie nazwy: następny krok

Motyw został przemianowany i aktywowany. Dalej, konfiguracja pod konkretny projekt: zmiana schematu kolorów w customizerze, konfiguracja widgetów strony głównej, podłączenie WooCommerce, jeśli potrzebny jest sklep, optymalizacja SEO przez Yoast SEO lub Rank Math.

Proszę zacząć od customizera: „Wygląd → Dostosuj" i przejść od góry do dołu. Shapely wyprowadza tam dziesiątki opcji: od logo do stopki. Po godzinie konfiguracji otrzymają Państwo unikalny wygląd, nie pisząc ani jednej linii kodu. A jeśli projekt wymaga głębszego dostosowania, mają już Państwo swój fork, do którego można dodawać dowolne funkcje bez oglądania się na oryginał.

Jeśli strona ma być wielostronicowa, przede wszystkim proszę utworzyć szablony dla stron wewnętrznych w folderze motywu. I proszę pamiętać: zmiana nazwy uwolniła Państwa od konfliktów z oryginałem, teraz Shapely i Państwa motyw mogą żyć na jednej stronie niezależnie.