J’ai pris un thème gratuit, je l’ai renommé et j’ai obtenu un développement entièrement personnalisé. Cela paraît simple, mais quand vous ouvrez le répertoire de Shapely dans un éditeur, le regard se disperse: des dizaines de fichiers, chacun mentionnant l’ancien nom. Des fonctions avec le préfixe shapely_, des domaines de texte, des chemins d’accès aux assets, des descriptions dans l’en-tête du fichier style.css. Il suffit d’en oublier un seul pour que le thème ne fonctionne plus.

Shapely, par Colorlib, est l’une des meilleures bases gratuites pour un développement sur mesure: plus de 10 000 installations actives, une note de 4,6 sur WordPress.org, dernière mise à jour en avril 2025. Un one-pager avec des sections en parallaxe et la prise en charge de WooCommerce qui se transforme en un produit unique pour un client spécifique après une demi-heure de modifications.

Voici la séquence complète pour remplacer le nom du thème Shapely par le vôtre. Du renommage de masse des fichiers jusqu’à la capture d’écran finale, sans impasse et avec des outils éprouvés.

💡 Aperçu rapide:

• Téléchargez Shapely depuis la page officielle et copiez le répertoire du thème avec un nouveau nom.
• Renommez en masse les fichiers et les dossiers: remplacez l’ancien préfixe shapely par le vôtre, en minuscules.
• Recherchez et remplacez toutes les occurrences de shapely et Shapely dans les fichiers PHP, CSS et JS en respectant la casse.
• Corrigez le fichier function.php, la documentation et le personnalisateur, réécrivez le style.css avec le nouveau nom du thème.
• Préparez un screenshot.png personnalisé et vérifiez l’activation du thème dans le panneau d’administration.

Pourquoi renommer Shapely plutôt que de partir de zéro

Écrire un thème à partir d’une page blanche pour un projet ordinaire, c’est gaspiller du budget. Shapely fournit un cadre de travail prêt à l’emploi: une mise en page Bootstrap, des widgets pour la page d’accueil, la prise en charge native des extensions populaires. Vous obtenez un produit fonctionnel et ne modifiez que ce dont le client a besoin: les couleurs, les polices, la structure des sections et, bien sûr, le nom.

Renommer n’est pas un simple toilettage. Changer le nom dans tous les fichiers et toutes les fonctions rend le thème vraiment vôtre: il s’affiche dans le panneau d’administration sous votre marque, n’entre pas en conflit avec le Shapely d’origine (vous pouvez garder les deux sur le même site) et le client voit un développement sur mesure, pas un «thème gratuit trouvé sur internet».

En pratique, le cycle complet prend 30 à 40 minutes. Détaillons chaque étape.

Étape 1: télécharger et copier le répertoire

Téléchargez Shapely depuis colorlib.com ou depuis le dépôt WordPress.org. Décompressez l’archive.

Créez une copie du répertoire shapely et nommez-la avec le nom de votre thème. Règle: uniquement des lettres minuscules latines et des tirets. Pas d’espaces, de tirets bas ni de majuscules. Exemples de noms corrects: trolleybus, mediadoma-theme ou custom-start.

Pourquoi des minuscules: WordPress normalise les noms de thèmes et d’extensions en minuscules lors de la vérification des mises à jour et du travail avec les domaines de texte. Une majuscule dans le nom du dossier, c’est le chemin assuré vers le «white screen of death» à l’activation.

Étape 2: renommage de masse des fichiers

Première passe, les noms de fichiers et de dossiers. Shapely en compte plusieurs dizaines, et beaucoup contiennent shapely directement dans le nom: shapely-documentation.php, class-shapely-customize.php, etc.

Dans Total Commander: ouvrez le répertoire du thème, Ctrl+B (liste à plat), Ctrl+A (tout sélectionner), Ctrl+M (renommage par lot). Dans le champ «Rechercher», saisissez shapely, dans le champ «Remplacer par», le nouveau nom (en minuscules). Lancez l’opération, tous les fichiers et dossiers sont renommés en une seconde.

Alternative sans Total Commander, PowerShell. Ouvrez un terminal dans le répertoire du thème et exécutez:

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

Remplacez newname par votre version. Cette méthode est gratuite et fonctionne sur n’importe quel Windows sans installer de programmes supplémentaires.

Étape 3: rechercher et remplacer dans le contenu des fichiers

Maintenant, le plus important: nettoyez les mentions de shapely à l’intérieur des fichiers PHP, CSS et JS. Il y en a des dizaines, et la recherche manuelle n’est pas une option ici.

Dans Notepad++: Ctrl+Shift+F (rechercher dans les fichiers), répertoire, votre nouveau dossier de thème. Première passe, remplacez shapely (minuscule) par newname. Deuxième passe, remplacez Shapely (avec majuscule) par Newname. Activez l’option «Respecter la casse» pour chaque passe.

Endroits spécifiques où le nom du thème apparaît à coup sûr:

• function.php, le hook after_setup_theme, les appels wp_enqueue_style et wp_enqueue_script avec le préfixe shapely_;
• wp-content/themes/votretheme/inc/trolleybus-documentation.php, le texte d’aide dans le panneau d’administration;
• wp-content/themes/votretheme/inc/class-customize.php, les paramètres du personnalisateur.

Remarque: modifiez non seulement les chaînes de texte, mais aussi les noms de fonctions. shapely_get_option() doit devenir yourtheme_get_option(). Sinon, lors de l’installation de deux thèmes sur le même site, PHP lèvera une erreur fatale «Cannot redeclare function».

Étape 4: corriger le style.css, les métadonnées du thème

Le fichier style.css à la racine du thème est le «passeport»: WordPress lit son en-tête et affiche les informations dans la section «Apparence → Thèmes». Exemple:

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

Trois champs sont obligatoires: Theme Name (le nom du thème dans le panneau d’administration), Text Domain (doit correspondre au nom du dossier, WordPress l’utilise pour la traduction) et Version. Le reste est facultatif, mais Author et Description donnent une impression professionnelle.

Text Domain est un champ critique. S’il ne correspond pas au nom du dossier, la fonction load_theme_textdomain() ne chargera pas les traductions et toutes les chaînes du panneau d’administration resteront en anglais.

Étape 5: préparer un screenshot.png personnalisé

Le fichier screenshot.png se trouve à la racine du thème et s’affiche dans la galerie «Apparence → Thèmes». Taille: selon les exigences de présentation des thèmes sur WordPress.org. Format: PNG.

Que placer sur la capture: le logo du studio, le nom du thème et une capture d’écran de la page d’accueil après personnalisation. Ne laissez pas la capture d’écran originale de Shapely, le client verrait le produit de quelqu’un d’autre et poserait des questions.

Outils: Photoshop, Figma ou le logiciel gratuit GIMP. Dessinez un fond, ajoutez le texte du nom du thème, insérez une capture d’écran de la page d’accueil. Enregistrez sous screenshot.png et remplacez le fichier à la racine du thème.

Étape 6: vérification finale

Avant de livrer au client, vérifiez trois choses:

• Activation sans erreur. Allez dans «Apparence → Thèmes» et activez le nouveau thème. Si vous obtenez un écran blanc, revenez à l’étape 3, il est probable qu’une fonction avec le préfixe shapely_ ait été oubliée.
• Nom dans le panneau d’administration. La liste des thèmes affiche la valeur Theme Name du style.css, exactement ce que vous avez spécifié.
• Fonctionnement du personnalisateur. Ouvrez «Apparence → Personnaliser» et parcourez les sections. Si une option ne s’enregistre pas, vérifiez inc/class-customize.php (étape 3), il reste peut-être un ancien identifiant d’option.

Voilà, c’est tout. Le thème est prêt à fonctionner et porte votre nom. Shapely a servi de fondation, mais le produit est désormais entièrement le vôtre.

Pourquoi procéder ainsi et non via un thème enfant

Question fréquente: pourquoi ne pas créer un thème enfant et changer le nom dedans? La réponse dépend du scénario.

Un thème enfant est adapté quand vous peaufinez un site pour vous-même: modifier le CSS, ajouter des fonctions dans functions.php, mais le Shapely d’origine reste la base et reçoit les mises à jour. C’est la bonne approche pour un propriétaire de site.

Pour une agence ou un freelance qui livre un projet à un client, un thème enfant est un compromis. Le client voit «Shapely» dans le panneau d’administration, et lors de la mise à jour du thème parent, vos modifications peuvent casser (les développeurs ont changé le balisage HTML d’une section, votre correction CSS ne fonctionne plus). Un renommage complet donne le contrôle sur chaque fichier et élimine la dépendance aux mises à jour de Colorlib.

Conclusion: pour vous-même, un thème enfant. Pour un client, un fork avec renommage.

⁉️🤔 Questions fréquentes

Puis-je renommer un thème sans Total Commander?

Oui. Sur Windows 10/11, utilisez PowerShell (commande de l’étape 2), sur macOS, le Finder avec le renommage par lot ou l’utilitaire rename dans le terminal. Sur Linux, rename 's/shapely/newname/' *. L’essentiel est de ne pas oublier les dossiers imbriqués: PowerShell avec le flag -Recurse parcourt toute l’arborescence, tandis que le Finder ne sélectionne que les fichiers du dossier courant.

Que se passe-t-il si je laisse d’anciennes mentions de shapely dans le code?

Cela dépend de l’emplacement. Si l’ancien préfixe reste dans un nom de fonction, lors de l’installation de deux thèmes avec les mêmes noms de fonctions, PHP lèvera une erreur fatale, le site plantera. Si c’est dans un chemin d’asset, l’image ou le script ne se chargera pas (404). Si c’est dans le domaine de texte, les chaînes de traduction ne seront pas prises en compte. Le pire scénario: le site fonctionne, vous livrez le projet, et un mois plus tard, le client installe le Shapely d’origine par curiosité et obtient un écran blanc. Deux thèmes avec les fonctions shapely_setup() dans un même WordPress ne coexistent pas.

Shapely se met-il à jour après le renommage?

Non. Vous avez forké le thème, les mises à jour de Colorlib ne vous parviennent pas. C’est une décision consciente: vous sacrifiez les mises à jour automatiques pour un contrôle total. Si un correctif de sécurité critique sort dans le Shapely d’origine, vous l’appliquez manuellement, de manière chirurgicale. En pratique, la stabilité est plus importante pour les thèmes que les mises à jour: un thème n’est pas une extension, les vulnérabilités y sont rares. L’alternative pour ceux qui veulent à la fois le contrôle et les mises à jour est un thème enfant, mais pour livrer un projet à un client, un fork est plus fiable.

Shapely est-il un thème uniquement pour les one-pagers?

Dans sa conception, oui. Mais la mise en page Bootstrap et la structure modulaire permettent de l’utiliser aussi pour des sites multipages: créez simplement des pages supplémentaires dans WordPress et configurez un menu. Les widgets de la page d’accueil (parallaxe, portfolio) ne fonctionnent que sur la page définie comme «Page d’accueil» dans les réglages. En pratique, nous avons construit des blogs et des catalogues de produits sur Shapely, le cadre est flexible dès le départ.

Que faire avec la capture d’écran s’il n’y a pas de designer?

Faites une capture d’écran de la page d’accueil terminée (Outil Capture sous Windows ou Cmd+Shift+4 sur macOS), ouvrez-la dans Canva (gratuit, en ligne), superposez le nom du thème et le logo du studio, téléchargez au format PNG à la taille requise. En 10 minutes, vous obtenez un résultat professionnel sans Photoshop. L’essentiel est de ne pas laisser la capture d’écran de Shapely: c’est exactement ce que le client voit lorsqu’il choisit un thème dans le panneau d’administration, et la marque de quelqu’un d’autre à cet endroit sape la confiance dans votre travail.

Que faire après le renommage: prochaine étape

Le thème est renommé et activé. Ensuite, la personnalisation pour un projet spécifique: remplacer la palette de couleurs dans le personnalisateur, configurer les widgets de la page d’accueil, connecter WooCommerce si une boutique est nécessaire, optimiser le SEO via Yoast SEO ou Rank Math.

Commencez par le personnalisateur: «Apparence → Personnaliser», et parcourez-le de haut en bas. Shapely y propose des dizaines d’options: du logo au pied de page. En une heure de personnalisation, vous obtenez une apparence unique sans écrire une seule ligne de code. Et si le projet nécessite une personnalisation plus poussée, vous avez déjà votre propre fork où vous pouvez ajouter toutes les fonctions sans vous préoccuper de l’original.

Si le site est prévu pour être multipage, créez d’abord des templates pour les pages internes dans le dossier du thème. Et rappelez-vous: le renommage vous a libéré des conflits avec l’original, désormais Shapely et votre thème peuvent cohabiter sur le même site en toute indépendance.