Tomé un tema gratuito, lo renombré y obtuve un desarrollo completamente personalizado. Suena simple, pero cuando abre el directorio de Shapely en un editor, la vista se dispersa: docenas de archivos, cada uno mencionando el nombre antiguo. Funciones con el prefijo shapely_, dominios de texto, rutas de assets, descripciones en el encabezado del style.css. Si omite uno solo, el tema se romperá.

Shapely de Colorlib es una de las mejores bases gratuitas para desarrollo personalizado: más de 10 000 instalaciones activas, calificación 4.6 en WordPress.org, última actualización en abril de 2025. Un one-page con secciones parallax y soporte para WooCommerce que se convierte en un producto único para un cliente específico tras media hora de ediciones.

A continuación encontrará la secuencia completa para reemplazar el nombre del tema Shapely por el suyo. Desde el renombrado masivo de archivos hasta la captura de pantalla final, sin omitir pasos y con herramientas probadas.

💡 Resumen rápido:

• Descargue Shapely desde la página oficial y copie el directorio del tema con un nombre nuevo.
• Renombre masivamente archivos y carpetas: reemplace el antiguo prefijo shapely por el suyo en minúsculas.
• Busque y reemplace todas las apariciones de shapely y Shapely dentro de archivos PHP, CSS y JS con distinción de mayúsculas y minúsculas.
• Corrija function.php, la documentación y el personalizador, reescriba style.css con el nuevo nombre del tema.
• Prepare una screenshot.png personalizada y verifique la activación del tema en el panel de administración.

Por qué renombrar Shapely en lugar de escribirlo desde cero

Escribir un tema desde cero para un proyecto común es un desperdicio de presupuesto. Shapely proporciona un marco listo: maquetación Bootstrap, widgets para la página de inicio, soporte para plugins populares de fábrica. Usted obtiene un producto funcional y cambia solo lo que el cliente necesita: colores, fuentes, estructura de secciones y, por supuesto, el nombre.

Renombrar no es cosmético. Cambiar el nombre en todos los archivos y funciones hace que el tema sea suyo: se muestra en el panel de administración bajo su marca, no entra en conflicto con el Shapely original (puede mantener ambos en el mismo sitio) y el cliente ve un desarrollo personalizado, no un «tema gratuito de internet».

En la práctica, el ciclo completo toma entre 30 y 40 minutos. Analicemos cada paso.

Paso 1: descargar y copiar el directorio

Descargue Shapely desde colorlib.com o desde el repositorio de WordPress.org. Descomprima el archivo.

Cree una copia del directorio shapely y asígnele el nombre de su tema. Regla: solo letras latinas minúsculas y guiones. Sin espacios, guiones bajos ni mayúsculas. Ejemplos de nombres correctos: trolleybus, mediadoma-theme o custom-start.

Por qué minúsculas: WordPress normaliza los nombres de temas y plugins a minúsculas al verificar actualizaciones y trabajar con dominios de texto. Una letra mayúscula en el nombre de la carpeta es un camino seguro hacia la «pantalla blanca de la muerte» durante la activación.

Paso 2: renombrado masivo de archivos

Primera pasada, nombres de archivos y carpetas. Shapely tiene varias docenas, y muchos contienen shapely justo en el nombre: shapely-documentation.php, class-shapely-customize.php, etc.

En Total Commander: abra el directorio del tema, Ctrl+B (lista plana), Ctrl+A (seleccionar todo), Ctrl+M (renombrado por lotes). En el campo «Buscar» ingrese shapely, en el campo «Reemplazar», el nuevo nombre (en minúsculas). Ejecútelo, todos los archivos y carpetas se renombran en un segundo.

Alternativa sin Total Commander, PowerShell. Abra una terminal en el directorio del tema y ejecute:

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

Reemplace newname con su versión. Este método es gratuito y funciona en cualquier Windows sin instalar programas adicionales.

Paso 3: buscar y reemplazar en el contenido de los archivos

Ahora lo más importante, limpiar las menciones de shapely dentro de archivos PHP, CSS y JS. Hay docenas de ellas, y la búsqueda manual no es una opción aquí.

En Notepad++: Ctrl+Shift+F (buscar en archivos), directorio, su nueva carpeta del tema. Primera pasada, reemplace shapely (minúsculas) por newname. Segunda pasada, reemplace Shapely (mayúscula inicial) por Newname. Active la opción «Coincidir mayúsculas y minúsculas» en cada pasada.

Lugares específicos donde el nombre del tema aparece garantizado:

• function.php, hook after_setup_theme, llamadas a wp_enqueue_style y wp_enqueue_script con el prefijo shapely_;
• wp-content/themes/yourtheme/inc/trolleybus-documentation.php, texto de ayuda en el panel de administración;
• wp-content/themes/yourtheme/inc/class-customize.php, configuraciones del personalizador.

Nota: cambie no solo las cadenas de texto, sino también los nombres de funciones. shapely_get_option() debe convertirse en yourtheme_get_option(). De lo contrario, al instalar dos temas en el mismo sitio, PHP lanzará un error fatal «Cannot redeclare function».

Paso 4: corregir style.css, metadatos del tema

El archivo style.css en la raíz del tema es el «pasaporte»: WordPress lee su encabezado y muestra la información en la sección «Apariencia → Temas». Ejemplo:

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

Tres campos son obligatorios: Theme Name (nombre del tema en el panel de administración), Text Domain (debe coincidir con el nombre de la carpeta, WordPress lo usa para la traducción) y Version. El resto es opcional, pero Author y Description crean una impresión profesional.

Text Domain es un campo crítico. Si no coincide con el nombre de la carpeta, la función load_theme_textdomain() no recogerá las traducciones y todas las cadenas en el panel de administración permanecerán en inglés.

Paso 5: preparar una screenshot.png personalizada

screenshot.png está en la raíz del tema y se muestra en la galería «Apariencia → Temas». Tamaño: según los requisitos de presentación de temas de WordPress.org. Formato: PNG.

Qué colocar en la captura de pantalla: logotipo del estudio, nombre del tema y una captura de la página de inicio después de la personalización. No deje la captura de pantalla original de Shapely, el cliente verá el producto de otra persona y hará preguntas.

Herramientas: Photoshop, Figma o GIMP gratuito. Dibuje un fondo, añada el texto del nombre del tema, inserte una captura de la página de inicio. Guarde como screenshot.png y reemplace el archivo en la raíz del tema.

Paso 6: verificación final

Antes de entregar al cliente, verifique tres cosas:

• Activación sin errores. Vaya a «Apariencia → Temas» y active el nuevo tema. Si aparece pantalla blanca, vuelva al paso 3, lo más probable es que se haya omitido una función con el prefijo shapely_.
• Nombre en el panel de administración. La lista de temas muestra el valor Theme Name de style.css, exactamente lo que usted especificó.
• Funcionalidad del personalizador. Abra «Apariencia → Personalizar» y recorra las secciones. Si alguna opción no se guarda, revise inc/class-customize.php (paso 3), quizás quede allí un identificador de opción antiguo.

Eso es todo. El tema está listo para funcionar y lleva su nombre. Shapely sirvió como base, pero el producto ahora es completamente suyo.

Por qué hacerlo así y no mediante un tema hijo

Pregunta común: ¿por qué no crear un tema hijo y cambiar el nombre en él? La respuesta depende del escenario.

Un tema hijo es adecuado cuando está refinando un sitio para usted mismo: cambiando CSS, agregando funciones a functions.php, pero el Shapely original sigue siendo la base y recibe actualizaciones. Este es el camino correcto para el propietario de un sitio.

Para una agencia o freelancer que entrega un proyecto a un cliente, un tema hijo es un compromiso. El cliente ve «Shapely» en el panel de administración, y al actualizar el tema padre sus ediciones pueden romperse (los desarrolladores cambiaron el marcado HTML de la sección, su corrección CSS dejó de funcionar). El renombrado completo da control sobre cada archivo y elimina la dependencia de las actualizaciones de Colorlib.

Conclusión: si lo hace para usted, tema hijo. Si lo hace para un cliente, bifurcación con renombrado.

⁉️🤔 Preguntas frecuentes

¿Puedo renombrar un tema sin Total Commander?

Sí. En Windows 10/11 use PowerShell (comando del paso 2), en macOS, Finder con renombrado por lotes o la utilidad rename en la terminal. En Linux, rename 's/shapely/newname/' *. Lo principal es no omitir las carpetas anidadas: PowerShell con el flag -Recurse recorre todo el árbol, mientras que Finder solo resalta archivos en la carpeta actual.

¿Qué sucede si dejo antiguas menciones de shapely en el código?

Depende de la ubicación. Si el prefijo antiguo permanece en un nombre de función, al instalar dos temas con los mismos nombres de función PHP lanzará un error fatal, el sitio colapsará. Si está en una ruta de asset, la imagen o script no cargará (404). Si está en el dominio de texto, las cadenas de traducción no se recogerán. El peor escenario: el sitio funciona, usted entrega el proyecto y un mes después el cliente instala el Shapely original por curiosidad y obtiene una pantalla blanca. Dos temas con funciones shapely_setup() en un mismo WordPress no coexisten.

¿Shapely se actualiza después del renombrado?

No. Usted bifurcó el tema, las actualizaciones de Colorlib no le llegan. Esta es una decisión consciente: sacrifica las actualizaciones automáticas por el control total. Si sale un parche de seguridad crítico en el Shapely original, lo aplica manualmente, de forma quirúrgica. En la práctica, la estabilidad es más importante para los temas que las actualizaciones: un tema no es un plugin, las vulnerabilidades en él son raras. La alternativa para quienes desean tanto control como actualizaciones es un tema hijo, pero al entregar un proyecto a un cliente, una bifurcación es más confiable.

¿Es Shapely un tema solo para sitios one-page?

Por diseño, sí. Pero la maquetación Bootstrap y la estructura modular permiten usarlo también para sitios multipágina: simplemente cree páginas adicionales en WordPress y configure un menú. Los widgets de la página de inicio (parallax, portafolio) solo funcionan en la página asignada como «Página de inicio» en los ajustes. En la práctica, hemos construido blogs y catálogos de productos sobre Shapely, el marco es flexible desde el inicio.

¿Qué hacer con la captura de pantalla si no hay diseñador?

Tome una captura de la página de inicio terminada (Snipping Tool en Windows o Cmd+Shift+4 en macOS), ábrala en Canva (gratuito, en línea), superponga el nombre del tema y el logotipo del estudio, descárguela como PNG del tamaño requerido. En 10 minutos obtiene un resultado profesional sin Photoshop. Lo principal es no dejar la captura de pantalla de Shapely: el cliente ve exactamente esto al elegir un tema en el panel de administración, y una marca ajena en ese lugar socava la confianza en su trabajo.

Qué hacer después del renombrado: siguiente paso

El tema está renombrado y activado. A continuación, la personalización para un proyecto específico: reemplazar el esquema de colores en el personalizador, configurar los widgets de la página de inicio, conectar WooCommerce si se necesita una tienda, optimización SEO mediante Yoast SEO o Rank Math.

Comience con el personalizador: «Apariencia → Personalizar», y recórralo de arriba a abajo. Shapely muestra docenas de opciones allí: desde el logotipo hasta el pie de página. En una hora de personalización obtiene una apariencia única sin escribir una línea de código. Y si el proyecto requiere una personalización más profunda, ya tiene su propia bifurcación donde puede agregar cualquier función sin mirar atrás al original.

Si se planea que el sitio sea multipágina, primero cree plantillas para páginas internas en la carpeta del tema. Y recuerde: el renombrado lo liberó de conflictos con el original, ahora Shapely y su tema pueden convivir en el mismo sitio de forma independiente.