Crear un tema hijo en WordPress es sencillo, puedes ver como se hace según el codex WordPress aquí.

Además, es una buena práctica si quieres personalizar el aspecto de tu WordPress, porque no perderás tus cambios en caso de actualizar el tema padre, y te podrás beneficiar de las actualizaciones.

Una plantilla actualiza es clave para la seguridad de tu instalación.

Pero si andar hurgando en los ficheros de WordPress no es lo tuyo, como casi siempre, puedes utilizar un plugin.

Child Theme Configurator Plugin

Este plugin te guía paso a paso sobre lo que tienes que hacer.

Puedes utilizarlo con un tema hijo ya creado.

Una vez finalizado el trabajo lo puedes desinstalar y borrar que seguirás teniendo tu tema hijo disponible.

Child Theme Configurator Plugin

Para la demostración he utilizado el último tema gratuito que puedes encontrar en WordPress.org Twenty Seventeen.

Vamos a seguir un ejemplo paso a paso.

1# Seleccionar cómo crear el tema hijo

Child Theme Configurator Plugin Step 1

En mi caso empiezo de cero, pero puede que necesites hacer cambios en un tema hijo ya creado o te has liado y necesitas volver a la casilla de salida, por eso el plugin te ofrece diferentes opciones.

Yo me quedo con la mas sencilla.

2# Escoger el tema padre

Child Theme Configurator Plugin Step 2

Necesitamos indicar cual será el tema de el que queremos heredar la estructura, los estilos y funcionalidad.

3# Analizar el tema padre

Child Theme Configurator Plugin Step 3

Es muy buena idea realizar este análisis, así evitamos transmitir errores de base a nuestro tema hijo.

4# Nombrar el archivo contenedor del tema hijo

Child Theme Configurator Plugin Step 4Se puede utilizar cualquier nombre que cumpla con la norma, a mi me gusta utilizar uno que relacione el tema hijo con el padre, como recomiendan en la documentación del codex.

5# Decidir donde guardar los estilos css

Child Theme Configurator Plugin Step 5

En este ejemplo empezamos de cero, así que la primera opción está bien.

La segunda opción puede ser útil si necesitamos combinar varias hojas de estilo.

6# Cómo manejar la carga de las hojas de estilo

Child Theme Configurator Plugin Step 6

El tema hijo va a reemplazar los estilos y plantillas del padre cuando sea necesario, por eso es importante decidir cómo se cargan las hojas de estilo.

La primera opción es la que recomienda el codex para un mejor rendimiento.

Aunque he tenido que utilizar @import en ocasiones, la última vez utilizando Divi como tema padre.

7# Personalizar la información de la cabecera

Child Theme Configurator Plugin Step 7

Aquí se puede ver la información que se va a incluir en la cabecera de nuestro tema hijo.

En este paso nos da la oportunidad de personalizar cada apartado para cambiar la url del autor del tema por ejemplo.

8# Copiar la configuración existente

Child Theme Configurator Plugin Step 8

Esto está genial porque no tienes que volver a configurar todo otra vez al activar el tema hijo.

Cosa que puede pasar si no habías previsto tener que hacer cambios a la plantilla.

9# Crear el tema hijo

Child Theme Configurator Plugin Step 9

Último paso, una última revisión a nuestra selección de opciones y pulsamos para generar nuestro tema hijo.

Si me voy al archivo de temas dentro de mi instalación WordPress puedo ver el tema recién creado:

Child Theme Configurator Plugin Theme Folder

Ya sólo tengo que activarlo y empezar a modificar lo que necesite.

Sencillo ¿no?

Ahora es el momento de cambiar, añadir, quitar y dejar tu WordPress como tu quieres sin riesgo de estropear el tema padre.

Ya has terminado de hacer cambios ¿Cómo podemos comprobar que nuestro tema hijo es correcto?

Una vez mas un plugin…

Child Theme Check

Child Theme Check Plugin

Con el tiempo un tema hijo se puede quedar obsoleto respecto al padre que seguirá evolucionando.

Así que es buena idea contrastar cada cierto tiempo nuestro tema hijo con el padre, por ejemplo cuando se libera un cambio importante.

De esta forma mantenemos nuestro el hijo actualizado y nuestra instalación segura.

Hace poco me descargué un tema hijo para estudiar algunos cambios de está página de wpmudev creadores de plugins como smush.

Lo he utilizado para probar el plugin para comprobar temas hijo, y la verdad es que está muy bien.

En la primera pestaña nos muestra el estado global:

Child Theme Check Plugin Check Result

Y en la segunda podemos ver las diferencias al detalle de cada uno de los cambios:

Child Theme Check Plugin Check Result Details 1

Si desplegamos cualquiera de las secciones, podemos ver el antes y el después de los cambios:

Child Theme Check Plugin Check Result Details 2

De esta forma encontrar y revisar los cambios será cuestión de minutos.

Theme Check

¿Quieres una segunda opinión sobre la salud de tu tema?

Puede que sea un poco exagerado, pero es definitivo.

Este plugin es el que se utiliza para validar un tema antes de poder entrar en el repositorio de WordPress, si pasa la prueba puedes estar tranquilo.

Theme Check Plugin

Por cierto también he probado el tema con este plugin, aquí puedes ver los resultados, los chicos de wpmudev ha hecho un buen trabajo.

Theme Check Plugin Result

Espero que te animes a crear con WordPress, cada vez tienes menos excusas 😉

Conclusiones

Si el desarrollo no es lo tuyo invierte un tiempo en el repositorio de plugins de WordPress con casi 50K plugins casi seguro que encuentras algo útil.

Una web visualmente atractiva no tiene que comprometer la seguridad de tu instalación, como ves hay herramientas para comprobar cada cierto tiempo.

 

¡Hasta Pronto!

 

Lux Your business &

Love Your Website!