Cómo crear un tema infantil de WordPress y por qué es probable que quieras usar uno

Una de las mayores ventajas de utilizar WordPress es la posibilidad de aprovechar un gran número de temas ya preparados, que pueden ser personalizados por los usuarios con relativa facilidad. Pero con toda esa personalización viene la cuestión del mantenimiento: ¿Qué pasa si haces tus personalizaciones y luego el tema que estás usando se actualiza?

Esta es una pregunta que muchos usuarios terminan aprendiendo la respuesta de la manera difícil: Si actualizas un tema después de haber hecho las personalizaciones, todos los cambios que hayas hecho en los archivos del tema original serán sobrescritos – y si no hiciste una copia de seguridad de tu sitio (y deberías SIEMPRE asegúrate de tener una copia de seguridad completa antes de hacer cualquier cambio ), entonces todo ese trabajo duro se perderá.*

Para evitar este trágico escenario, hay una cosa que todo usuario de WordPress debe hacer: Crear (y usar) temas infantiles en cada instalación de WordPress.

¿Qué es un tema infantil? ¿Cómo funciona?

Un tema hijo de WordPress no es en realidad más que un tema separado que depende de su tema padre para la mayoría (si no toda) su funcionalidad. En su forma más básica, un tema hijo es sólo una hoja de estilo CSS separada que WordPress muestra en lugar de los estilos del tema padre. Esto permite realizar cambios en el tema sin perder el estilo personalizado que has creado cada vez que se actualiza el tema principal.

Los temas infantiles más complejos pueden incluir también una funcionalidad adicional. Al igual que con los elementos de diseño, WordPress comprobará primero las funciones del tema infantil. Si no se encuentra ninguna, se usarán por defecto las funciones del tema padre. Si hay funciones, las funciones del tema hijo se usarán en lugar de, o además de, las del tema padre.

Cómo crear un tema para niños de WordPress

Espero que a estas alturas te haya convencido de que los temas infantiles son muy necesarios. Por supuesto, eso no significa que no sean intimidantes para algunas personas. Pero hay buenas noticias: Un tema infantil de WordPress es extremadamente fácil de crear.

Leer
¿Por qué es tan popular WordPress? (Video de YouTube)

El primer paso para crear manualmente un tema infantil de WordPress es acceder al directorio de temas bajo wp-content/themes . Puedes hacerlo a través de un cliente FTP o, en muchos casos, a través de una interfaz proporcionada por tu servicio de alojamiento.

A continuación, tendrás que crear un nuevo directorio para el tema de tu hijo. Puedes nombrarlo como quieras. Recomendaría mantenerlo simple y fácilmente comprensible. Algo como nombre del tema hijo debería funcionar bien.

El Importante Archivo CSS Personalizado (Obligatorio)

Una vez que hayas completado esos dos pasos, es hora de añadir (como mínimo) la hoja de estilo CSS que definirá el tema de tu hijo. Para hacer eso, simplemente crea un archivo de texto (usando un editor de texto apropiado, por supuesto) llamado style.css, y copia y pega el siguiente código en él:

1234567891011121314/*Nombre del tema: Twenty Thirteen ChildTheme URI: http://example.com/twenty-thirteen-child/Description: Twenty Thirteen Child ThemeAuthor: John DoeAuthor URI: http://example.comTemplate: twentythirteenVersion: 1.0.0*/ @import url(“../twentythirteen/style.css”); /* =La personalización del tema comienza aquí——————————————————– */

Querrás cambiar la información anterior para que refleje los archivos con los que estás trabajando realmente, y es extremadamente importante asegurarse de que las secciones “Plantilla” y “@importar” son correctas en este paso. Recuerda: Todo es sensible a las mayúsculas y minúsculas!

Una vez que hayas ajustado la información anterior para reflejar tus datos específicos, puedes seguir adelante e introducir las personalizaciones del tema CSS en el espacio proporcionado y guardar el archivo. ¡Tada! Acabas de crear un tema infantil. Enhorabuena!

Para activar tu nuevo tema infantil, todo lo que tienes que hacer es comprimir la carpeta de temas infantiles que has creado (la que contiene el archivo CSS anterior), e instalarla a través de Apariencias> Temas en tu Administrador de WordPress, como lo harías con cualquier otro tema de WordPress. Alternativamente, puedes dejarlo descomprimido y subirlo a tu directorio de temas usando un cliente FTP.

Pero digamos que te gustaría crear un tema infantil un poco más complejo, uno que vaya más allá de las meras personalizaciones de CSS. ¿Cómo harías para agregar funciones PHP personalizadas, o alterar archivos o plantillas de temas reales?

Edición del archivo Functions.php (Opcional)

En el caso de editar el archivo functions.php de tu tema, simplemente crea un nuevo archivo functions.php como el que se muestra a continuación, y luego añádelo al tema de tu hijo. Cualquier función dentro de este nuevo archivo anulará automáticamente las funciones del archivo de tu tema padre. Cualquier cosa que no se especifique en este nuevo archivo simplemente se sustituirá por el original.

Leer
14 formas efectivas de conseguir más comentarios en tu blog: A partir de hoy

123

Edición de archivos de plantillas (Opcional)

La edición de archivos de plantillas PHP es un poco diferente a la edición de estilos y funciones CSS. En los dos ejemplos anteriores, todo lo que tenías que hacer era crear archivos que albergaran tus adiciones y/o anular los cambios. En ambos casos, los nuevos archivos en el tema hijo eran más o menos suplementarios a los archivos en el tema padre – pero cuando se trata de archivos de plantilla PHP usted tiene que reemplazar todo el contenido del original con un nuevo archivo en su tema hijo.

Esto se logra copiando la plantilla PHP que desea editar, y luego colocándola en la misma ubicación del árbol de archivos en los archivos de temas hijo que ocupa en los archivos de temas padre. WordPress ahora ignorará completamente el original, y cualquier cambio que hagas en el archivo duplicado en el tema hijo será lo que WordPress realmente use.

Tenga en cuenta, sin embargo, que sólo desea agregar archivos al tema de su hijo en los que realmente desea hacer cambios, es decir, no vaya a copiar innecesariamente una carga completa de archivos. Esto se debe a que cuando se actualiza el tema principal, es posible que, en algunos casos extremos, tenga que asegurarse de que no haya actualizaciones importantes en los archivos de plantilla que ha elegido para editar y/o incluir.

Entonces, ¿por qué no todos usan temas infantiles?

Aparte de que la gente simplemente no es consciente de la necesidad de crear un tema hijo, las únicas razones realmente buenas para no crear/utilizar temas hijos son porque o bien no tienes intención de hacer ningún cambio en los archivos del tema (lo que significa que puedes usar tu tema exactamente como lo hizo el desarrollador) o bien el tema que estás usando proporciona una interfaz especial en sus opciones de tema dentro de la cual hacer (y guardar) todos los cambios que necesites. Cabe destacar que muchos temas proporcionan una interfaz para realizar cambios personalizados en el CSS, por ejemplo.

Leer
¿Qué es un nombre de dominio? - Una explicación completa y fácil de entender!

Otra razón (no tan justificable) para no utilizar un tema hijo es porque, si se busca hacer algo más que cambios en el CSS, casi invariablemente requerirá un poco (y a veces mucho) de familiaridad adicional con la forma en que se hace el tema padre original. Esto a menudo puede sentirse como una tarea. Si esto te suena familiar, entonces es probable que estés en aguas profundas si/cuando tu tema reciba una actualización crítica!

El mensaje para llevar

Asumiendo que tienes la intención de mantener tu tema actualizado (lo cual es una idea extremadamente buena), usar un tema infantil es la mejor práctica esencial.** Afortunadamente, sólo son unos pocos minutos de trabajo para crear uno, así que, si no lo has hecho ya, ¡ahora es el momento!

Notas, consejos y sugerencias

Si tienes problemas para hacer tus ediciones visuales, mira nuestro artículo anterior sobre Dónde aprender CSS en línea

Para más información sobre los temas infantiles de WordPress, asegúrate de consultar el Codex oficial de WordPress.

*En las copias de seguridad: Hay mucho énfasis en hacer copias de seguridad. Incluso con una copia de seguridad, estarás en aguas profundas cuando se trate de actualizar tu tema si has estado haciendo ediciones directas en él, ya que probablemente todavía tendrás que aplicar la nueva actualización. Esto es especialmente cierto si esa actualización tiene algo que ver con la corrección de los agujeros de seguridad recién descubiertos. A menos que seas capaz de replicar todos los cambios que has hecho, tu copia de seguridad puede no ser muy útil para salir de la situación.

**En la mejor práctica: Si todavía no estás convencido de usar temas infantiles, no me creas por qué. Toma la del cofundador de WordPress, Matt Mullenweg: “Los temas infantiles y un marco de trabajo son la única manera de construir tu sitio de WordPress” – (dicho mientras se habla del Marco de Trabajo de Génesis).

¿Algún gran consejo para usar/crear temas infantiles de WordPress? ¿Pensamiento?

Deja una respuesta