Adaptando nuestro theme base

Curso de Creación de Temas para WooCommerce

Clase 6 de 12

Clase 6 / 12

Julián Andrés Loaiza Ospina

Hace 5 años

Adaptando tema base

Con el objetivo de adaptar e incorporar funcionalidades en nuestro tema hijo siguiendo los estándares y la documentación del tema padre en nuestro caso storefront es indispensable copiar los hooks (do_actions) del tema padre en los lugares correspondientes a nuestro tema hijo y así poder de forma más cómoda trabajar directamente desde nuestro functions.php

<body <?php body_class(); ?>>

    <?php wp_body_open(); ?>

    <?php do_action( 'storefront_before_site' ); ?>

    <?php do_action( 'storefront_before_header' ); ?>

    <?php get_template_part('template-parts/content', 'header'); ?>

    <?php do_action( 'storefront_before_content' ); ?>

incluso puede que en ocasiones sea necesario remplazar alguna clase para que se muestre de forma correcta el contenido (header, footer, etc)

/*
<main class="productos">
        <div class="container-fluid gx-5">
*/
<div id="content" class="site-content" tabindex="-1">
		<div class="col-full">

Si queremos deshabilitar una vista que se está tomando del tema padre se debe eliminar el do_action( ). En este caso storefront contiene un sidebar a la derecha y page.php está mostrándose como vista allí, para no mostrarla se copia el archivo page.php a nuestro proyecto y se comenta la línea del do_action().

<?php
//do_action( 'storefront_sidebar' );
get_footer();

Y por último para mantener nuestro container se modifica la clase del content-area por nuestro container en bootstrap

<!-- <div id="primary" class="container-area"> -->
<div id="primary" class="container-fluid my-3">

Adaptando nuestro theme base

Progreso del curso

Preparando nuestro proyecto

Extendiendo nuestro Theme

Ajustes finales