No es obligatorio tener un tema hijo de WordPress pero sí recomendable, si pretendes cambiar funciones (php) del tema padre. Aprenderás qué es, a crearlo e instalarlo.
Realizo este videotutorial porque puede que al empezar en WordPress no te quieras complicar la vida y creer que esto no lo vas a necesitar porque no sabes nada de programación (php).
Créeme yo pensé lo mismo que tú. Y tuve que hacer un tema hijo después de haber hecho algunos cambios al tema padre, en la cabecera (header.php) de éste.
Aunque existen plugins, para hacer esto, si tu objetivo es tener el menor número de ellos y evitar su falta de actualizaciones… la solución pasa por crear un tema hijo.
¿Qué es un tema hijo?
La definición más sencilla nos la da Astra desde cierto apartado pero voy a complementarla un poco más.
El tema hijo (secundario) es la réplica exacta (ADN) del tema padre (principal), el cual te descargas desde el repositorio de WordPress como vimos en el artículo anterior (también lo puedes comprar en otros sitios). El tema hijo pone en cola todas las funcionalidades y estilos del tema padre.
El uso principal del tema hijo es permitir la personalización en los archivos (css o php) del tema, sin tener que preocuparte por las actualizaciones que rompan los cambios que has realizado en los archivos del tema.
En los casos en que necesites anular plantillas del tema o agregar código para una funcionalidad personalizada, se recomienda que utilices un tema hijo. El código agregado con el tema hijo no se verá afectado por las actualizaciones del tema padre.
Lo entenderás mejor en el videotutorial que he preparado. Básicamente una vez creado el tema hijo quedará vinculado al tema padre, el cual ya habías instalado previamente en el artículo anterior.
Ahora el tema hijo tendrás que instalarlo y activarlo en tu WordPress. Mientras que el tema padre seguirás teniéndolo pero desactivado. Cada nueva actualización del tema Astra solo afectará al tema padre.
Cómo se crea e instala
Es algo que es mejor ver en el videotutorial, no obstante te dejo dos opciones.
La primera opción tiene que ver con este artículo, enfocado al tema hijo de Astra. Dado que la web oficial contiene un vinculo para poder crear el tema hijo.
Si bien, te permite subir una screenshot (imagen que represente, desde WordPress, a tu tema hijo en la zona de Apariencia → Temas). Para ello te indico en el vídeo cómo proceder y editar imagen desde la herramienta online, gratuita, Fotor.
La segunda opción te conduce a otro artículo que hice tiempo atrás para crear el tema hijo de cualquier otro tema, bien de forma manual o con plugin.
Videotutorial
En este videotutorial te muestro principalmente lo siguiente:
01:35 – Para saber qué es un tema hijo podremos saberlo a través de WordPress, en cierto apartado que no es recomendable tocar hasta que tengas un tema hijo creado, instalado y activado
04:43 – Antes de configurar un tema hijo de Astra, tienes que saber qué es. Así como a qué se denomina tema padre, normalmente encontrado en el repositorio de WordPress, en el cual también puedes encontrar temas hijos. Depende del programador si decide subirlos o no
06:23 – Cómo se puede averiguar quién utiliza un tema hijo en su sitio web
07:31 – Página oficial de Astra para crear tema hijo con tu propia marca. Astra → Docs → Knowledge Base: Child Theme → ‘What Is a Child Theme and How to Install It for Astra?‘. Sale una página explicativa y el enlace al generador: You can generate a child theme for Astra from here
09:38 – Genera el tema hijo con tu marca propia. Rellenas el formulario
11:39 – Cuando te pida una screenshot vas a Apariencia → Temas: Clic en ‘Detalles del tema’. Se abre una ventana nueva y haces clic, con botón derecho del ratón, sobre la imagen para abrir en nueva pestaña navegador web, desde esa pestaña te puedes descargar la misma (Guardar imagen como…) y retocarla con fotor.com/es. Retocada la imagen súbela al apartado del generador donde te la pedían. Y clic en ‘Generate’
16:26 – Una vez generado (Generate) el tema hijo súbelo a WordPress. Apariencia → Temas → Añadir nuevo: Astra tema hijo (debe ser una carpeta comprimida en formato .zip). Clic en ‘Instalar ahora’. Y clic en ‘Volver a la página de temas’. Para ver desde ahí ambos, tema padre e hijo. Clic en ‘Activar’ el tema hijo (Astra hijo)
19:00 – Comprobar cómo se sigue viendo nuestro tema con los cambios que hicimos en el vídeo anterior, creación menú superior e inferior en tema Astra. Todo sigue igual porque estos cambios son propios/internos del CMS WordPress, no del tema usado
19:54 – De nuevo en Apariencia → Temas, haz clic sobre ‘Detalles del tema’ activado (tema hijo) y verás que aparece todo como lo rellenaste en el formulario del generador de tema hijo de Astra
20:30 – Despedida videotutorial
Opinión
Como ya dije en un artículo anterior relacionado con éste (mencionado en la segunda opción al crear e instalar tema hijo), mi recomendación es que lo creéis. No es un proceso tan molesto como en dicha opción ya que Astra nos da todas las facilidades, desde la primera opción, de más simple a más avanzada.
En todo caso debo mencionar algo que he pasado por alto al final del videotutorial, si bien lo menciono al comienzo. Y es que una vez creado, instalado y activado el tema hijo de Astra en tu WordPress, puedes volver a acceder a Apariencia → Editor de temas y verás que ahora sí es recomendable desde aquí editar el tema, dado que tiene activo el tema Astra hijo.
También puedes meter por tu administrador de archivos (FTP Filezilla, plugin File Manager, cPanel) los relacionados con funciones (php) del tema padre, referidos a la cabecera (header.php) o pie de página (footer.php). Incluso reemplazar tu screenshot (imagen representativa de tu tema hijo), desde el apartado wp-content → themes → astra-hijo: screenshot.jpg
Eso es todo. Déjame en los comentarios, si quieres, qué opinas sobre este artículo. ¿Comprendiste todo bien?
Soy diseñador web con WordPress. También hago uso del diseño gráfico (edición imágenes) e implementación de vídeos (puedo editar pero no grabar). Te ayudo a descubrir/potenciar la identidad de tu marca, otorgando distinción a tu sitio web. Hago buen uso del diseño visual y emocional. Estoy disponible para darte: servicio, formación, consultoría.