Convirtiendo nuestro theme en child theme de StoreFront

Curso de Creación de Temas para WooCommerce

Contenido del curso

Preparando nuestro proyecto

Extendiendo nuestro Theme

Ajustes finales

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:008:59

Convirtiendo nuestro theme en child theme de StoreFront

Curso de Creación de Temas para WooCommerce

Clase 4 de 12

Clase 4 / 12

Julián Andrés Loaiza Ospina

Hace 5 años

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

Preparando nuestro proyecto

Configuración de StormFront y WooCommerce para eCommerce

Instalación de Storefront y WooCommerce en WordPress

Creación y uso de temas hijo en WordPress

Convirtiendo nuestro theme en child theme de StoreFront

Extendiendo nuestro Theme

Aprovechando las funcionalidades de StoreFront

Adaptando nuestro theme base

Remplazando las vistas de WooCommerces desde nuestro theme

Personalizando la lista de productos.

Personalizando el botón de Añadir a carrito

Agregando elementos a nuestro producto

Ajustes finales

Finalizando nuestro proyecto

Cierre del curso

Convirtiendo nuestro theme en child theme de StoreFront

Progreso del curso

Preparando nuestro proyecto

Extendiendo nuestro Theme

Ajustes finales

Recursos

Recursos