Sie haben ein kostenloses Theme genommen, es umbenannt und eine vollständig individuelle Entwicklung erhalten. Klingt einfach, aber wenn Sie das Shapely-Verzeichnis in einem Editor öffnen, zerstreut sich der Blick: Dutzende Dateien, jede erwähnt den alten Namen. Funktionen mit dem Präfix shapely_, Text-Domains, Asset-Pfade, Beschreibungen im style.css-Header. Übersehen Sie nur eine, und das Theme funktioniert nicht mehr.

Shapely von Colorlib ist eine der besten kostenlosen Grundlagen für die individuelle Entwicklung: über 10.000 aktive Installationen, 4,6 Sterne auf WordPress.org, zuletzt aktualisiert im April 2025. Ein One-Pager mit Parallax-Sektionen und WooCommerce-Unterstützung, der nach einer halben Stunde Bearbeitung zu einem einzigartigen Produkt für einen bestimmten Kunden wird.

Nachfolgend die vollständige Abfolge, um den Theme-Namen Shapely durch Ihren eigenen zu ersetzen. Von der massenhaften Dateiumbenennung bis zum finalen Screenshot, ohne Auslassungen und mit bewährten Werkzeugen.

💡 Kurzer Überblick:

• Laden Sie Shapely von der offiziellen Seite herunter und kopieren Sie das Theme-Verzeichnis mit einem neuen Namen.
• Benennen Sie Dateien und Ordner massenhaft um: Ersetzen Sie das alte Shapely-Präfix durch Ihr eigenes in Kleinbuchstaben.
• Suchen und ersetzen Sie alle Vorkommen von shapely und Shapely in PHP-, CSS- und JS-Dateien unter Beachtung der Groß- und Kleinschreibung.
• Korrigieren Sie function.php, Dokumentation und Customizer, schreiben Sie style.css mit dem neuen Theme-Namen um.
• Bereiten Sie ein eigenes screenshot.png vor und prüfen Sie die Theme-Aktivierung im Admin-Bereich.

Warum Sie Shapely umbenennen sollten, statt von Grund auf neu zu schreiben

Ein Theme für ein gewöhnliches Projekt von Grund auf neu zu schreiben, ist Budgetverschwendung. Shapely liefert ein fertiges Framework: Bootstrap-Layout, Widgets für die Startseite, Unterstützung für gängige Plugins von Haus aus. Sie erhalten ein funktionierendes Produkt und ändern nur das, was der Kunde braucht: Farben, Schriften, Sektionsstruktur und natürlich den Namen.

Die Umbenennung ist nicht kosmetisch. Die Namensänderung in allen Dateien und Funktionen macht das Theme zu Ihrem: Es erscheint im Admin-Bereich unter Ihrer Marke, kollidiert nicht mit dem originalen Shapely (Sie können beide auf derselben Website behalten), und der Kunde sieht eine individuelle Entwicklung, kein „kostenloses Theme aus dem Internet".

In der Praxis dauert der vollständige Zyklus 30 bis 40 Minuten. Lassen Sie uns jeden Schritt aufschlüsseln.

Schritt 1: Verzeichnis herunterladen und kopieren

Laden Sie Shapely von colorlib.com oder aus dem WordPress.org-Repository herunter. Entpacken Sie das Archiv.

Erstellen Sie eine Kopie des Verzeichnisses shapely und benennen Sie es mit Ihrem Theme-Namen. Regel: nur lateinische Kleinbuchstaben und Bindestriche. Keine Leerzeichen, Unterstriche oder Großbuchstaben. Beispiele für korrekte Namen: trolleybus, mediadoma-theme oder custom-start.

Warum Kleinbuchstaben: WordPress normalisiert Theme- und Plugin-Namen bei der Update-Prüfung und der Arbeit mit Text-Domains in Kleinbuchstaben. Ein Großbuchstabe im Ordnernamen ist ein sicherer Weg zum „White Screen of Death" bei der Aktivierung.

Schritt 2: Massenhafte Dateiumbenennung

Erster Durchlauf, Datei- und Ordnernamen. Shapely hat mehrere Dutzend, und viele enthalten shapely direkt im Namen: shapely-documentation.php, class-shapely-customize.php und so weiter.

Im Total Commander: Öffnen Sie das Theme-Verzeichnis, Ctrl+B (flache Liste), Ctrl+A (alles auswählen), Ctrl+M (Stapelumbenennung). Geben Sie im Feld „Suchen nach" shapely ein, im Feld „Ersetzen durch" den neuen Namen (Kleinbuchstaben). Führen Sie es aus, alle Dateien und Ordner sind in einer Sekunde umbenannt.

Alternative ohne Total Commander, PowerShell. Öffnen Sie ein Terminal im Theme-Verzeichnis und führen Sie aus:

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

Ersetzen Sie newname durch Ihre Version. Diese Methode ist kostenlos und funktioniert auf jedem Windows ohne Installation zusätzlicher Programme.

Schritt 3: Suchen und Ersetzen in Dateiinhalten

Nun das Wichtigste: Bereinigen Sie Erwähnungen von shapely innerhalb von PHP-, CSS- und JS-Dateien. Es gibt Dutzende davon, und manuelle Suche ist hier keine Option.

In Notepad++: Ctrl+Shift+F (in Dateien suchen), Verzeichnis, Ihr neuer Theme-Ordner. Erster Durchlauf: Ersetzen Sie shapely (Kleinbuchstaben) durch newname. Zweiter Durchlauf: Ersetzen Sie Shapely (großgeschrieben) durch Newname. Aktivieren Sie für jeden Durchlauf die Option „Groß-/Kleinschreibung beachten".

Spezifische Stellen, an denen der Theme-Name garantiert vorkommt:

• function.php, Hook after_setup_theme, Aufrufe von wp_enqueue_style und wp_enqueue_script mit dem Präfix shapely_;
• wp-content/themes/yourtheme/inc/trolleybus-documentation.php, Hilfetext im Admin-Bereich;
• wp-content/themes/yourtheme/inc/class-customize.php, Customizer-Einstellungen.

Hinweis: Ändern Sie nicht nur Textzeichenfolgen, sondern auch Funktionsnamen. shapely_get_option() sollte zu yourtheme_get_option() werden. Andernfalls wirft PHP einen fatalen Fehler „Cannot redeclare function", wenn zwei Themes auf derselben Website installiert sind.

Schritt 4: style.css korrigieren, Theme-Metadaten

Die Datei style.css im Theme-Stammverzeichnis ist der „Reisepass": WordPress liest ihren Header und zeigt die Informationen im Bereich „Design → Themes" an. Beispiel:

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

Drei Felder sind obligatorisch: Theme Name (Theme-Name im Admin-Bereich), Text Domain (muss mit dem Ordnernamen übereinstimmen, WordPress verwendet sie für die Übersetzung) und Version. Der Rest ist optional, aber Author und Description erzeugen einen professionellen Eindruck.

Text Domain ist ein kritisches Feld. Wenn sie nicht mit dem Ordnernamen übereinstimmt, findet die Funktion load_theme_textdomain() die Übersetzungen nicht und alle Zeichenfolgen im Admin-Bereich bleiben auf Englisch.

Schritt 5: Ein eigenes screenshot.png vorbereiten

screenshot.png befindet sich im Theme-Stammverzeichnis und wird in der Galerie „Design → Themes" angezeigt. Größe: gemäß den Theme-Präsentationsanforderungen von WordPress.org. Format: PNG.

Was auf dem Screenshot zu platzieren ist: Studio-Logo, Theme-Name und ein Screenshot der Startseite nach der Anpassung. Belassen Sie nicht den originalen Shapely-Screenshot, der Kunde sieht ein fremdes Produkt und wird nachfragen.

Werkzeuge: Photoshop, Figma oder das kostenlose GIMP. Zeichnen Sie einen Hintergrund, fügen Sie den Theme-Namen als Text hinzu, fügen Sie einen Startseiten-Screenshot ein. Speichern Sie als screenshot.png und ersetzen Sie die Datei im Theme-Stammverzeichnis.

Schritt 6: Abschließende Prüfung

Prüfen Sie vor der Übergabe an den Kunden drei Dinge:

• Aktivierung ohne Fehler. Gehen Sie zu „Design → Themes" und aktivieren Sie das neue Theme. Weißer Bildschirm: Gehen Sie zurück zu Schritt 3, höchstwahrscheinlich wurde eine Funktion mit dem Präfix shapely_ übersehen.
• Name im Admin-Bereich. Die Theme-Liste zeigt den Wert Theme Name aus style.css an, genau das, was Sie angegeben haben.
• Customizer-Funktionalität. Öffnen Sie „Design → Customizer" und gehen Sie die Sektionen durch. Wenn eine Option nicht gespeichert wird, prüfen Sie inc/class-customize.php (Schritt 3), möglicherweise befindet sich dort noch eine alte Optionskennung.

Das war's. Das Theme ist einsatzbereit und trägt Ihren Namen. Shapely diente als Grundlage, aber das Produkt gehört jetzt vollständig Ihnen.

Warum diesen Weg gehen und nicht über ein Child-Theme

Häufige Frage: Warum nicht ein Child-Theme erstellen und den Namen darin ändern? Die Antwort hängt vom Szenario ab.

Ein Child-Theme eignet sich, wenn Sie eine Website für sich selbst verfeinern: CSS ändern, Funktionen zu functions.php hinzufügen, aber das originale Shapely die Basis bleibt und Updates erhält. Das ist der richtige Weg für einen Website-Betreiber.

Für eine Agentur oder einen Freelancer, der ein Projekt an einen Kunden liefert, ist ein Child-Theme ein Kompromiss. Der Kunde sieht „Shapely" im Admin-Bereich, und bei einem Update des Parent-Themes können Ihre Bearbeitungen kaputtgehen (Entwickler haben das HTML-Markup einer Sektion geändert, Ihre CSS-Anpassung funktioniert nicht mehr). Die vollständige Umbenennung gibt Ihnen die Kontrolle über jede Datei und beseitigt die Abhängigkeit von Colorlib-Updates.

Fazit: Für sich selbst: Child-Theme. Für einen Kunden: Fork mit Umbenennung.

⁉️🤔 Häufige Fragen

Kann ich ein Theme ohne Total Commander umbenennen?

Ja. Verwenden Sie unter Windows 10/11 PowerShell (Befehl aus Schritt 2), unter macOS den Finder mit Stapelumbenennung oder das Dienstprogramm rename im Terminal. Unter Linux: rename 's/shapely/newname/' *. Die Hauptsache ist, keine verschachtelten Ordner zu übersehen: PowerShell mit dem Flag -Recurse durchläuft den gesamten Baum, während der Finder nur Dateien im aktuellen Ordner markiert.

Was passiert, wenn ich alte Shapely-Erwähnungen im Code belasse?

Hängt vom Ort ab. Wenn das alte Präfix in einem Funktionsnamen verbleibt, wirft PHP bei der Installation zweier Themes mit denselben Funktionsnamen einen fatalen Fehler, die Website stürzt ab. Wenn in einem Asset-Pfad, wird das Bild oder Skript nicht geladen (404). Wenn in der Text-Domain, werden Übersetzungszeichenfolgen nicht gefunden. Schlimmstes Szenario: Die Website funktioniert, Sie liefern das Projekt aus, und einen Monat später installiert der Kunde aus Neugier das originale Shapely und erhält einen weißen Bildschirm. Zwei Themes mit shapely_setup()-Funktionen in einem WordPress koexistieren nicht.

Erhält Shapely nach der Umbenennung Updates?

Nein. Sie haben das Theme geforkt, Updates von Colorlib erreichen Sie nicht. Das ist eine bewusste Entscheidung: Sie verzichten auf automatische Updates zugunsten vollständiger Kontrolle. Wenn ein kritischer Sicherheitspatch im originalen Shapely erscheint, wenden Sie ihn manuell und chirurgisch an. In der Praxis ist Stabilität bei Themes wichtiger als Updates: Ein Theme ist kein Plugin, Sicherheitslücken darin sind selten. Alternative für diejenigen, die sowohl Kontrolle als auch Updates wünschen: ein Child-Theme, aber bei der Auslieferung eines Projekts an einen Kunden ist ein Fork zuverlässiger.

Ist Shapely ein Theme nur für One-Pager?

Vom Design her, ja. Aber das Bootstrap-Layout und die modulare Struktur erlauben die Verwendung auch für mehrseitige Websites: Erstellen Sie einfach zusätzliche Seiten in WordPress und richten Sie ein Menü ein. Startseiten-Widgets (Parallax, Portfolio) funktionieren nur auf der Seite, die in den Einstellungen als „Startseite" zugewiesen ist. In der Praxis haben wir Blogs und Produktkataloge auf Shapely aufgebaut, das Framework ist von Haus aus flexibel.

Was tun mit dem Screenshot, wenn kein Designer verfügbar ist?

Machen Sie einen Screenshot der fertigen Startseite (Snipping Tool in Windows oder Cmd+Shift+4 auf macOS), öffnen Sie ihn in Canva (kostenlos, online), legen Sie den Theme-Namen und das Studio-Logo darüber, laden Sie ihn als PNG in der erforderlichen Größe herunter. In 10 Minuten erhalten Sie ein professionelles Ergebnis ohne Photoshop. Die Hauptsache: Belassen Sie nicht den Shapely-Screenshot: Der Kunde sieht genau diesen bei der Theme-Auswahl im Admin-Bereich, und eine fremde Marke an dieser Stelle untergräbt das Vertrauen in Ihre Arbeit.

Was nach der Umbenennung zu tun ist: Nächster Schritt

Das Theme ist umbenannt und aktiviert. Als Nächstes folgt die Anpassung für ein spezifisches Projekt: Ersetzen des Farbschemas im Customizer, Einrichten der Startseiten-Widgets, Einbinden von WooCommerce, falls ein Shop benötigt wird, SEO-Optimierung durch Yoast SEO oder Rank Math.

Beginnen Sie mit dem Customizer: „Design → Customizer", und gehen Sie von oben nach unten vor. Shapely gibt dort Dutzende von Optionen aus: vom Logo bis zur Fußzeile. In einer Stunde Anpassung erhalten Sie ein einzigartiges Erscheinungsbild, ohne eine Zeile Code zu schreiben. Und wenn das Projekt eine tiefergehende Anpassung erfordert, haben Sie bereits Ihren eigenen Fork, in dem Sie beliebige Funktionen hinzufügen können, ohne auf das Original Rücksicht nehmen zu müssen.

Wenn die Website mehrseitig geplant ist, erstellen Sie zunächst Vorlagen für interne Seiten im Theme-Ordner. Und denken Sie daran: Die Umbenennung hat Sie von Konflikten mit dem Original befreit, jetzt können Shapely und Ihr Theme unabhängig voneinander auf derselben Website existieren.