+34 644 20 61 33 / +52 81 321 81 333 info@laraprado.com

Escrito por Lara Prado

Consultora y Formadora en Marketing Online. Directora en la agencia de marketing online Lanzadera Online.

03.09.2021

CHILD THEME: INTRODUCCIÓN A LOS TEMAS HIJO EN WORDPRESS

En el tutorial de hoy vamos a hablar de los famosos y necesarios TEMAS HIJO o CHILD THEMES, en concreto, de cómo crear uno para tu sitio web. 

Si no lo has hecho ya, te recomiendo que leas esta entrada en donde explico en detalle qué son y porqué los necesitas. 

Ya sabéis que no soy programadora, así que os traigo un paso a paso sencillito sin conocimientos previos de programación, para poder crear temas hijos / child themes para webs en WordPress + Divi.

PASO 1. Opcional. CREAR UNA PORTADA PARA TU TEMA HIJO

Es una gilipollez totalmente opcional, pero así soy yo de cuqui. Ja ja ja.

Así que me gusta poner una portada molona para el tema hijo que voy a crear para mis clientes 🙂

Todo cuenta, y la diferencia está en los pequeños detalles cuando entregas un proyecto web a un cliente :p

wordpress divi como hacer un tema hijo child theme paso a paso plugin

PASO 2.  CREAR EL TEMA HIJO CON ESTE CREADOR DE CHILD THEMES MOLÓN Y GRATUITO

Usaremos el Child Theme Maker de Elegant Marketplace, al que podéis acceder aquí. 

Sólo tenemos que rellenar los campos, y clicar en GET NEW CHILD THEME, para que se descargue nuestro nuevo tema hijo en formato .zip

wordpress divi como hacer un tema hijo child theme paso a paso guia tutorial

PASO 3.  CARGAR Y ACTIVAR EL TEMA HIJO EN TU WEB WORDPRESS + DIVI

Lo siguiente que haremos será subir el tema en formato .zip en APARIENCIA – TEMAS – AÑADIR NUEVO – SUBIR TEMA – ACTIVAR.

tutorial como crear un tema hijo para web en divi facil sin plugin
tutorial como crear un tema hijo para web en divi facil sin plugin GUIA contratar expoerto en divi
tutorial como crear un tema hijo para web en divi facil sin plugin GUIA contratar expoerto en divi 2

PASO 4.  COMPROBAR QUE TODO SIGUE OK EN EL SITIO WEB

Lo siguiente que suelo hacer es abrir el sitio web y comprobar que todo sigue en su sitio.

No suele fallar, pero hay webs y webs, más sencillas, más complejas, mejor hechas, peor hechas, mejor mantenidas, peor mantenidas….así que comprobar siempre cómo ha ido la ejecución.

Y ni qué decir tiene, que siempre antes de hacer estas cosas, debéis hacer una copia de seguridad de vuestro sitio web. OOOOOBVIO.

PASO 5.  APRENDE A UTILIZAR TU TEMA HIJO / CHILD THEME DIVI

Pues ya tienes tu tema hijo, ahora debes aprender a utilizarlo.

Y destacan dos cuestiones:

CUESTIÓN 1. CÓMO GESTIONAR CSS EN EL TEMA HIJO

A partir de ahora, no incluirás el CSS en DIVI – OPCIONES DEL TEMA – PERSONALIZAR. Ahí estarías trabajando de nuevo en el tema padre.

Sino que lo harías desde APARIENCIA – EDITOR DE TEMAS. Esto sí pertenece al tema hijo activo que acabas de crear y no se sobrescribe con las actualizaciones de Divi 🙂

como editar añadir css en tema hijo child theme en web wordpress divi experta en divi experto wordpress freelance diseño web

CUESTIÓN 2. CÓMO ACTUALIZAR DIVI DE AQUÍ EN ADELANTE

A partir de ahora, la actualización de Divi será así:

como editar añadir css en tema hijo child theme en web wordpress divi experta en divi experto wordpress freelance diseño web 2

Las actualizaciones ya no aparecerán en tu tema activo, sino en el tema padre Divi original.

Bastará con seguir los pasos habituales de actualización….y con la tranquilidad de no estar perdiendo tu trabajo a partir de ahora! 🙂

 

Y esto es todo por hoy!

Espero que os sea de utilidad 🙂

Cualquier duda o aportación, no dudéis en dejarme un comentario y lo veremos juntos con toda la comunidad!

Y ya sabéis que si necesitáis ayuda o directamente preferís subcontratar esta tarea, podéis contratar mis servicios!

Lara Prado.

Y hasta aquí esta entrada en nuestro blog de marketing online.

¿TE HA SIDO ÚTIL? ¿HA RESUELTO TU PROBLEMA? ¿TE AYUDARÁ EN TU PROYECTO ONLINE?

Si es así…TE RUEGO que por favor contribuyas a nuestra comunidad devolviendo el favor con algunas de las siguientes opciones:

 

Contrata nuestros servicios.

¿Te quedan cosas por hacer en tu proyecto online?

¿Podemos ayudarte en algo más?

Consulta nuestros servicios y precios súper asequibles.

Invítanos a un café.

Igual que a cualquier amigo 🙂

Clica en el icono del café de la esquina o aquí e invítanos a un café virtual con un par de cómodos clics 🙂

Comparte esta entrada.

Ayúdanos a compartir esta entrada en tus redes sociales 🙂

Suscríbete a nuestra newsletter.

Déjanos tu email para enviarte más contenido interesante y gratuito como este.

w

Déjanos un comentario.

Tus comentarios nos dan feedback, ayudan a la comunidad y afectan positivamente a nuestro SEO.

Visita más entradas del blog.

Sigue navegando por nuestra web en cualquiera de nuestras otras entradas del blog.

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *