Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Convirtiendo nuestro theme en child theme de StoreFront

4/12
Recursos

Aportes 3

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Crea un child theme

Para configurar un child theme es necesario tener instalado nuestra padre, crear una nueva carpeta con el nombre de nuestro tema hijo y agregar el archivo inicial styles.css que se configura de igual forma agregando una opción adicional template: nombre-del-tema-padre

/*
Theme Name: Yard Sales Storefront Child
Template: Storefront
Theme URI: https://github.com/ramitaenlarama
...
*/

Es importante destacar que los estilos se cargaran con respecto al directorio padre ya que la función que utilizamos para obtener la dirección get_template_directory_uri( ) toma como directorio de origen el template.
Para ello debemos cambiarlo a get_stylesheet_directory_uri( ) que tomará la dirección actual del hijo.

styles.css

wp_enqueue_style("estilos", get_stylesheet_directory_uri()."/assets/css/style.css", array("google-font","bootstrap"));

wp_enqueue_script("yardsale-js",get_stylesheet_directory_uri()."/assets/js/script.js");

Nota: Se debe desactivar y cargar el tema para aplicar la configuración inicial

Para invocar los estilos y los scripts es necesario sustituir el llamado cambiando la función:

get_template_directory_uri()

por la función

get_stylesheet_directory_uri()

La primera busca el estilos y los scripts del theme padre mientras que la segunda función del theme hijo haciendo referencia al

Tambien es importante declarar:
Template: <nombre del tema padre>

Para que sepa que archivos heredar, crear también el archivo index.php si estamos comenzando desde 0

En el archivo functions modificamos la función donde registramos los estilos cambiando get_template_directory_uri() por get_stylesheet_directory_uri() para que muestre los estilos del child theme y lo dejamos ahí. Recordar que para que se os muestren las imágenes, como el logo, debéis de realizar el mismo cambio en el archivo content-header.