Temas hijos WordPress

Los Temas hijos WordPress es una de las metodologías que utiliza VanguarSoft en sus desarrollos por los que es interesante compartirlo.

Es un tema que hereda las funcionalidades básicas de un tema principal o tema padre lo que permite mejorarla, modificar y ampliarla.

Son muy necesarios cuando tienes la necesidad de personalizar tu tema y mantener los cambios en cada actualización del tema.

Cuando un tema principal se actualiza, se sobrescriben todos sus archivos y sin tener aplicado los temas hijos estos cambios pueden ser eliminados.

Por el contrario los temas hijos de WordPress, no se sobrescribe, solo hereda de las funciones básicas del tema padre.

COMO HACER UN TEMA HIJO?

Los pasos para llevar a cabo en tu WordPress los temas hijos son muy sencillos:

PASO 1:

En nuestra carpeta de instalación de tu wordpress buscamos la carpeta wp-content/theme y crear una nueva carpeta con el nombre que desees, normalmente se coloca el nombre del tema padre mas un indicativo de que es hijo.

PASO 2:

en el segundo paso se crea un archivo llamada style.css dentro de dicho código se agregara lo siguiente:

/*
Theme Name: Twenty Seventeen Child
Theme URI: http://raiolanetworks.es
Description: Twenty Seventeen Child Theme
Author: Angela
Author URI: http://raiolanetworks.es
Template: twentyseventeen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: twenty-seventeen-child
*/

Donde:

  • Theme name: nombre del tema hijo la cual puedes ser el que desees, pero es recomendable colocar un nombre lo marque como tema hijo y a que tema padre pertenece.
  • Theme URI: La URL de la página principal del tema hijo.
  • Description: La descripción del tema hijo.
  • Author: El nombre de la persona que lo crea.
  • Author URI: La dirección de la página web del autor.
  • Template: El nombre del template del padre. Pero no el nombre del tema, sino el nombre del directorio que contiene el tema principal (IMPORTANTE) .
  • Tags: Las etiquetas por las que van a encontrar tu theme.
  • Version: La versión del tema hijo.

Ya con esto se podrá dirigir a la lista de temas y ver que existe un nuevo tema.

PASO 3:

Importar los estilos del tema principal, al ya tener el archivo style.css en tu tema hijo se dejara  de usar el del tema principal para usar este, pero obviamente si no tienes estilos no mostrara nada de diseño.

Por lo que creamos un nuevo archivo llamada funtions.php y se agrega el siguiente código

<?

function mystyle()
{
   wp_enqueue_style( ‘child-theme-css’, ‘[URL_CSS_PARENT]’ );
}
add_action( ‘wp_enqueue_scripts’, ‘mystyle’ );

php ?>

CONCLUSIÓN

Se espera que les sea útil, Para mas información proporcionamos la documentación oficial de este tema para wordpress:

https://developer.wordpress.org/themes/advanced-topics/child-themes/

VanguarSoft esta muy feliz de compartir conocimiento, de no ser un especialista en el área podremos atenderle con mucho cariño si tienes alguna idea que deseas hacer realidad contactamos:

https://vanguarsoft.com.ve/solicitar-presupuesto/

Deja un comentario