Guía suprema de temas de WordPress para niños

En WordPress, el aspecto de su sitio está dominado por el tema que elija. Lo que significa que el tema fortalece su marca. Con más de 2.600 temas gratuitos y numerosos temas pagados, es posible que no necesite construir un tema desde cero. Pero es posible que deba personalizarlo. Cambiar los archivos de archivo básicos es incorrecto. Pueden ocurrir problemas no deseados. Y si no es eso, sus cambios pueden perderse al actualizar el tema. Un enfoque más apropiado probablemente sería crear un complemento. Definitivamente puede usar un complemento para expandir su tema. Pero la forma convencional de personalizar un tema sería crear un tema para los niños.
¿Cuáles son la tarea para los niños? Como su nombre indica, los temas de los niños son los niños o descendientes de su tema principal (o el tema original que desea personalizar). Heredan la funcionalidad y el estilo del tema principal/original. El tema principal actúa como base para el tema del niño. Los cambios que necesita, incluso al cambiar la fuente, a la apariencia de la página, deben agregarse al tema infantil. Entonces, echemos un vistazo a cómo podemos crear nuestro propio tema para el niño.
¿Cómo crear un tema para niños? Crear los temas para los niños es bastante simple. No debemos codificar cada archivo presente en el tema original del niño. De hecho, WordPress requiere un solo archivo, la hoja de estilo, para reconocer un tema infantil.
Sin embargo, para garantizar que la hoja de estilo se haga cargo al cargar la página, debemos crear un archivo con funciones para poner la hoja de estilo en la cola. Para dividir esto en pasos, esto es lo que debe hacer: # 1 Cree un esqueleto que necesita para comenzar creando una carpeta en WP-Content/Temas para el tema de su hijo. Llamémoslo “Wisdmlabs-Child” (suponiendo, por supuesto, Wisdmlabs es la carpeta del padre). Luego agregue dos archivos (como se mencionó anteriormente) style.css: la hoja de estilo del tema infantil
Functions.php: archivo de función para poner en los estilos y scripts de temas parentales y secundarios.
# 2 Conecte el tema principal Entonces, debe agregar un encabezado a la hoja de estilo del niño. Por lo tanto, agregue lo siguiente al estilo. CSS de su hijo. Sus atributos presentes en el encabezado describen el tema del niño.
/*
Nombre del tema: Wisdmlabs Child
Temas de tema: https://wisdmlabs.com/
Descripción: El mejor tema para los niños de todos
Autor: wisdmlabs
Autor: https://wisdmlabs.com/
Plantilla: wisdmlabs // ** Este atributo conecta el tema secundario con el padre **
Versión: 1.0.0
Licencia: GNU General Public License V2 o una versión posterior
Licencia URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
Ahora, el tema principal y el tema infantil no están relacionados con el nombre de la carpeta. De hecho, el atributo de plantilla presente en el encabezado de la hoja de estilo del niño conecta los dos. Los archivos de plantilla que no están presentes en el tema infantil se toman del tema principal utilizando este atributo.
Entonces, desde el encabezado de la muestra anterior para el archivo style.css de su hijo, el atributo de plantilla es el más importante. Los otros atributos no son obligatorios, pero son buenos. Para comenzar con el tema del niño, solo puede agregar el nombre, la descripción y el nombre de la plantilla en style.css. Después de guardar los cambios, ¡creará oficialmente un tema infantil! Debería aparecer en la lista de temas, en el panel de administración de WordPress. Pero aún no he terminado. Si activa el tema infantil tal como es, puede notar algunos errores, porque los archivos pueden no haber sido cargados correctamente. Para garantizar que las hojas de estilo estén cargadas, debemos ponerlas en la cola usando funciones.php. Y eso es exactamente lo que haremos. El# 3 pone las hojas de estilo en las funciones.
// Ponga la cola la hoja de estilo para el tema infantil usando wp_enqueue_scripts.
add_action (‘wp_enqueue_scripts’, ‘wdm_child_theme_enqueue_style’);
/**
* Pon las hojas de estilo de los padres y el niño en la cola.
*/
Wdm_child_theme_enqueue_style () {
// Pon en la cola la hoja principal antes de la hoja de estilo del tema infantil
wp_enqueue_style (‘wl-parent-style’, get_template_directory_uri (). ‘/style.css’);
wp_enqueue_style (‘wl-child-style’, get_stylesheet_directory_uri (). ‘/style.css’, array (‘-style parent’));
}
?>
Wp_enqueue_scripts y wp_enqueue_style Los ganchos se utilizan para hacer cola las hojas de estilo correctamente. Get_templit_directory_uri_uri y get_stylesheet_directory_urii Las funciones se utilizan para hacerse cargo de la ruta de los padres y, respectivamente, el director del tema actual (tema infantil). El motivo para el cual la hoja de estilo se pone en la cola antes de que el tema del niño sea así para que sea así para que sea así para que sea así para que sea así para que sea así para que sea así para que sea así, que es así para que sea así para que sea así para que sea así para que sea así para que sea así, que El estilo proporcionado en el tema infantil puede sobrescribir el estilo del tema principal, si es necesario. Una vez que haya hecho esto, el tema de su hijo estará completo. Pero el estilo y la funcionalidad serán los mismos que los de los padres. A continuación, echaremos un vistazo al estilo y la funcionalidad de los padres.
Cómo anular el estilo del tema principal en el tema del niño El estilo del tema principal puede ser reemplazado por cambios en la hoja de estilo del niño. Por ejemplo, consideremos que la hoja de estilo de los padres define una clase “WL-Header”, que colorea el encabezado en blanco.
.wl-cabeza

{
Color de fondo: #ffffff;
}
Para cambiar esta clase en el tema del niño (para eventualmente cambiar el color del encabezado), debe definir la misma clase y cambiar el atributo necesario en estilo. CSS del tema del niño. .wl-cabeza
{
Color de fondo: #F7F7F7;
}
Del mismo modo, puede cambiar otras clases si es necesario o agregar estilos adicionales. Incluso puede definir nuevas clases según sea necesario.
Cómo anular los temas del patrón en el tema del niño para cambiar la apariencia de la página, como agregar una barra lateral a la página del blog, cambiar el sótano, etc., debe reemplazar los archivos de plantilla.
Para hacer esto, debe agregar un archivo al director del niño el mismo nombre que en el director del tema principal. Esto reemplazará el archivo de base original con el archivo de tema secundario al cargar el sitio. Entonces, si incluye un archivo de encabezado.php en el tema del niño, el niño del niño lo sobrescribirá. Puede probar esto copiando el archivo de plantilla del tema principal en el director con el tema del niño y agregando una línea de código simple. Por ejemplo, intenté superar Header.php, en mi hijo, agregando una línea de código simple. Puede hacer cosas similares aún más con otros archivos de plantilla presentes en el directorio de temas inicial o puede agregar plantillas específicas de nuevas páginas por su cuenta. Cambiar el estilo y las plantillas está bien cuando necesitas cambiar la apariencia. Pero para cambiar la funcionalidad del tema, deberá anular algunas funciones agregando código a funciones.php del tema infantil.
Cómo anular la funcionalidad del tema principal en el tema del niño haciendo cambios en las funciones.php es una forma inteligente de cambiar la funcionalidad del tema. A diferencia de las hojas de estilo, las funciones.php no reemplaza las funciones.php del tema principal existente. De hecho, solo agrega la funcionalidad adicional como se define en el archivo.
Pero si se define una función con el mismo nombre que una función principal -theme en el tema del Hijo, la función infantil reemplaza la función del tema principal (siempre que haya errores adecuados). Esto se debe al hecho de que las funciones.php del tema infantil se cargan antes de las funciones.php del tema principal. El archivo Functions.php actúa como un complemento para un tema y cobra automáticamente durante el proceso de inicialización de WordPress. Si el tema principal ofrece acciones y ganchos de filtro, puede tomarlos y expandir la funcionalidad del padre. Para obtener más información sobre la acción y los ganchos de filtrado, puede echar un vistazo a este artículo. Buena gente, estoy seguro de que este artículo le ha ayudado a crear su primer tema infantil y orientar su sitio a una interfaz creativa y notable. Un gran artículo a seguir sería: sobrescribir el código corto de padres en el tema del niño de WordPress.