Cómo crear un tema infantil de WordPress y por qué lo necesita

Publicado: 2022-05-20

Si eres fanático de la plataforma de WordPress, probablemente hayas escuchado toneladas de consejos para crear un tema infantil de WordPress para reducir los riesgos y errores futuros al mínimo crítico.

En SKT Themes definitivamente compartimos la opinión de sus asesores y también destacamos la importancia de crear y mantener un tema secundario separado de su sitio o blog de WP. Si bien los beneficios y las ventajas de un tema secundario parecen no tener ninguna ventaja, primero averigüemos qué es un tema secundario en su verdadera esencia.

¿Qué es un tema hijo?

Un tema secundario de WordPress es la versión alternativa del tema principal de WP, que hereda la funcionalidad y el diseño de esa plantilla principal. Este tema adicional o hijo le permite modificar, cambiar o complementar las funciones y la apariencia de la plantilla básica.

Y lo que es importante en este punto, la plantilla principal permanece intacta y sin cambios al mismo tiempo. Posteriormente, podrás actualizarlo en cualquier momento sin temor a que se pierdan los cambios realizados.

¿Por qué necesitas crear un tema hijo de WordPress?

La accesibilidad de los códigos y archivos de cualquier plantilla válida de WordPress le permite cambiar y personalizar la apariencia y la funcionalidad desde las modificaciones en el diseño hasta la creación de complementos y widgets adicionales.

Sin embargo, hay un pequeño inconveniente que todo webmaster de WordPress puede encontrar. Cualquier ajuste directo a los códigos básicos del tema desaparece o, mejor dicho, vuelve a la fuente después de cualquier actualización del tema.

Por lo tanto, si desea evitar reversiones tan desagradables, debe crear un tema secundario de WordPress. Le permitirá realizar toneladas de cambios en el tema sin el peligro de perderlos con cualquier actualización programada.

¿Cuándo necesitas crear un tema hijo?

Si usted es el que constantemente realiza cambios en la apariencia o el marco funcional de su sitio web o blog mediante la adición de nuevas funciones al archivo functions.php del tema o el cambio del archivo style.css, es imprescindible crear una plantilla secundaria.

Además, los diseñadores y desarrolladores web pueden beneficiarse enormemente de esta técnica para acelerar su flujo de trabajo y lograr más sin inconvenientes o errores inesperados.

Ahora que hemos abierto todo el potencial de un child theme para ti, pasemos a la parte técnica de su creación. Con todo, es una manera maravillosa de adentrarse en la carne de la plataforma WordPress y aprender más sobre sus posibilidades.

Cómo hacer un tema hijo de WordPress

Para crear un tema hijo de WordPress, necesitamos girar en torno a 3 puntos principales:

1. El directorio de temas secundarios

2. hoja de estilo (estilo.css)

3. funciones.php

Bien, el primer paso hacia la creación de un tema hijo es crear su directorio en wp-content/themes. Sería mejor si el directorio del tema secundario tiene el título del tema principal más el final "secundario".

Tomemos el tema SKT Perfect como muestra
tema comercial de WordPress
descargar

En este caso, llamaremos a nuestro tema hijo " skt-perfect-child ". (Por favor, revise las partes resaltadas)

Además, debe crear la hoja de estilo del tema (archivo style.css). La hoja de estilo debe comenzar con lo siguiente:

 *
 Nombre del tema: SKT Perfect Child
 URI del tema: http://mysite.com/skt-perfect-child/
 Descripción: Tema de SKT Perfect Child
 Autor: Juan Smith
 Autor URI: http://mysite.com
 Plantilla: sktperfect
 Versión: 1.0.0
 Licencia: GPL
 URI de licencia: http://www.gnu.org/licenses/gpl-2.0.html
 Etiquetas: perfecto, receptivo, compatible con widgets
 Dominio de texto: skt-perfect-child
*/

No olvide agregar sus propios detalles mientras maneja esta parte de la hoja de estilo.

El último archivo que debemos tocar es functions.php. Para poner en cola la hoja de estilo del tema principal es agregar la acción wp_enqueue_scripts (https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts)
y use wp_enqueue_style() (https://developer.wordpress.org/reference/functions/wp_enqueue_style/) en functions.php del tema secundario.

En esta relación, el archivo functions.php debe crearse en el directorio del tema secundario. La línea de apertura de functions.php debe ser “<?php”, después de lo cual puede agregar las hojas de estilo de los temas principal y secundario.

El siguiente ejemplo debería funcionar correctamente, si su tema principal tiene solo un estilo principal.css.

 add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');
función my_theme_enqueue_styles() 
    wp_enqueue_style( 'estilo-principal', get_template_directory_uri() . '/style.css' );

Si hay un código CSS real contenido en el archivo style.css del tema secundario, también debe agregarlo. En realidad, debe agregar "estilo principal" como una dependencia. Aquí hay un ejemplo apropiado:

 función my_theme_enqueue_styles() 

    $padre_; // Esto es 'skt-perfect-style' para el tema SKT Perfect. 

    wp_enqueue_style ($parent_style, get_template_directory_uri() . '/style.css');
    wp_enqueue_style( 'estilo hijo',
        get_stylesheet_directory_uri() . '/estilo.css',
        matriz ($ estilo_padre),
        wp_get_theme()-&gt;get('Versión')
    );

add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

Eso es todo amigos. Ahora ha creado con éxito su tema hijo y todo lo que queda son sus activaciones. Para esto, diríjase al Panel de administración de su sitio, Apariencia, Temas. Puede encontrar todos los temas disponibles enumerados aquí. Encuentre el tema secundario recién creado aquí y simplemente haga clic en él para activarlo.

Si encuentra este método realmente intimidante, puede aprovechar los complementos de creación de temas secundarios disponibles.

Generador de temas secundarios:

Generador de tema hijo

descargar

One Click Child Theme es un complemento para facilitarle la vida. Cree y ejecute su tema hijo en cuestión de minutos y con unos simples clics para evitar muchos problemas desagradables.

Generador rápido de temas infantiles:

Generador rápido de temas infantiles
descargar

Es uno de los complementos generadores de temas secundarios mejor calificados y fáciles de usar que puede usar con cualquier sitio con tecnología de WordPress. Este increíble complemento es lo suficientemente inteligente como para definir qué archivos copiar y cuáles omitir cada vez que se crea un tema secundario.

En general, viene con una interfaz intuitiva y amigable para el administrador y le permite crear tantos temas secundarios a partir de un tema principal como pueda necesitar.

Configurador de temas secundarios:

configurador de tema hijo

descargar

Otra solución mejor valorada para crear un tema hijo se llama Child Theme Generator. Este complemento también es maravillosamente conveniente para las opciones de personalización que puede hacer para su tema secundario.

Comprobación del tema secundario:

Comprobación de tema hijo
descargar

Finalmente, Child Theme Check puede ser su mano derecha cuando se trata de mantener el tema de su hijo bajo control y vigilancia constante cada vez que se realizan cambios.