El auge de las nuevas tecnologías y el uso masivo de las redes sociales como elemento de comunicación para usuarios y marcas, es un hecho que ha revolucionado la forma en que interactuamos. A pesar de ello, estos canales suelen ser los espacios a través de los cuales se generan diálogos. Normalmente es a través de la formación de plataformas de blogs o páginas webs donde esos diálogos encuentran argumentos que se vean respaldados.
Disponer de presencia digital a través de blog es un gran activo para usuarios y empresas, que busquen consolidar su imagen en el plano digital. Y gracias a herramientas como WordPress, esto se ha simplificado haciendo que cualquiera pueda generar un buen espacio de contenidos. El problema viene cuando se trabaja una plantilla y ésta se ve modificada por una actualización rutinaria. ¿Cómo corregir este problema?
¿Qué son las Child Themes?
Imagine que invirtió ciertas horas en trabajar y modificar una plantilla de WordPress a su gusto. Al cabo de unos meses desde su escritorio puede comprobar una nueva actualización en la plantilla. Tras ésta, va a descubrir que parte del diseño que tantas horas le llevó invertir, se ha visto modificado. Aunque este no es más que un pequeño ejemplo de cambio. En casos como estos se puede hacer uso de las child themes.
Las child themes son, como su nombre indica, plantillas hijas de un tema dependiente padre que mantiene la funcionalidad original de éste último. La diferencia de la plantilla hija es que aunque adquiere todos los elementos del tema principal, no se actualiza directamente. Es decir si se trabaja un sitio web con plantillas hija y padre, sólo la plantilla padre se actualiza.
¿Qué función tienen las Child Theme en una web?
Hay veces que desarrollamos un buen diseño web pero que, como en el ejemplo anterior, la instalación de una actualización va a desordenar uno de nuestros módulos. También puede ser que se quiera trabajar de manera independiente el código del tema para realizar alguna modificación en su estructura. Para estos casos es interesante utilizar una plantilla hija.
Algunas utilidades complementarias serían:
-Añadir líneas de código para trabajar el funcionamiento de alguna aplicación externa.
-Modificar aspectos del CSS de la página.
Pasos para crear una plantilla hija
Para explicar como crear una child theme, vamos a partir de una plantilla principal base. Por ejemplo, pensemos que estamos trabajando nuestra web desde el tema TwentySeventeen. Por lo tanto los pasos que deberemos seguir serán los siguientes:
1-Montar la plantilla en nuestra web WordPress. Desde el escritorio de la plataforma activamos el tema que vamos a utilizar como base sobre la que construir nuestro espacio en la red.
2-A continuación deberemos acceder al FTP, es decir el lugar donde está alojado nuestra web, y entrar a la carpeta “wp-content/themes”. Ahí dentro es donde se guardan todas las plantillas que tenemos instaladas. Veremos por lo tanto la TwentySeventeen ahí.
Pues es aquí donde vamos a comenzar a crear nuestra child theme. Para ello vamos a crear una nueva carpeta que llamaremos por ejemplo, “twentyseventeen-child”.
3-Entramos y creamos dos archivos. Por un lado vamos a crear un archivo “style.css”, y por otro lado “functions.php”. Es posible crear estos archivos desde un .”txt” que renombremos con sus correspondientes extensiones.
3.1-Teniendo en cuenta el estilo de la plantilla padre que estamos usando (TwentySeventeen), debemos copiar en nuestro nuevo “style.css” el siguiente código:
Theme URI: http://misitio.com/twenty-seventeen-child/
Description: Child theme para modificaciones varias
Author: Mi nombre
Author URI: http://misitio.com
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: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: twenty-seventeen-child
*/
3.2-Para el functions.php copiaremos el código a continuación:
$parent_style = ‘twentyseventeen-style’;
$child_style = ‘twentyseventeen-child-style’;
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’)
);
}
add_action( ‘wp_enqueue_scripts’, ‘enqueue_styles_child_theme’ );
4-A partir de aquí ya podremos cargar el child theme como un elemento independiente desde el escritorio de WordPress. Es importante recordar que todas las modificaciones que hagamos no afectarán a la plantilla padre, sino que se modificarán en la hija.
¿Te ha gustado este artículo? ¡Valóralo!
(2 votos, promedio: 5,00 de 5)
Cargando...
Más artículos relacionados
La tecnología de Beacons: ¿Cómo está revolucionando la publicidad y el marketing?
La tecnología de beacons ha revolucionado la forma en que se realiza la publicidad y el marketing en la actualidad. Estos pequeños dispositivos inalámbricos han demostrado ser una herramienta invaluable para las empresas, ya que permiten enviar mensajes promocionales...
Los códigos QR facilitan el control sobre el coronavirus en China
Como si fuesen un semáforo; así se está utilizando esta tecnología por China para el control y rastreo de posibles fuentes de infección e infectados del coronavirus. Esta tecnología de códigos QR ha sido llevada a cabo por Alibaba Group Holding y Tencent Holdings,...
Málaga reluce su espíritu verde con la jornada “Connecting Nature”
La ciudad malagueña será el escenario perfecto para la reunión de un centenar de expertos europeos en ciudades sostenible en las jornadas Connecting Nature. El evento se desarrollará entre el 1 y 3 de octubre, enmarcándose dentro del programa europeo del mismo nombre...