Tok et gratis tema, ga det nytt navn og fikk en fullstendig skreddersydd utvikling. Høres enkelt ut, men når du åpner Shapely-katalogen i et redigeringsprogram, spriker blikket: dusinvis av filer, som hver nevner det gamle navnet. Funksjoner med shapely_-prefikset, tekstdomenet, filstier, beskrivelser i css-toppteksten. Gå glipp av én, og temaet vil feile.

Shapely fra Colorlib er et av de beste gratis fundamentene for skreddersydd utvikling: over 10 000 aktive installasjoner, vurdering 4,6 på WordPress.org, sist oppdatert april 2025. En en-sider med parallakse-seksjoner og WooCommerce-støtte som blir til et unikt produkt for en spesifikk kunde etter en halvtimes redigering.

Nedenfor finner du den komplette sekvensen for å erstatte Shapely-temanavnet med ditt eget. Fra massenavneendring av filer til det endelige skjermbildet, uten noen hopp og med velprøvde verktøy.

💡 Rask oversikt:

• Last ned Shapely fra den offisielle siden og kopier temakatalogen med et nytt navn.
• Massenavneendring av filer og mapper: erstatt det gamle shapely-prefikset med ditt eget i små bokstaver.
• Søk og erstatt alle forekomster av shapely og Shapely i PHP-, CSS- og JS-filer med skille mellom store og små bokstaver.
• Fiks function.php, dokumentasjon og tilpasseren, omskriv style.css med det nye temanavnet.
• Forbered et tilpasset screenshot.png og sjekk temaaktivering i administrasjonspanelet.

Hvorfor gi Shapely nytt navn i stedet for å skrive fra bunnen av

Å skrive et tema fra et blankt ark for et ordinært prosjekt er sløsing med budsjett. Shapely gir et ferdig rammeverk: Bootstrap-oppsett, widgeter for hjemmesiden, støtte for populære utvidelser rett ut av esken. Du får et fungerende produkt og endrer bare det kunden trenger: farger, fonter, seksjonsstruktur og, selvfølgelig, navnet.

Å endre navn er ikke kosmetisk. Å endre navnet i alle filer og funksjoner gjør temaet til ditt eget: det vises i administrasjonspanelet under ditt merkenavn, kommer ikke i konflikt med den originale Shapely (du kan ha begge på samme nettsted), og kunden ser skreddersydd utvikling, ikke et «gratis tema fra internett».

I praksis tar hele syklusen 30-40 minutter. La oss bryte ned hvert trinn.

Trinn 1: last ned og kopier katalogen

Last ned Shapely fra colorlib.com eller fra WordPress.org-depotet. Pakk ut arkivet.

Lag en kopi av shapely-katalogen og gi den navnet på ditt tema. Regel: kun små latinske bokstaver og bindestreker. Ingen mellomrom, understreker eller store bokstaver. Eksempler på korrekte navn: trolleybus, mediadoma-theme eller custom-start.

Hvorfor små bokstaver: WordPress normaliserer tema- og utvidelsesnavn til små bokstaver når det sjekker etter oppdateringer og jobber med tekstdomenet. En stor bokstav i mappenavnet er en sikker vei til «hvit skjerm av død» under aktivering.

Trinn 2: massenavneendring av filer

Første gjennomgang, fil- og mappenavn. Shapely har flere dusin, og mange inneholder shapely rett i navnet: shapely-documentation.php, class-shapely-customize.php og så videre.

I Total Commander: åpne temakatalogen, Ctrl+B (flat liste), Ctrl+A (velg alle), Ctrl+M (batch-omdøping). I «Finn»-feltet skriver du shapely, i «Erstatt med»-feltet, det nye navnet (små bokstaver). Kjør, alle filer og mapper får nytt navn på et sekund.

Alternativ uten Total Commander, PowerShell. Åpne en terminal i temakatalogen og kjør:

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

Erstatt newname med din versjon. Denne metoden er gratis og fungerer på alle Windows uten å installere tilleggsprogrammer.

Trinn 3: søk og erstatt i filinnhold

Nå det viktigste, rydd opp i forekomster av shapely inne i PHP-, CSS- og JS-filer. Det er dusinvis av dem, og manuelt søk er ikke et alternativ her.

I Notepad++: Ctrl+Shift+F (søk i filer), katalog, din nye temamappe. Første gjennomgang, erstatt shapely (små bokstaver) med newname. Andre gjennomgang, erstatt Shapely (stor forbokstav) med Newname. Aktiver alternativet «Skill mellom store og små bokstaver» for hver gjennomgang.

Spesifikke steder der temanavnet garantert dukker opp:

• function.php, after_setup_theme-hook, wp_enqueue_style- og wp_enqueue_script-kall med shapely_-prefikset;
• wp-content/themes/yourtheme/inc/trolleybus-documentation.php, hjelpetekst i administrasjonspanelet;
• wp-content/themes/yourtheme/inc/class-customize.php, innstillinger for tilpasseren.

Merk: endre ikke bare tekststrenger, men også funksjonsnavn. shapely_get_option() skal bli yourtheme_get_option(). Ellers, når du installerer to temaer på samme nettsted, vil PHP kaste en fatal feil «Cannot redeclare function».

Trinn 4: fiks style.css, temametadata

Filen style.css i temaroten er «passet»: WordPress leser toppteksten og viser informasjon i «Utseende → Temaer»-seksjonen. Eksempel:

1
/*
2
Theme Name: Trolleybus
3
Theme URI: https://your-site.com/
4
Author: Your Name / Studio
5
Author URI: https://your-site.com/
6
Description: Custom theme based on Shapely — a one-pager with parallax sections, WooCommerce support, and responsive layout. Optimized for a specific project.
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: themename
11
*/

Tre felt er obligatoriske: Theme Name (temanavn i administrasjonspanelet), Text Domain (må samsvare med mappenavnet, WordPress bruker det for oversettelse) og Version. Resten er valgfritt, men Author og Description skaper et profesjonelt inntrykk.

Text Domain er et kritisk felt. Hvis det ikke samsvarer med mappenavnet, vil ikke funksjonen load_theme_textdomain() plukke opp oversettelser, og alle strenger i administrasjonspanelet vil forbli på engelsk.

Trinn 5: forbered et tilpasset screenshot.png

screenshot.png ligger i temaroten og vises i «Utseende → Temaer»-galleriet. Størrelse: i henhold til WordPress.orgs krav for temapresentasjon. Format: PNG.

Hva du skal plassere på skjermbildet: byrålogo, temanavn og et skjermbilde av hjemmesiden etter tilpasning. Ikke la det originale Shapely-skjermbildet ligge, kunden vil se andres produkt og stille spørsmål.

Verktøy: Photoshop, Figma eller gratis GIMP. Tegn en bakgrunn, legg til temanavntekst, sett inn et skjermbilde av hjemmesiden. Lagre som screenshot.png og erstatt filen i temaroten.

Trinn 6: endelig sjekk

Før du overleverer til kunden, sjekk tre ting:

• Aktivering uten feil. Gå til «Utseende → Temaer» og aktiver det nye temaet. Hvit skjerm, gå tilbake til trinn 3, mest sannsynlig ble en funksjon med shapely_-prefikset oversett.
• Navn i administrasjonspanelet. Temalisten viser Theme Name-verdien fra style.css, nøyaktig det du spesifiserte.
• Tilpasserens funksjonalitet. Åpne «Utseende → Tilpass» og gå gjennom seksjonene. Hvis et alternativ ikke lagres, sjekk inc/class-customize.php (trinn 3), kanskje en gammel alternatividentifikator ligger igjen der.

Det var det. Temaet er klart til bruk og bærer ditt navn. Shapely fungerte som fundamentet, men produktet er nå fullt ut ditt.

Hvorfor gjøre det på denne måten og ikke via et child theme

Vanlig spørsmål: hvorfor ikke opprette et child theme og endre navnet i det? Svaret avhenger av scenarioet.

Et child theme passer når du finjusterer et nettsted for deg selv: endrer CSS, legger til funksjoner i functions.php, men den originale Shapely forblir basen og mottar oppdateringer. Dette er riktig vei for en nettstedseier.

For et byrå eller en frilanser som leverer et prosjekt til en kunde, er et child theme et kompromiss. Kunden ser «Shapely» i administrasjonspanelet, og når du oppdaterer parent theme kan dine redigeringer feile (utviklere endret HTML-oppsettet for seksjonen, din CSS-fiks sluttet å virke). Full navneendring gir kontroll over hver fil og eliminerer avhengighet av Colorlib-oppdateringer.

Konklusjon: gjør du det for deg selv, child theme. Gjør du det for en kunde, fork med navneendring.

⁉️🤔 Vanlige spørsmål

Kan jeg gi et tema nytt navn uten Total Commander?

Ja. På Windows 10/11 bruk PowerShell (kommando fra trinn 2), på macOS, Finder med batch-omdøping eller rename-verktøyet i terminalen. På Linux, rename 's/shapely/newname/' *. Hovedsaken er å ikke gå glipp av nestede mapper: PowerShell med -Recurse-flagget går gjennom hele treet, mens Finder bare uthever filer i gjeldende mappe.

Hva skjer hvis jeg lar gamle shapely-forekomster ligge i koden?

Avhenger av plasseringen. Hvis det gamle prefikset forblir i et funksjonsnavn, vil PHP kaste en fatal feil når du installerer to temaer med samme funksjonsnavn, nettstedet vil krasje. Hvis i en filsti, vil ikke bildet eller skriptet lastes (404). Hvis i tekstdomenet, vil ikke oversettelsesstrenger bli plukket opp. Verste scenario: nettstedet fungerer, du leverer prosjektet, og en måned senere installerer kunden den originale Shapely av nysgjerrighet og får en hvit skjerm. To temaer med shapely_setup()-funksjoner i én WordPress-installasjon kan ikke sameksistere.

Oppdateres Shapely etter navneendring?

Nei. Du forket temaet, oppdateringer fra Colorlib når deg ikke. Dette er et bevisst valg: du ofrer automatiske oppdateringer for full kontroll. Hvis en kritisk sikkerhetsoppdatering kommer i den originale Shapely, legger du den inn manuelt, kirurgisk. I praksis er stabilitet viktigere for temaer enn oppdateringer: et tema er ikke en utvidelse, sårbarheter i det er sjeldne. Alternativ for de som ønsker både kontroll og oppdateringer, et child theme, men når du leverer et prosjekt til en kunde, er en fork mer pålitelig.

Er Shapely et tema kun for en-sider?

Av design, ja. Men Bootstrap-oppsettet og den modulære strukturen tillater å bruke det for flersiders nettsteder også: bare opprett flere sider i WordPress og sett opp en meny. Hjemmeside-widgeter (parallakse, portfolio) fungerer bare på siden som er satt som «Hjemmeside» i innstillingene. I praksis har vi bygget blogger og produktkataloger på Shapely, rammeverket er i utgangspunktet fleksibelt.

Hva gjør man med skjermbildet hvis det ikke finnes noen designer?

Ta et skjermbilde av den ferdige hjemmesiden (Snipping Tool i Windows eller Cmd+Shift+4 på macOS), åpne det i Canva (gratis, online), legg temanavnet og byrålogoen over, last ned som PNG i nødvendig størrelse. På 10 minutter får du et profesjonelt resultat uten Photoshop. Hovedsaken er å ikke la Shapely-skjermbildet ligge: kunden ser akkurat dette når de velger tema i administrasjonspanelet, og andres merkevare på det stedet undergraver tilliten til arbeidet ditt.

Hva du skal gjøre etter navneendring: neste trinn

Temaet har fått nytt navn og er aktivert. Neste, tilpasning for et spesifikt prosjekt: erstatte fargepaletten i tilpasseren, sette opp hjemmeside-widgeter, koble til WooCommerce hvis en butikk er nødvendig, SEO-optimalisering gjennom Yoast SEO eller Rank Math.

Start med tilpasseren: «Utseende → Tilpass», og gå fra topp til bunn. Shapely viser dusinvis av alternativer der: fra logo til bunntekst. På en times tilpasning får du et unikt utseende uten å skrive en linje kode. Og hvis prosjektet krever dypere tilpasning, har du allerede din egen fork der du kan legge til alle funksjoner uten å se tilbake på originalen.

Hvis nettstedet er planlagt å være flersiders, opprett først maler for interne sider i temamappen. Og husk: navneendringen frigjorde deg fra konflikter med originalen, nå kan Shapely og ditt tema leve på samme nettsted uavhengig av hverandre.