Cómo crear un tema hijo en nuestro Tema Wordpress, con solo un par de clicks - Josu Eizagirre-Diseño web-tutoriales-gratuitos

Cómo crear un tema hijo en nuestro Tema WordPress, con solo un par de clicks

crea_tu_tema_hijo_josu_wordpress

 

¿Por qué crear un tema hijo para nuestro tema de WordPress?

Quizás te suene esta historia, un día decides aprender a utilizar WordPress.

Has leído y escuchado en muchos sitios que es una herramienta muy potente con el cual puedes hacer un montón de cosas, tales como blogs, webs que visualmente son muy atractivas y hasta tiendas Ecommerce que tienen de todo y son muy configurables.

Decides formarte, ya sea por libre con todo el material que existe en internet de forma gratuita o a través de un curso de pago.

Y finalmente instalas una plantilla WordPress que te ha gustado mucho y das el salto para ponerte a crear tu proyecto online.

Todo correcto hasta aquí, pero llega un día que necesitas personalizar más esa plantilla y en definitiva tu proyecto web y investigando un poco descubres esto en Apariencia-Editor:

 crear_tema_hijo_josu

Haces click en “Editor” y se abre ante tus ojos otro mundo:

crear_tema_hijo_josu

Es el maravilloso mundo de la programación, en este caso de la programación web 😉

Quizás llegado a este punto, habrás querido formarte un poco más sobre los lenguajes que lo forman tales como hml5, css3…y te dispongas a hacer algunos cambios en tu plantilla:

Por ejemplo podemos cambiar los tamaños de los diferentes títulos:

crear_tema_hijo

Font-size (tamaño de letra) cambiamos de 33px a 50px para que se note el cambio y le ponemos otro color

color: #B1251E;

Y vemos el antes y después de los cambios:

crear-tema-hijo_josu

antes_crear_tema_hijo_eizagirre

crear_tema_hijo

Que ilusión, ahora puedo cambiar todo lo que quiera de mi plantilla !!

Si, pero con precaución amigo conductor!! 😉

Todo es bonito hasta que un día te sale este mensaje en tu panel de WordPress avisándote que toca actualizarlo:

actualizar_wordpress__josu

Y como no podría ser de otra forma, haces click en “actualiza ahora“.

Todo perfecto, ahora lo tienes actualizado pero, SORPRESA!!

Todos los cambios que habías realizado en ese archivo “style.css” ya no están!!

¿Que es lo que ha sucedido?

Pues el motivo es sencillo, no tenias creado ningún tema hijo y al actualizar WordPress se han borrado todos los cambios realizados.

Cómo crear un tema hijo en WordPress

Bien para ello, vamos a descargar e instalar este plugin “Child Theme Wizard”:

como-crear-un-tema-hijo_wordpress

Una vez instalado y activado vamos a “Herramientas” y vemos que se ha creado una nueva opción:

como-crear_un-tema_hijo_josu

Una vez dentro rellenamos todo, el título, descripción autor etc…que nosotr@s escojamos y hacemos click en “Create Child Theme”:

crear_tema_hijo_josu_eizagirre

Vemos ahora como se ha creado el tema hijo correctamente y nos indica que si vamos a “Apariencia-Temas” desde ahí lo podremos activar.

Por otro lado, nos recuerda que en la opción de “Apariencia-Editor” podremos hacer todos los cambios de aquí en adelante, sin miedo a perder los cambios:

crear_tema_hijo_wordpress

Nos dirigimos ahora a “Apariencia-Temas”:

crear-tema_hijo_wordpress

Y activamos el tema hijo creado:

como-crear-tema-hijo-josu

Ahora, si nos vamos a “Apariencia-Editor” podemos ver esto:

tema_hijo_creado

crear_tema_hijo_josu

Y desde este momento, no tenéis que preocuparos por perder los cambios en las próximas actualizaciones.

Solamente comentaros, que en algunas plantillas premiun de WordPress disponemos de opciones de este estilo para introducir el código css:

crear-tema_hijo_wordpress_josu-eizagirre

Si vuestra plantilla de WordPress dispone de esa característica tenéis dos opciones, introducir desde ahí los cambios (no perderás nada al actualizar) o crear un tema hijo como explico en este tutorial.

Nada más, espero que os haya gustado este tutorial.

Y vosotr@s que opináis? es necesario el uso de un tema hijo? lo habéis creado para vuestro proyecto web?

Nos vemos en los comentarios 😉

Cómo crear un tema hijo en nuestro Tema WordPress, con solo un par de clicks
5 (100%) 20 votes
The following two tabs change content below.
Me llamo Josu y soy un Informático apasionado con todo lo relacionado con Internet y la tecnología. Actualmente ayudando a emprendedores e inconformistas a crear y monetizar su presencia en internet, a través de webs o tiendas online totalmente personalizadas y optimizadas. Enamorado de Wordpress y todo lo que tenga que ver con las formas de monetizar un proyecto web.

COMENTARIOS DE ESTE ARTÍCULO:

2 comentarios
Domingo Dice 2017-06-13

Estupendo!!! Muchas gracias!!!
Una pregunta, el tema hijo ¿es solo para el css o vale también para los phps y demás?

Contestar
    Josu Eizagirre Dice 2017-06-13

    Buenas Domingo,
    Cuando creas el tema hijo de esta forma automatizada lo que hacemos es duplicar el archivo style.css donde se guarda todo
    el código relacionado con el diseño de nuestra plantilla y también se duplica el archivo functions.php.

    Si lo hiciéramos de una forma manual, el proceso de crear el tema hijo podríamos crear otro archivo functions.php vacio y dentro añadir las funciones nuevas que solo queremos que cargue.

    Para que te hagas idea WordPress funciona de esta forma cuando creamos un tema hijo:

    1)Wordpress revisa el tema hijo y carga los archivos del tema padre.

    2)Carga la hoja de estilos del tema hijo con las modificaciones que hayas hecho y también los ficheros modificados en el tema hijo, y después lo que le falta lo completa con la hoja de estilos y archivos originales del archivo padre.

    3)Carga el archivo functions.php del tema hijo y luego lo mismo carga ese archivo en el tema padre.

    Como ves crear un tema hijo afecta a los estilos css y también a la parte de php pero si lo haces de forma más “artesana” no tienes porque copiar todo el código solamente añades lo que necesitas y luego WordPress que es muy listo, ya se encargará de completarla al revisarlo en el tema padre.

    Espero haberte aclarado tu duda. 😉

    Un abrazo

    Contestar
COMENTAR