sábado, 21 de marzo de 2020

Tema Hijo en wordpress

Los blogueros de wordpres nos encontramos con el dilema de que nos cuesta encontrar un tema acorde a nuestra necesidad. Alguna vez encontramos un tema 'casi' a nuestro gusto, pero nos gustaria hacer un pequeños cambios en el tema. A continuación te enseño el paso a paso para crear un tema hijo.
Paso 1: debe dirigirte a tu Cpanel y crear un carpeta similar a la carpeta padre. Aunque no es obligatorio, se recomienda, especialmente si estás creando un tema para uso público, que al nombre del directorio del tema hijo se agregue ‘-child’.

Para nuestro ejemplo: utilizare el tema padre: business-consultant-finder y creare lo estilos a partir de este tema y lo llamare: bcf-shop-child.
Paso 2: Crear la hoja de estilo del hijo, que normalmente heredara todo el estilo del padre, pero podremos modificar varias cosas, porque sera uno de los ultimos archivos que se modifiquen. Antes que se empiece a modificar las clases de CSS, debes poner las siguientes lineas para que importe los estilos del padre y para que wordpress entienda que es hijo de otro tema. 
El archivo debe de llamarse style.css y debe estar en la carpeta bcf-shop-child(en nuestro ejemplo).

/*
 Theme Name:   BCF Shop Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Business Consultant Finder Child Theme
 Author:       recamedi
 Author URI:   http://recamedi.com
 Template:     business-consultant-finder
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  business-consultant-finder-child
*/
/* Aquí tus regals CSS */


Hay que tener en cuenta al encabezado de la hoja de estilo:

Deberás reemplazar el texto del ejemplo con los detalles de tu tema hijo.
La línea Template corresponde al nombre de directorio del tema padre. El tema padre en nuestro ejemplo es el tema Twenty Fifteen, por lo que Template será twentyfifteen que es el nombre de su directorio. Como lo normal es que estés trabajando con un tema principal diferente, deberás ajustar esta línea.
Paso 3: El último paso es poner en cola las hojas de estilo de los temas padre e hijo, para ello se crear un archivo con el nombre functions.php y agregaremos la accion wp_enqueue_scripts  y usar wp_enqueue_style(), como se muestra a continuación:

<?php
add_action( 'wp_enqueue_scripts', 'theme_slug_enqueue_styles' );
function theme_slug_enqueue_styles() {
    $parent_style = 'parent-style'; // Esto será 'twentyfifteen-style' para el tema Twenty Fifteen.
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
/* Aquí tus funciones personales */
?>
Con estos pasos ya esta creado el tema hijo y podremos verlo en temas, desde nuestro wordpress. Ahora solo debemos activarlo, claro esta, que no le hemos asignado ninguna mujer, por lo tanto, no se mostrara ninguna imagen.
Una vez activo veras que podras personalizarlo como si fuera el tema padre. Ademas puedes copiar todos los archivos del padre y pegarlos en el hijo y hacer las modificaciones ahi, sin tener que perjudicar el tema original.

No hay comentarios:

Publicar un comentario

Crud Simple en laravel 8