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 gran problema: 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 infantiles?
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 actualiza 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 funcionará para cualquier tema que elijas usar.
Para crear un tema secundario, simplemente navegue a su directorio «wp-content/themes» y cree una nueva carpeta para su tema secundario. 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:
/* Theme Name: Twenty Fifteen Child Theme URI: Description: Twenty Fifteen Child Author: Ayo Isaiah URI: /author/ayoisaiah Template: twentyfifteen Version: 1.0.0 */
Puede reemplazar el nombre del tema, el URI, la descripción y el nombre del autor con detalles relevantes para el tema de su hijo. La parte «Plantilla», sin embargo, debe tener el nombre del directorio de su tema principal.
En este caso, el nombre del directorio de 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 secundario se romperá.
El siguiente paso es poner en cola correctamente las hojas de estilo del tema principal para que su tema secundario pueda heredar los estilos de los padres y pueda construir desde allí. Algunos sitios web recomiendan que utilice @import hacer esto, pero 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 los siguientes contenidos:
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>El truco aquí es reemplazar «estilo principal» con el directorio de su tema principal y junto con «-css» al final. En nuestro caso, «estilo principal» será reemplazado por «veinticuatro-css».
Eso es; su tema hijo ahora está listo para ser activado.
Activando tu 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 secundario.
Crear un tema hijo con un plugin
Si desea acelerar el proceso de creación de un tema secundario, puede usar un complemento gratuito para crear uno automáticamente para usted. Tema secundario de un clic hace que sea fácil hacer esto con el clic de un botón. Simplemente instale y active el complemento, luego vaya a «Apariencia -> Tema secundario» en el Tablero 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 niño» para crear y activar el tema de su hijo.
Hacer personalizaciones
Ahora que nuestro tema está activado, puede ver su sitio web para ver cómo se ve. Suponiendo que haya hecho 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 en el 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 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 secundario 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 secundario 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 Códice de WordPress para obtener más información acerca de los temas secundarios.