De qué forma hacer un tema hijo de WordPress

Esta guía le ayudará a crear un subtema de WordPress punto por punto.
Antes de empezar con nuestra guía, es esencial comprender qué es un subtema y por qué es requisito.

📑 Aquí podrás encontrar 👇

¿Qué es un tema hijo?

El tema hijo hereda la función y el estilo de otro tema (tema padre). Todos y cada uno de los temas, con la salvedad de los temas secundarios, son temas primordiales.
El tema principal tiene dentro todos los ficheros de plantilla necesarios; los subtemas son el único archivo obligatorio Fichero de estilo, pero Function.php Se aconseja que se oriente apropiadamente.

¿Por qué necesito un tema hijo de WordPress?

¿Tiene su ubicación de WordPress y piensa que es hora de realizar ciertos cambios?

Usa un tema gratis que descargó del repositorio oficial de WordPress.org o un tema premium que compró para hacer el sitio web de sus sueños. ¿Necesitas cambiarlo?

¿Eres diseñador o creador y quieres empezar a estudiar sobre el avance de temas?

Puede emplear temas secundarios para cambiar pequeños aspectos de su portal web sin perder su configuración personalizada cuando actualice el tema primordial.

De qué manera crear un tema hijo de WordPress

Visualizaciones: Todos Temas de WordPress gratis y premium Con motivo infantil. Puede descargar el fichero zip desde la página de documentación del tema: https://www.designlabthemes.com/documentation/

Primero, cree una nueva carpeta que contenga temas, esto sucederá contenido / tema de wp Carpeta de instalación de WordPress, la mejor práctica es ofrecerle al tema secundario el mismo nombre que el tema primordial, pero utilícelo -Niño Añada en el final.

En la carpeta de nuevos temas, cree un fichero de hoja de estilo llamado Archivo de estilo

En este caso, hemos desarrollado un tema de subnoticia breve, uno de nuestros temas de WordPress:

/*
 Theme Name:   Short News Child Theme
 Theme URI:    https://www.designlabthemes.com/short-news-wordpress-theme/
 Description:  Short News Child Theme
 Author:       Design Lab
 Author URI:   https://www.designlabthemes.com/
 Template:     short-news
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  short-news-child
*/

Se necesita la próxima información:
Nombre del tema (Debe ser único) y plantilla (El nombre del directorio del tema primordial).

Tras cargar la novedosa carpeta de temas, vaya a Fachada »tema En WordPress Admin, eche una ojeada a la pantalla Datos del tema. Usted ve ellos ven:

Tema de WordPress para niños

No se observa bien por el hecho de que no hay una imagen en miniatura, salvo que el tema sea muy distinta de la armonía primordial, sencillamente cópielo Screenshot.png Extraiga los ficheros del tema principal y péguelos en los subtemas.

En este momento crea un Function.php El archivo está en su carpeta de subtemas.

La mejor manera de agregar una hoja de estilo a la cola es agregar una wp_enqueue_scripts Acción y uso wp_enqueue_style () Ponga en cola el papel de estilo CSS.

Observaciones: No pruebe subtemas en su portal web en tiempo real, no utilice websites temporales o complementos para el modo de mantenimiento.

Situación 1

Si el tema padre carga 2 hojas de estilo, el tema hijo no debe hacer nada.

Caso 2

Cuando se usa el tema padre para cargar su estilo get_template_directory () o get_template_directory_uri (), El subtema solo precisa cargar el subestilo:

/**
 * Enqueue the child theme stylesheets.
 */
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() 
    wp_enqueue_style( 'child-style', get_stylesheet_uri(),
        array( 'parenthandle' ), // the parent stylesheet it depends on 
        wp_get_theme()->get('Version') // this only works if you have Version in the style.css file
    );

En el código de arriba contamos la función wp_get_theme () -> get ('Versión') Añada el número de versión y evite el almacenamiento en caché del navegador.

Caso 3

Cuando se usa el tema padre para cargar su estilo get_stylesheet_directory () o get_stylesheet_uri (), Al igual que en nuestro ejemplo, el subtema precisa Cargar hojas de estilo primordiales y secundarias.

/**
 * Enqueue the parent and child theme stylesheets.
 */
add_action( 'wp_enqueue_scripts', 'short_news_enqueue_styles' );
function short_news_enqueue_styles() 
	$theme = wp_get_theme();
	wp_enqueue_style( 'short-news-style', get_template_directory_uri() . '/style.css',
		array(),
		$theme->parent()->get('Version')
	);
	wp_enqueue_style( 'short-news-child-style', get_stylesheet_uri(),
		array( 'short-news-style' ), // the parent stylesheet it depends on
		$theme->get('Version')
	);

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir