Enigma, Child Theme | Develop Site

Estamos pensando hacer modificaciones en la plantilla ENIGMA 1.9.6 y creemos que es mejor trabajar con una child theme

¿Que es una Child Theme?

Una child theme es una plantilla que hereda la funcionalidad y el estilo de otra, llamada parent theme. Las plantillas child theme son la manera mas sencilla de realizar modificaciones en una plantilla ya existente

¿Por que usar child theme?

Hay ciertas razones por las que podriamos necesitar usar una child theme

  • Si modificamos una plantilla y luego es necesario actualizar, todos los cambios se pierden
  • Utilizando una child theme el tiempo de desarrollo se reduce
  • Utilizando una child theme se puede aprender sobre el desarrollo de plantillas para Wordpress

¿Como crear una Child Theme?

Para empezar creamos un directorio que coincidirá con el nombre de la child theme en wp-content/themes, en nuestro caso el nombre es enigma-child. Luego copiamos desde la parent theme los archivos style.css y functions.php. Debemos de tener cuidado en no dejar espacios en el nombre del directorio lo que podría ocasionar errores

El siguiente paso consiste en crear la hoja de estilo de nuestra child theme(style.css), esta debe comenzar de la siguiente manera

  1. /*
  2.  Theme Name: Enigma Child
  3.  Theme URI:    http://www.worldtravel-viajes.com/enigma-chid/
  4.  Description:   Enigma Child Theme
  5.  Autor:           worldtravelviajes
  6.  Autor URI:     http://www.worldtravel-viajes.com
  7.  Template:     enigma
  8.  Version:       1.0.0
  9.  License:       GNU General Public License v2 or later
  10.  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  11.  Tags:           sliders, responsive-layout
  12.  Text Domain:enigma-child
  13. */

A continuación es necesario importar la hoja de estilo de la parent theme a la child theme y para hacerlo de forma correcta no se debe usar @import. Es necesario agregar

  1. <?php
  2. add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
  3. function theme_enqueue_styles() {
  4.            $parent_style = 'parent-style';
  5.            wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
  6.            wp_enqueue_style( 'child-style',
  7.                 get_stylesheet_directory_uri() . '/style.css',
  8.                 array( $parent_style )
  9.           ) ;
  10. }
  11. add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
  12. ?>
Español