Creación de un tema de Genesis Child de cero dentro del marco Genesis en WordPress

Cómo crear un tema de Genesis Child a partir de cero dentro del marco Genesis, que parece un padre, incluido el soporte HTML5, widgets de sótano, fondos personalizados y activar la ventana de visualización que permite un diseño receptivo/dispositivos móviles. Instale el marco Genesis primero, tome el marco de Genesis y cargue el tema en WordPress a través del tablero, busque> carga.

Después de cargar, no active el tema, porque se creará y activará un tema infantil. Además, como regla regular, no edite los archivos básicos en Genesis, ya que sus ediciones se sobrescribirán cuando se actualice el marco.
Cree un tema para niños bien, así que primero cree el tema del niño de la misma manera que cualquier otro tema de WordPress Child. Aquí usamos el nombre “Génesis” y se debe crear una carpeta; “Genesschild” in /wp-content /themes /con un archivo “style.css” con el siguiente contenido: /*
Nombre del tema: GenesisChild
Temas de tema: https://wpbeaches.com
Descripción: Diseñado por <a href="https://wpbeaches.com Neil Gee .
Autor: Neil Gee
Versión: 1.0.0
Plantilla: Génesis
Etiquetas: el hijo de Génesis
*/
@import url (‘../ genesis/ style.css’); Esta es la declaración estándar del tema infantil, con el nombre y la plantilla del tema que son todos los campos importantes para declarar.

Después de eso, podrá activarlo por apariencia> temas desde el tablero de WordPress. Para obtener una copia del icono de la imagen en la captura de pantalla.png del tema de Genesis Paterna y para grabarla en el Director de GenesisChild, puede agregar una imagen diferente para identificar visualmente la diferencia entre los temas, simplemente mantenga el formato y las dimensiones del mismo , Este es un paso opcional. Las diferencias entre el tema de los padres y el hijo hay una gran diferencia en el aspecto del marco principal y el génesis infantil: con otros temas infantiles, el tema del niño tiene la apariencia de sus padres, pero el tema de Genesis Child en la caja inicialmente parece como se debe activar una serie de características. Marco de Genesis de los padres
Se ve bien, Genesis Framework Parent Temo-HTML 5, widgets receptivos y activados. El tema del niño Genesis

El Genesis Son predeterminado no se reproduce como HTML5 y no muestra el mismo aspecto estructural con los anchos de píxeles de la página utilizando el mismo CSS que el padre; parece que la columna se ha eliminado. Esto se debe al hecho de que estas funciones son apoyos de temas que debe activar en el tema del niño. Reparar cosas copiar/pegar el CSS principal primero, es copiar/pegar el código CSS de los padres al archivo de estilo infantil.css en lugar de confiar en la importación de CSS Parent, esto le permitirá cambiar el CSS en el tema del tema del tema del tema del tema del tema del tema del tema del tema del tema del tema niño para cualquier cosa y no verse afectado por ningún tipo. Se actualiza CSS cuando se actualiza Genesis, esto no cambiará los otros problemas en este momento, pero verificará el tema del niño, pero StudioPress recomienda el proveedor de Genesis.

Elimine esto en el estilo del tema de su hijo @Import URL (‘../ Genesis/ style.css’); Luego, copie todo al archivo de padres style.css desde /* contenido al final del archivo: /* Acciones de contenido y filtros y funciones para que las cosas sean como marco principal, debe crear un archivo funciones.php en el niño tema y para comenzar a ingresar algunas funciones add_theme_support. La mayoría de los temas de Genesis Child comienzan con lo siguiente: <? Php // enciende el motor
Require_once (get_template_directory (). '/Lib/init.php'); Se accede al marco y las funciones de Genesis desde /lib/init.php, si observa este archivo, es esencialmente la falla de la génesis del padre, la función femenina.php real llama al mismo archivo. Pero esto aún no resolverá el problema de la apariencia.
Si observamos el archivo Father Genesis /Lib/init.php, la razón por la cual se muestra el soporte de temas HTML5, Viewport y pie de página, razón por la cual en las filas 66-73, estos temas de soporte están desactivados para los temas del niño , Por qué está configurado de esta manera, no lo sé, ¡extraño!, lo que se dice es que si el tema es un tema infantil, no agregue soporte para HTML5, vea etiquetas y vidgets, pero les deseamos que nuestro tema infantil .
Una de las razones es probable que Genesis sea compatible con la versión inversa para admitir su marco antes de la versión actual, que también acepta la estructura XHTML, así como HTML5, por lo que las funciones de soporte de temas deben activarse de acuerdo con los requisitos del sitio. .
//* Habilitar widgets html5, ventana de visualización y sótano si Génesis está activo

if (! is_child_theme ()) {add_theme_support (‘html5’);
add_theme_support (‘Genesis-Responsive-ViewPort’);
add_theme_support (‘Genesis-Footer-Widgets’, 3);
} Así que agreguemos esto a nuestras funciones.php con el tema del niño: <? Php
// Encender el motor
Require_once (get_template_directory (). '/Lib/init.php');
add_theme_support ('html5');
add_theme_support ('Genesis-Responsive-ViewPort');
add_theme_support ('Genesis-Footer-Widgets', 3); Entonces, aquí aumentamos el soporte para los elementos HTML5 y la marca, la ventana del metaetichet en la cabeza, lo que permite que el sitio juegue en un ancho del dispositivo, lo que lo hace receptivo y otros 3 sótanos listos para acceder en la parte inferior . de la página.
Ya se ve mucho mejor
Otro enfoque favorito para configurar un tema de Genesis Child es utilizar una acción de Genesis llamada Genesis_Setup, que nos permite cargar todo nuestro tema infantil después de que las funciones de los padres y el niño ya se hayan cargado. <? Php
add_action ('genesis_setup', 'genesischild_theme_setup');

Función genesischild_theme_setup () {
// El código va aquí
} Así que aquí agregamos una acción llamada Genesis_Setup, que es la misma que la acción equivalente de WordPress llamada After_Setup_Theme, este gancho de acción se llama durante cada carga de página, en el código anterior pasamos una función PHP personalizada en el Genesis_Setup Action Hook. Declaramos el La misma función en todas partes, esta función se llama después de la inicialización base.
Puede nombrar la función como desee, siempre que pase el mismo nombre de función en el gancho de acción arriba, por lo que en el caso anterior está Genesis_Theme_Setup y ponga todas las funciones de acción y filtración del tema del niño en esa función principal. -More información aquí sobre After_setup_theme Después de que se haya realizado, podemos agregar las funciones de soporte para el tema que falta: antecedentes puede controlar los antecedentes generales del sitio; Haga esto agregando soporte para antecedentes personalizados y en las funciones.php.
//* Agregar soporte para antecedentes personalizados
add_theme_support (‘fondo personalizado’);Entonces, nuestras funciones de archivo.php serán así: <? Php // enciende el motor inverso
add_action ('genesis_setup', 'genesischild_theme_setup', 15);

Función genesischild_theme_setup () {
// Agregar soporte para el marcado HTML5
add_theme_support (‘html5’);
// Agregar metaetichet para ver
add_theme_support (‘Genesis-Responsive-ViewPort’);
// agregar 3 widgets de sótano
add_theme_support (‘Genesis-Footer-Widgets’, 3);
// Agregar soporte para antecedentes personalizados
add_theme_support (‘fondo personalizado’);
} Aquí, un niño Genesis con piel limpia, al igual que el marco original.Mi tema inicial se puede descargar y usar desde GitHub, este es un tema que utilizo para iniciar proyectos y se actualiza con lo que necesito.También hay una versión del móvil El primer tema de inicio de Genesis aquí.