Cómo crear y personalizar un tema de niños de WordPress

Con todos los que están en todo el mundo que se autoensulen, es importante asegurarse de que su sitio esté lo más optimizado posible. Ahora, más que nunca, quieres que la gente venga al sitio y se quede. Con WordPress, puede personalizar fácilmente cualquier aspecto de su sitio, incluido el tema que está utilizando. Sin embargo, el cambio directo en el código puede ser arriesgado y puede perder cambios al actualizarlo. Usando un tema infantil, no tiene ninguno de estos riesgos. El tema de un niño es prácticamente una copia de su “padre”. Puede configurar uno bastante rápido y, con este enfoque, puede editar su tema seguro. Además, no perderá ninguno de los cambios que haya realizado, incluso durante una actualización.
En este artículo, profundizaremos por qué debe usar los temas de los niños para el desarrollo personalizado. Luego le mostraremos cómo crear uno en algunos pasos simples. ¡Pongámonos a trabajar! Los beneficios de usar un tema infantil de un tema infantil es una plantilla que importa el estilo de sus padres. Para todos los efectos prácticos, es una copia del original, solo usted puede hacer cambios sin afectar a este último. Supongamos, por ejemplo, que desea cambiar el archivo Functions.php del tema para agregar una nueva función. Cava en su código, realice los cambios necesarios y todo funciona perfectamente.
Poco después, sin embargo, se lanza una nueva versión de su tema. Por supuesto, aproveche la oportunidad de instalarlo, porque siempre es aconsejable actualizar sus componentes de WordPress. Sin embargo, la actualización del tema anula los cambios que ha realizado en sus archivos básicos. La nueva característica que agregó a las funciones. Alternativamente, puede crear un tema infantil y editar el archivo Functions.php. Cuando se inicie la actualización, la aplicará al tema principal y sus cambios se mantendrán. No solo hace un proceso de desarrollo mucho más limpio, sino que es aún más seguro para probar nuevas características. Después de todo, si rompe algo, simplemente puede desactivar el tema del niño y asumirlo. Cómo crear y personalizar el tema de un niño (en 5 pasos) Crear un tema para el niño es simple, pero están involucrados algunos pasos . Para continuar, necesitará un cliente FTP (protocolo de transferencia) como Filezilla. Después de haberlo instalado y tiene las credenciales en la mano, está a solo cinco pasos de distancia. Paso 1: cree una carpeta para el tema de su hijo, cada tema que instale en WordPress configura su propia carpeta en su servidor, que contiene todos los archivos que necesita para funcionar. Puede encontrar estos directorios utilizando el FTP para explorar el contenido WP/temas:
Una de estas carpetas pertenece a su tema activo. Tome nota de su nombre, luego cree un nuevo directorio. Para este tutorial, llamé a nuestro hijo veintisiete años, porque usaremos veinte veinte como padre:

Puede seguir los pasos de esta publicación utilizando cualquier tema principal que desee. Incluso el nombre que establece para su hijo no marca la diferencia técnica. Sin embargo, ayuda si es fácil de identificar. Paso 2: Configure un archivo style.css a continuación, configuraremos el archivo que WordPress usa para reconocer nuevos temas. Se llama style.css y, como su nombre lo indica, contiene todos los estilos CSS para su sitio. Después de que esté listo, hágalo a la derecha y seleccione Ver/Editar:

Esto abrirá el archivo con el editor de texto local. En este momento, debería estar vacío. Copie el siguiente código e insértelo en el archivo style.css del tema del niño, luego personalice los sustituyentes:/* Nombre del tema: Twenty veinte niños URL: http://yourdomain.com Descripción: Mi primer tema infantil, yo ” Estoy tan orgulloso. Autor del tema: John Doe Autor URL: http://yourdomain.com Template: Veinticuatro Versión: 1.0.0 Dominio de texto: Veinticuatro Veintice-Child */Reemplace cada instancia del nombre principal con el que usa. También querrá incluir su propio dominio e información, luego guardar sus cambios en Style.CSS y cerrarlo.
Paso 3: Importar los estilos y scripts del tema principal para el tema del niño para mantener el estilo y la funcionalidad de los padres, debe importar el código completo que lo haga funcionar. Puede hacer esto a través de un proceso llamado “encarcelamiento”. Para comenzar, configure un nuevo archivo llamado Functions.php en el director del tema de su hijo. Luego abra e inserte el siguiente código en: Guardar cambios en las funciones.php. Notará que este código no especifica nada sobre el tema principal. Esto se debe a que ya definí la plantilla que tengo que importar cuando edité el archivo style.css.

Desde un punto de vista técnico, puede obtener el mismo resultado copiando y pegando el contenido de las funciones.php del tema principal. Sin embargo, con este enfoque, deberá cambiar la base del código manual cada vez que se inicie una actualización. Al adaptar los estilos y los guiones del tema principal, evita este problema. Ahora el tema de su hijo debería funcionar. Todo lo que queda es personalizarlo y activarlo. Paso 4: Personalice el tema de su hijo que cambia el tema del niño funciona casi tan bien como publicar cualquier otro. Por ejemplo, puede personalizar el estilo de su sitio cambiando el archivo style.css. Todo lo que tiene que hacer es agregar cualquier código CSS recién deseado bajo la descripción del tema que ha configurado anteriormente:

Recuerde: cualquier modificación que haga reemplazará los estilos o funciones conflictivos en el padre. Esto es válido para style.css, functions.php y cualquier otro archivo que configure. Si este es su primer rodeo cuando se trata de personalizar el tema, le recomendamos que consulte nuestra guía completa sobre este tema. También tenemos tutoriales sobre los elementos básicos de CSS, así que échale un vistazo si aún no te sientes cómodo con las hojas de estilo. Paso 5: Active y mantenga el tema de su hijo si accede al tablero y explora los temas de apariencia>, debería ver la lista del tema del niño: la activación del tema del niño funciona como cualquier otro. Después de hacer clic en el botón de activación, continúe y consulte su página de inicio:
En resumen, si ha utilizado anteriormente el tema principal, su sitio debe verse exactamente igual que antes. Hasta que comience a hacer personalizaciones, no notará una diferencia entre los dos. Es importante tener en cuenta que mientras usa un tema infantil, no puede eliminar sus archivos principales. De lo contrario, no podrá importar los estilos o funciones que necesita para funcionar correctamente. También querrá verificar si hay actualizaciones disponibles para el tema principal, como de costumbre. El hecho de que use un tema infantil, no significa que esté exento de las mejores prácticas de seguridad.

Conclusión Si va a agregar nuevas funciones a su tema de WordPress, la forma más segura de hacerlo es a través de un tema infantil. Esto se duplica si trabaja en el sitio web de un cliente. Afortunadamente, la configuración del tema de un niño es relativamente simple. Así es como funciona el proceso:

Cree una carpeta para el tema de su hijo. Configure un estilo de estilo.css.

Importar los estilos y guiones del tema principal.

Personaliza el tema de tu hijo.
Habilite y mantenga el tema de su hijo.
¿Tiene alguna pregunta sobre cómo usar un tema infantil de WordPress?¡Vamos a superarlos en la sección de comentarios a continuación!