Skip to content

Kõik WordPressist, veebiarendusest — ja mitte ainult

🛠 Shapely teema ümbernimetamine oma projekti jaoks: täielik juhend

🛠 Shapely teema ümbernimetamine oma projekti jaoks: täielik juhend

Võtsin tasuta teema, nimetasin ümber ja sain täiesti kohandatud arenduse. Kõlab lihtsalt, aga kui avad Shapely kataloogi redaktoris, lähevad silmad kirjuks: kümneid faile, igaühes mainitud vana nime. Funktsioonid eesliitega shapely_, tekstidomeenid, failiteed, kirjeldused faili style.css päises. Üksainus vahelejäämine ja teema läheb katki.

Colorlibi Shapely on üks parimaid tasuta aluseid kohandatud arenduseks: 10 000+ aktiivset paigaldust, hinne 4,6 saidil WordPress.org, viimati uuendatud aprillis 2025. Üheleheline teema parallaks-sektsioonide ja WooCommerce'i toega, mis muutub pooletunnise toimetamise järel konkreetse kliendi jaoks unikaalseks tooteks.

Allpool on täielik juhis Shapely teemanime asendamiseks enda omaga. Alates failide hulgiteisendamisest kuni lõpliku kuvatõmmiseni, ilma vahelejätmisteta ja tõestatud tööriistadega.

💡 Kiirülevaade:

  • Laadi Shapely alla ametlikult lehelt ja kopeeri teemakataloog uue nimega.
  • Nimeta failid ja kaustad hulgi ümber: asenda vana shapely eesliide enda omaga väiketähtedes.
  • Otsi ja asenda kõik shapely ja Shapely esinemised PHP, CSS ja JS failide sees, arvestades tõstutundlikkust.
  • Paranda function.php, dokumentatsioon ja kohandaja, kirjuta style.css ümber uue teemanimega.
  • Valmista ette kohandatud screenshot.png ja kontrolli teema aktiveerimist halduspaneelis.

Miks Shapely ümber nimetada, mitte nullist kirjutada

Teema kirjutamine puhtalt lehelt tavalise projekti jaoks on eelarve raiskamine. Shapely pakub valmis raamistikku: Bootstrapi küljendus, vidinad avalehele, populaarsete pluginatega ühilduvus kohe karbist. Saad töötava toote ja muudad ainult seda, mida klient vajab: värve, fonte, sektsioonide ülesehitust ja loomulikult nime.

Ümbernimetamine pole kosmeetika. Nime muutmine kõigis failides ja funktsioonides teeb teemast sinu oma: see kuvatakse halduspaneelis sinu brändi all, ei lähe vastuollu originaalse Shapelyga (saad mõlemat samal saidil hoida) ja klient näeb kohandatud arendust, mitte „tasuta teemat internetist".

Praktikas võtab kogu tsükkel aega 30-40 minutit. Vaatame iga sammu lähemalt.

1. Samm: laadi alla ja kopeeri kataloog

Laadi Shapely alla saidilt colorlib.com või WordPress.org repositooriumist. Paki arhiiv lahti.

Tee shapely kataloogist koopia ja anna sellele oma teema nimi. Reegel: ainult väikesed ladina tähed ja sidekriipsud. Ei tühikuid, alakriipse ega suurtähti. Õigete nimede näited: trolleybus, mediadoma-theme või custom-start.

Miks väiketähed: WordPress normaliseerib teema- ja pluginanimed väiketähtedeks, kui kontrollib uuendusi ja töötab tekstidomeenidega. Suurtäht kaustanimes on kindel tee „valge surma ekraanini" aktiveerimisel.

2. Samm: failide hulgiteisendamine

Esimene läbikäik, faili- ja kaustanimed. Shapelyl on neid mitukümmend ja paljud sisaldavad shapely otse nimes: shapely-documentation.php, class-shapely-customize.php jne.

Programmis Total Commander: ava teemakataloog, Ctrl+B (lameloend), Ctrl+A (vali kõik), Ctrl+M (hulgiteisendamine). Sisesta väljale „Otsi" shapely, väljale „Asenda" uus nimi (väiketähtedes). Käivita, kõik failid ja kaustad on sekundiga ümber nimetatud.

Alternatiiv ilma Total Commanderita, PowerShell. Ava terminal teemakataloogis ja käivita:

1Get-ChildItem -Recurse | Where-Object { $_.Name -like '*shapely*' } | Rename-Item -NewName { $_.Name -replace 'shapely', 'newname' }

Asenda newname enda variandiga. See meetod on tasuta ja töötab igas Windowsis ilma lisaprogramme paigaldamata.

3. Samm: otsi ja asenda failide sisus

Nüüd kõige olulisem, puhasta shapely mainimised PHP, CSS ja JS failide seest. Neid on kümneid ja käsitsi otsimine ei tule siin kõne alla.

Notepad++'s: Ctrl+Shift+F (otsi failidest), kataloogiks sinu uus teemakaust. Esimene läbikäik, asenda shapely (väiketähed) sõnaga newname. Teine läbikäik, asenda Shapely (suurtähega) sõnaga Newname. Luba iga läbikäigu jaoks valik „Match case".

Konkreetsed kohad, kus teemanimi kindlasti esineb:

  • function.php, after_setup_theme konks, wp_enqueue_style ja wp_enqueue_script väljakutsed eesliitega shapely_;
  • wp-content/themes/yourtheme/inc/trolleybus-documentation.php, abitekst halduspaneelis;
  • wp-content/themes/yourtheme/inc/class-customize.php, kohandaja seaded.

Märkus: muuda mitte ainult tekstistringe, vaid ka funktsiooninimesid. shapely_get_option() peaks muutuma yourtheme_get_option(). Vastasel juhul, kui samale saidile paigaldada kaks teemat, viskab PHP fataalse vea „Cannot redeclare function."

4. Samm: paranda style.css, teema metaandmed

Fail style.css teema juurkataloogis on „pass": WordPress loeb selle päist ja kuvab teabe jaotises „Välimus → Teemad". Näidis:

1/*
2Theme Name: Trolleybus
3Theme URI: https://your-site.com/
4Author: Your Name / Studio
5Author URI: https://your-site.com/
6Description: Custom theme based on Shapely — a one-pager with parallax sections, WooCommerce support, and responsive layout. Optimized for a specific project.
7Version: 1.0
8License: GNU General Public License v2 or later
9License URI: http://www.gnu.org/licenses/gpl-2.0.html
10Text Domain: themename
11*/

Kolm välja on kohustuslikud: Theme Name (teema nimi halduspaneelis), Text Domain (peab ühtima kaustanimega, WordPress kasutab seda tõlkimiseks) ja Version. Ülejäänud on valikulised, kuid Author ja Description loovad professionaalse mulje.

Text Domain on kriitiline väli. Kui see ei ühti kaustanimega, ei leia funktsioon load_theme_textdomain() tõlkeid üles ja kõik stringid halduspaneelis jäävad inglise keelde.

5. Samm: valmista ette kohandatud screenshot.png

screenshot.png asub teema juurkataloogis ja seda näidatakse galeriis „Välimus → Teemad". Suurus: vastavalt WordPress.org teemaesitluse nõuetele. Formaat: PNG.

Mida kuvatõmmisele panna: stuudio logo, teema nimi ja avalehe kuvatõmmis pärast kohandamist. Ära jäta originaalset Shapely kuvatõmmist, klient näeb võõrast toodet ja küsib küsimuse.

Tööriistad: Photoshop, Figma või tasuta GIMP. Joonista taust, lisa teema nime tekst, paiguta avalehe kuvatõmmis. Salvesta kui screenshot.png ja asenda fail teema juurkataloogis.

WordPressi arendaja töölaud koodiga monitoril

6. Samm: lõppkontroll

Enne kliendile üleandmist kontrolli kolme asja:

  • Aktiveerimine vigadeta. Mine jaotisse „Välimus → Teemad" ja aktiveeri uus teema. Valge ekraan, mine tagasi 3. sammu juurde, tõenäoliselt jäi mõni funktsioon eesliitega shapely_ kahe silma vahele.
  • Nimi halduspaneelis. Teemade loendis kuvatakse Theme Name väärtus failist style.css, täpselt see, mille määrasid.
  • Kohandaja töökorras. Ava „Välimus → Kohanda" ja käi sektsioonid läbi. Kui mõni valik ei salvestu, kontrolli faili inc/class-customize.php (3. samm), võib-olla on sinna jäänud vana valiku identifikaator.

See on kõik. Teema on töövalmis ja kannab sinu nime. Shapely oli aluseks, kuid toode on nüüd täielikult sinu oma.

Miks teha seda nii, mitte alamteema kaudu

Levinud küsimus: miks mitte luua alamteema ja muuta nimi seal? Vastus sõltub stsenaariumist.

Alamteema sobib, kui viimistled saiti enda jaoks: muudad CSS-i, lisad funktsioone faili functions.php, kuid originaalne Shapely jääb baasiks ja saab uuendusi. See on õige tee saidi omanikule.

Agentuurile või vabakutselisele, kes annab projekti kliendile üle, on alamteema kompromiss. Klient näeb halduspaneelis „Shapely" ja peateema uuendamisel võivad sinu muudatused katki minna (arendajad muutsid sektsiooni HTML-i märgendust, sinu CSS-i parandus lakkas töötamast). Täielik ümbernimetamine annab kontrolli iga faili üle ja välistab sõltuvuse Colorlibi uuendustest.

Järeldus: teed endale, alamteema. Teed kliendile, haru koos ümbernimetamisega.

⁉️🤔 Levinud küsimused

Kas teemat saab ümber nimetada ilma Total Commanderita?

Jah. Windows 10/11 puhul kasuta PowerShelli (käsk 2. sammust), macOS-is Finderit hulgiteisendamisega või terminalis utiliiti rename. Linuxis rename 's/shapely/newname/' *. Peamine on mitte jätta vahele pesastatud kaustu: PowerShell lipuga -Recurse läbib kogu puu, samas kui Finder tõstab esile ainult praeguse kausta failid.

Mis juhtub, kui jätan koodi vanad shapely mainimised alles?

Sõltub asukohast. Kui vana eesliide jääb funktsiooninimesse, viskab PHP kahe samanimelise funktsiooniga teema paigaldamisel fataalse vea, sait jookseb kokku. Kui failiteesse, siis pilti või skripti ei laadita (404). Kui tekstidomeeni, siis tõlkestringe ei leita. Halvim stsenaarium: sait töötab, annad projekti üle ja kuu aja pärast paigaldab klient uudishimust originaalse Shapely ja saab valge ekraani. Kaks teemat funktsiooniga shapely_setup() ühes WordPressis koos ei eksisteeri.

Kas Shapely uueneb pärast ümbernimetamist?

Ei. Sa harutasid teema, Colorlibi uuendused sinuni ei jõua. See on teadlik otsus: ohverdad automaatsed uuendused täieliku kontrolli nimel. Kui originaalses Shapelys ilmub kriitiline turvapaik, rakendad selle käsitsi, kirurgiliselt. Praktikas on teemade puhul stabiilsus olulisem kui uuendused: teema pole plugin, turvaauke esineb neis harva. Alternatiiv neile, kes tahavad nii kontrolli kui uuendusi, on alamteema, kuid projekti kliendile üleandmisel on haru usaldusväärsem.

Kas Shapely on ainult üheleheliste saitide teema?

Disaini poolest jah. Kuid Bootstrapi küljendus ja modulaarne ülesehitus võimaldavad seda kasutada ka mitmeleheliste saitide jaoks: lihtsalt loo WordPressis täiendavad lehed ja sea üles menüü. Avalehe vidinad (parallaks, portfoolio) töötavad ainult lehel, mis on seadetes määratud „Avaleheks". Praktikas oleme Shapely peale ehitanud blogisid ja tootekatalooge, raamistik on algselt paindlik.

Mida teha kuvatõmmisega, kui disainerit pole?

Tee valmis avalehest kuvatõmmis (Windowsis Snipping Tool või macOS-is Cmd+Shift+4), ava see Canvas (tasuta, veebipõhine), paiguta peale teema nimi ja stuudio logo, laadi alla vajalikus suuruses PNG-na. 10 minutiga saad professionaalse tulemuse ilma Photoshopita. Peamine on mitte jätta Shapely kuvatõmmist: klient näeb just seda teemat valides halduspaneelis ja võõras bränd selles kohas õõnestab usaldust sinu töö vastu.

Mida teha pärast ümbernimetamist: järgmine samm

Teema on ümber nimetatud ja aktiveeritud. Järgmiseks kohandamine konkreetse projekti jaoks: värvilahenduse asendamine kohandajas, avalehe vidinate seadistamine, WooCommerce'i ühendamine, kui on vaja poodi, SEO optimeerimine Yoast SEO või Rank Mathi abil.

Alusta kohandajast: „Välimus → Kohanda" ja liigu ülevalt alla. Shapely kuvab seal kümneid valikuid: logost kuni jalusaluni. Tunni aja kohandamisega saad unikaalse välimuse ilma ühtegi koodirida kirjutamata. Ja kui projekt nõuab sügavamat kohandamist, on sul juba oma haru, kuhu saad lisada mis tahes funktsioone, originaalile tagasi vaatamata.

Kui sait on planeeritud mitmeleheline, loo kõigepealt teemakausta sisemiste lehtede mallid. Ja pea meeles: ümbernimetamine vabastas sind konfliktidest originaaliga, nüüd saavad Shapely ja sinu teema samal saidil iseseisvalt koos eksisteerida.