Como crear un tema hijo en wordpress


PorUgaoProject

Como crear un tema hijo en wordpress

En este tutorial vamos a intentar explicar como crear un tema hijo o child theme en wordpress, además veremos por qué es tán útil, y el principal problema que nos va a resolver, y que se da a la hora de actualizar la versión de un tema o plantilla

¿Que es un tema hijo o child-theme?

Crear un tema hijo o child theme es la manera correcta de personalizar la plantilla o tema que tengamos activo en nuestra web realizada en WordPress, si queremos conservar los cambios y tener actualizada la versión de la plantilla que estemos utilizando.

¿Cuando y por qué crear un tema hijo en WordPress?

Un tema hijo debe crearse siempre que vayamos a realizar cambios sobre nuestro tema activo que no estén disponibles entre las opciones de personalización del propio tema (accesibles mediante el menú del back end: apariencia->personalizar). Es decir cuando vayamos a editar los estilos o los archivos que componen la plantilla como por ejemplo style.css, functions.php, header.php, footer.php etc.

¿Por qué? Principalmente porque podemos editar directamente todos esos archivos, dejarlo todo a nuestro gusto y el dia que actualicemos la versión del tema perderemos todos los cambios. Si que es verdad que podemos desactivar las notificaciones de actualización para no caer en el error de actualizar, si somos conscientes de lo que ello conlleva, pero no es la solucion correcta ya que no es bueno tener un tema de wordpress con una version antigua

Como crear nuestro tema hijo en wordpress.

Ahora que ya conocemos para que sirve y el disgusto que nos puede evitar vamos a ver como lo creamos:

1 Crear el tema hijo

Para tener nuestra web online debemos tener contratado un alojamiento, pues bien debemos acceder al panel de control con el nombre de usuario y la contraseña que se nos han proporcionado

Aunque en la mayoría de hosting tengamos acceso a los archivos de nuestro sitio web, es mucho mejor acceder a través de un cliente FTP como el programa Filezilla . Para acceder con el, tenemos que buscar en nuestro panel de control nuestros datos de accesso FTP: usuario, contraseña, servidor y puerto, y con ellos configurar el acceso en filezilla.

Una vez hayamos accedido, veremos las carpetas que componen nuestra web, dependiendo de cada hosting puede que nos encontremos con diferentes estructuras en las que podemos ver carpetas como ‘webspace’, ‘httpdocs’, ‘midominio.com’ etc. dentro de ellas estaran alojados los archivos de nuestra web y que podemos identificar porque encontraremos entre otros archivos las carpetas ‘wp-content’,’wp-admin’ y ‘wp-includes’. Apartir de aqui seguiremos la ruta:

wp-content
themes

Aqui hay una carpeta por cada tema que tengamos instalado en wordpress.

Creamos una nueva carpeta con el nombre que queramos, una buen nombre puede ser ‘nombreTemaPadre-hijo’

Crearemos un archivo llamado style con extension css: ‘style.css’, y que debe contener el siguiente codigo, que deberemos personalizar dependiendo del nombre de nuestro tema padre. Y lo subiremos a esta carpeta.

Ya hemos creado nuestro tema hijo, solo nos queda activarlo. Para ello en nuestro back end o panel de administracion de wordpress (escritorio), accederemos a en el menu a:

Apariencia Temas

Aquí veremos como aparecerá como si de un tema cualquiera se tratara nuestro tema hijo recien creado. Solo falta activarlo.

Una vez activado ya podemos empezar a personalizar el style.css de nuestro tema hijo.

2 functions.php

El archivo functions.php es otro archivo que se personaliza de manera muy común mediante un tema hijo o child theme. A difrencia de otros archivos php como veremos a continuacion, este no sobreescribe el original sino que le agrega lo que escribamos dentro de el. La manera de prepararlo para que funcione es un archivo que solo contendra una apertura de codigo php:

3 Personalizar archivos php

Ademas de los estilos y functions.php, podemos personalizar los archivos php, esta vez se sobreescribe el original con el contenido del archivo que subamos al hijo. Para que esto tenga efecto deberá tener el mismo nombre que el original y respetar la ruta que tiene en el tema padre.

Por ejemplo si necesitariamos modificar un archivo de la plantilla padre que se encuentra en la siguiente ubicacion:

nombreTemaPadre
carpetaEjemplo
miArchivo.php

Creamos una carpeta dentro del tema hijo con el mismo nombre y dentro de ella un archivo con mismo nombre y extensión para que este sobre escriba el original:

nombreTemaHijo
carpetaEjemplo
miArchivo.php

Sobre el autor

UgaoProject administrator

Deja un comentario

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies