Por qué debería crear un tema infantil y consejos para hacerlo más fácil [WordPress]

WordPress impulsa alrededor del 23% de todos los sitios web, y muchos usuarios a menudo necesitan personalizar los temas que usan de alguna manera. Algunas personas optan por editar los archivos del tema directamente, pero eso plantea un problema importante: una vez que se actualiza el tema, se perderán todas las modificaciones. Aquí es donde entra en juego la creación de un tema hijo.

¿Qué son los temas secundarios?

Los temas secundarios son simplemente temas personalizados que heredan las funciones y el estilo del tema principal. Al crear un tema secundario, puede realizar modificaciones fácilmente en el tema principal y mantener esos cambios incluso cuando se actualice el tema principal.

Ahora que sabe qué es un tema secundario, veamos algunas formas en las que puede crear temas secundarios y algunas de las mejores prácticas a seguir.

Empezando

Usaré el tema Twenty Fifteen para este tutorial, pero esto funcionará para cualquier tema que elija usar.

Para crear un tema hijo, simplemente navegue a su directorio “wp-content / themes” y cree una nueva carpeta para su tema hijo. Puede nombrar la carpeta “veinticinco niños” o algo así.

A continuación, deberá crear un archivo “style.css” dentro de su nueva carpeta de tema secundario y completar el archivo con el siguiente contenido:

Puede reemplazar el nombre del tema, el URI, la descripción y el nombre del autor con detalles relevantes para su tema hijo. Sin embargo, la parte “Plantilla” debe llevar el nombre del directorio de su tema principal.

En este caso, el nombre del directorio para nuestro tema principal es “veinticinco”, por lo que la plantilla será “veinticinco”. Si está utilizando un tema diferente, no olvide actualizar la plantilla en consecuencia, o su tema hijo se romperá.

El siguiente paso es poner en cola correctamente las hojas de estilo del tema principal para que su tema hijo pueda heredar los estilos de los padres y usted pueda construir a partir de ahí. Algunos sitios web recomiendan que utilice @importpara hacer esto, pero esa ya no es la mejor práctica y debe evitarse.

La mejor manera de poner en cola los estilos del tema principal es crear un archivo “functions.php” en la carpeta del tema secundario y agregar el siguiente contenido:

El truco aquí es reemplazar “parent-style” con el directorio de su tema principal y junto con “-css” al final. En nuestro caso, “estilo padre” será reemplazado por “veinticinco-css”.

Eso es; su tema hijo ya está listo para activarse.

Activando su tema hijo

Activar un tema hijo es exactamente el mismo proceso que un tema normal. Simplemente navegue a “Apariencia -> Temas” en el Panel de WordPress y active su tema hijo.

Crear un tema hijo con un complemento

Si desea acelerar el proceso de creación de un tema hijo, puede usar un complemento gratuito para crear uno automáticamente para usted. El tema infantil de un clic hace que sea fácil de hacer con el clic de un botón. Simplemente instale y active el complemento, luego vaya a “Apariencia -> Tema secundario” en el Panel de control y complete el formulario en la página con los detalles relevantes sobre su tema secundario. Una vez hecho esto, presione el botón “Crear hijo” para crear y activar su tema hijo.

Realización de personalizaciones

Ahora que nuestro tema está activado, puede ver su sitio web para ver cómo se ve. Suponiendo que hizo todo correctamente, aparecerá exactamente igual que el tema principal. A partir de este momento, puede agregar CSS personalizado al archivo style.css de su tema secundario para anular los estilos del tema principal. Tenga en cuenta que los estilos que declare en su tema secundario tendrán prioridad sobre los de su tema principal, y ahora puede actualizar el tema principal sin temor a perder su trabajo.

Si desea agregar una nueva función a su sitio web, deberá declarar las funciones en el archivo “function.php” de su tema secundario, que se cargará junto con el archivo “function.php” del tema principal.

Otros archivos de plantilla

Otros archivos PHP deben copiarse en el directorio del tema hijo y modificarse allí. Esto se debe a que, a diferencia del archivo “functions.php”, el archivo equivalente del tema principal se ignorará en favor del suyo, así que asegúrese de colocar el archivo original en la misma posición dentro de su tema secundario que con el tema principal para que todo funcione. suavemente.

Línea de fondo

Ahora que sabe por qué es necesario un tema hijo para realizar personalizaciones en su sitio web y cómo crearlo, no hay razón para que modifique los archivos de su tema directamente. Si aún necesita más aclaraciones, deje un comentario a continuación o visite el Codex de WordPress para obtener más información sobre temas secundarios.

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario