Ep 25 | Qué es un child theme y por qué tienes que usarlo

En el episodio 25 de WordPress semanal aprenderás qué es un child theme, cómo crearlo y por qué es tan importante que lo uses en tu web. Vamos allá. Hola, hola, Soy Gonzalo de GonzaloNavarro es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Y ya os he dicho alguna vez que para mí no hay más satisfacción que la de conseguir crear tu propia página web. Te sientes el mejor, has tenido control total para hacerlo, sí, ha habido altibajos, pero al final lo sacas. Así que el objetivo de este podcast y de mi blog y de todo mi contenido es ayudarte a conseguir precisamente eso, que tengas esa satisfacción de haber creado tu propia web o tu propio negocio, tu propio blog o tu propio lo que sea, todo ello utilizando WordPress. Y hoy vamos a hablar de un tema importante, porque esto es una de las primeras cosas que cuando ya empiezas a ser un usuario intermedio debes tener muy en cuenta. Y vamos a hablar de qué es un Child Theme y por qué tienes que usarlo. Además os voy a explicar cómo podéis crearlo de forma manual, porque además ya tengo un post en el que hablo sobre ello, y cómo hacerlo de forma rápida, de forma prácticamente automática, es decir, cuando hacemos este tipo de cosas de formas automáticas, suele ser con un plugin, que además es de usar y tirar, es decir, lo instaláis, lo usáis y cuando habéis terminado lo desactiváis, pero eso lo veremos más adelante También. Como siempre, vamos a hablar de un plugin esta semana que va a ser para crear notas en el escritorio, ahora mismo vamos con ello. Y además algunas noticias, una corrección de una cosa que dije la semana pasada que no es verdad, yo no lo sabía, ahora lo comento y alguna noticia más. Así que vamos con ello. Pero antes recuerda que en Gonzalo es Cursos tienes todos los cursos sobre WordPress creados hasta la fecha, ya lo sabes, te suscribes y tienes acceso a lo que ya hay más los nuevos cursos que salen cada mes. Pues Ahora mismo hay WordPress básico, WordPress intermedio, cómo hacerse en WordPress, cómo crear páginas, digamos diseñar páginas sin utilizar código a través de un Page Builder, cómo crear una tienda online utilizando WooCommerce, cómo hacer email marketing vinculado con WordPress. Y más cursos que hay por venir, como el de velocidad en WordPress, es decir, como editar todo para tener tu web lo más rápida posible. Y también está por venir algún curso de Page Builder, que os voy a hablar de esto más adelante y no sé si en un post o en el próximo episodio del podcast, porque hay cositas interesantes al respecto y lo quiero comentar con vosotros a ver qué pensáis. Así que nada más, vamos con el plugin de la semana, que es para crear notas en el escritorio de WordPress. Si eres de los que te gusta apuntar todo lo que haces y tenerlo todo a mano en un mismo lugar, seguramente este plugin que se llama WordPress Dashboard Notes te pueda ser bastante útil. Está pensado para webs en las que trabajen distintas personas, así le puedes dejar notas a la otra persona cuando entra a otro editor o a lo que sea, o simplemente si solo la llevas tú, puedes tener notas a modo de recordatorio o incluso listas, porque a ver qué se puede hacer con este plugin. Puedes crear notas de distintos colores, puedes tener las notas en formato lista o formato normal, si tienes una lista pues vas marcando lo que ya has hecho, eso puede estar muy bien. Luego las notas pueden ser públicas o privadas, es decir, las puedes dejar para que la vean otros usuarios, un editor o un administrador o lo que sea, o para que sólo las puedas ver tú, en ese caso serían privadas. Después, bueno, lógicamente las puedes editar directamente en el escritorio, puedes crear tantas como quieras, es decir, son ilimitadas y luego si tienes por ejemplo el formato lista, pues puedes ir arrastrando esos elementos de la lista con el ratón simplemente y los vas poniendo en el lugar que quieras dentro de esa nota. Y por último, que los cambios se guardan automáticamente, no es de esto que le tengas que dar a guardar ni nada de eso, sino que lo que vas haciendo se va guardando de forma automática. Así que está bien, es sencillo, como veis tiene las funcionalidades justas, lo que puedes necesitar, ni más ni menos. Así que es un plugin que recomiendo, está muy Bien, de nuevo, WordPress Dashboard Notes y os dejo el link en las notas del programa. Después algunas noticias y la corrección que os comentaba, que es precisamente en el episodio 24 del podcast, es decir, en el anterior dije que en España no se utilizaba Patreon, que era esto, si recordáis, pues para hacer donaciones, y sí que se utiliza. Alguno de vosotros me habéis contactado y además he visto, me puse a buscar después y sí que hay casos, hay varios casos de gente que lo utiliza que se dice Patreon, ¿Vale? Yo digo Patreon porque. Pues eso, porque lo leo en inglés nada más que sí que ya está por aquí, así que si lo queréis utilizar, pues sí que sí que se utiliza, es decir, ya hay casos de gente que lo está utilizando y que les está funcionando. Si no sabéis muy bien de lo que hablo, escuchad el episodio anterior simplemente lo comenté como uno de los ejemplos que di que hablamos sobre webs de suscripción, pero esto lo comenté como un ejemplo especial, como algo un poco diferente que se podía hacer, así que echadle un ojo, os dejo el link y aparte si no, pues buscáis el episodio 24 después, ¿Qué más noticias? Pues he visto que ha salido un nuevo theme que es muy minimalista y como a mí me gusta ese tipo de theme, pues creo que lo podía compartir con vosotros. Tiene buena pinta, se llama Digitale Pracht, tiene ese nombre porque es de creadores alemanes, os dejo el link para que veáis una demo y también el link para que vayáis al thing en WordPress. ¿Org, es gratuito y tiene apenas 100 instalaciones activas porque es muy nuevo, pero yo creo que puede estar bien, está enfocado en el contenido, tiene muy poquitas cosas, tiene un color amarillo para que? No estoy seguro si puedes cambiarlo, seguramente sí desde la personalización, digamos, para diferenciar las zonas de la web, pero poco más, ¿Vale? Tiene mucho blanco, está muy concentrado en el contenido y tiene buena pinta, así que si estáis buscando un zip, es sobre todo para blogueros, pienso yo que es porque está muy centrado en el contenido. Y luego otra cosa, hace unos días Pippin Williamson, que es uno de los desarrolladores más respetados del mundillo WordPress, hizo una comparativa de Page Builders. La hizo porque, bueno, ya sabéis lo que son los Page Builders, estos plugins que instalas y te permiten crear, diseñar páginas y posts, digamos, arrastrando bloques o poniendo shortcodes de forma sencilla, digamos, sin utilizar código, tener la capacidad de poder diseñar o maquetar tus contenidos. Pues él tiene varios plugins y llevando el soporte de los plugins se da cuenta de que muchos de los problemas que tienen sus usuarios vienen por incompatibilidades con Page Builders. Entonces digamos que se hartó, puso un tweet que causó mucho revuelo en. En Twitter, ¿Vale? Y decidió comparar, hacer una comparativa de Page Builders en función de una serie de cosas, entre ellos la compatibilidad. No quiero entrar en detalle porque voy a hacer creo que un programa especial, vamos, un programa especial, un programa normal hablando de Page Builders, ¿Vale? Pero de todas formas os dejo la comparativa que él ha hecho para que le echéis un vistazo y veáis cuáles son los ganadores y por qué. Así que está bien, está interesante. Por ejemplo, del curso que tengo yo de Page Builder en la zona de suscripción, es de un Page Builder que se llama simplemente Page Builder de Site Origin y yo creía que iba a salir mejor parado, pero no ha salido tan bien parado y he visto otros que yo no conocía que salen bastante bien parado. Los voy a trastear, os voy a comentar qué tal son y si queréis pues haré un curso o bien uno de cada uno de ellos o uno comparándolos y haciendo un poquito, viendo cómo utilizar cada uno de ellos. Hablaré próximamente de esto, si no en el próximo episodio, si no en un post o de alguna forma hablaré de ello. Si estáis interesados, ya sabéis, me contactáis, me decís y lo que sea. Por cierto, Divi, que os gusta mucho, sale también bastante mal parado, ¿Vale? Y nada más, eso es lo que quería comentar en cuanto a noticias y hoy, ya lo sabéis, vamos a hablar de qué es un child theme y por qué tienes que utilizarlo. Así que empecemos por el principio. ¿Qué es un child theme o tema hijo? ¿Vale? Porque en español sería tema hijo. Básicamente, un tema hijo o child theme es un tema, un thing que utiliza los archivos y la información de un tema padre y además ese tema hijo pasa por encima del tema padre, es decir, que si tú haces cambios en el tema hijo, van a estar presentes en la web por encima de lo que diga el tema padre. Entonces, ¿Esto por qué se hace y por qué es importante? Pues se utiliza para evitar perder los cambios, es decir, si tú tienes un thing, un thing normal, y no tienes un tema hijo, ni tienes nada, y haces unos cambios de diseño, es decir, tocas un poquito el CSS para que tus botones en lugar de ser verdes sean rojos o para que el ancho de tu contenido sea X en lugar de lo que es ahora, tú lo haces y dices fantástico, me ha quedado súper chula mi web, ahora he hecho unos cambios o te los ha hecho un diseñador que sabía hacerlo y estupendo y ahora de repente sale una actualización del thing que estás utilizando, tu la actualizas porque tú además sabes que cuando sale una actualización debes actualizar lo antes posible porque así sabes que tu web va a estar segura y demás. Bueno, antes, como también bien sabes, porque te lo repito siempre tienes que hacer una copia de seguridad y actualizas. ¿Entonces tú te vas a tu web, todo parece que está bien, pero ahora de repente esos botones que tú habías cambiado, no recuerdo si he dicho de rojo a verde o al revés, vale? Pero esos botones que tú habías cambiado otro color están en el color de antes y ese ancho que tú habías cambiado ahora vuelve al ancho de antes. Puedes decir, vale, esto tampoco es un gran problema, ¿No? Pero si en lugar de eso has editado un montón de cosas y después de esa actualización se ha perdido, pues imagínate el problemón, ¿No? Entonces, ¿Qué se hace para esto? Pues se crea una copia de ese theme padre y lo llamamos child theme, un theme hijo. Es decir, tú tienes un theme normal, haces una copia de él, de algunos archivos de ese theme, ni siquiera es una copia de todos, y en ese es donde haces los cambios de tu web. De esa forma, siempre que se actualice el tema padre no vas a perder ningún cambio, porque se van a actualizar sí, todas las cosas importantes, pero los cambios que tú has hecho visuales de tu web o incluso a veces de funcionamiento, no se van a perder, ¿Vale? Entonces ahí radica la importancia de utilizar child themes. Y después, suena un poco técnico todo esto, pero en realidad no lo es, Es decir, si vas a hacer los cambios tú mismo es porque tienes conocimientos de esos aspectos técnicos, es decir, si tú sabes editar el CSS de tu web o crear una función, entonces no te resultará técnico, pero si no lo sabes hacer y quieres adentrarte en ello, tampoco lo es. Primero, para crear un child theme de forma manual es súper fácil si sabes más o menos cómo moverte por un programa FTP, que de hecho tengo un post en el que te explico en vídeo cómo moverte por uno de los más usados, creo que utilizo Filezilla en el tutorial porque es uno de los gratuitos y que se utilizan más, ahí te enseño a moverte por un programa de FTP y después simplemente tienes que copiar un par de archivos y editar un poquito uno de ellos para hacerlo. Como es difícil explicarlo por aquí y además ya tengo un tutorial con imágenes y muy detallado sobre cómo hacerlo, te dejo el link y si te interesa lo haces, que no quieres ni siquiera meterte en eso porque además realmente no es necesario porque hay un plugin que lo hace por ti como siempre. Bueno, hay un montón y casi todos funcionan bien. ¿Yo he elegido uno de ellos que se llama Child Theme Configurator, lo instalas, sigues los pasos y ya te ha creado el child theme Y después qué haces? Borras el plugin porque no lo necesitas para nada, así que está muy bien. Entonces para que entiendas un poquito lo que esto hace. A ver, normalmente nuestros themes están dentro de una carpeta. Bueno, si viésemos los archivos de nuestra instalación de WordPress, pues hay un archivo que se llama WordPress content o wp content, tú entras ahí y ahí tienes una carpeta con los themes, otra con los plugins y otro tipo de contenido. Dentro de la carpeta themes están todos los themes que tú tienes instalados. Entonces tanto si lo haces manualmente como con el plugin, simplemente creas una carpeta. Por ejemplo si tu theme se llama a pues lo vas a llamar a child theme, no hace falta que lo llames así, pero para que lo entiendas. Después creas una hoja de estilos dentro de esa carpeta que de momento está vacía la carpeta del child theme que se llama style css, así se llaman las carpetas, perdón, los archivos de estilo y ahí tienes que copiar una serie de cosas muy poquitas que además yo te dejo en el tutorial que te digo. Y si lo haces a través del plugin pues lo escribes en el plugin y ya el propio plugin te lo escribe por ti, es muy intuitivo el plugin. Después ya tienes tu hoja de estilo. Si por ejemplo, como te decía, quieres cambiar tus botones de un color a otro, pues ese código css lo escribes en la hoja de estilos de tu child theme en lugar de escribirlo en la hoja de estilos del theme padre. Ahí solo vas a tener que poner los cambios que hagas porque lo demás se importa de la hoja de estilos principal, la hoja de estilos del theme padre. Y con las funciones lo mismo, creas un archivo de funciones que se llama functions php dentro de la carpeta de tu child theme y ahí escribes el código de la función. En el tutorial que os digo que tengo ya hecho os pongo ejemplos, ejemplos reales. Creo que el ejemplo que pongo para CSS es cómo poner todos los links de tu web en naranja y lo escribo, te explico paso a paso cómo es y te pongo el código para hacerlo. Y en el de funciones hago también uno muy típico que es cómo crear un widget, ya sabéis los widgets, cuando te vas a apariencia, widgets, pues pongo el código, la función para crear un widget, así que aunque no lo vayáis a hacer, para que entendáis cómo funciona. Entonces de esta forma WordPress va a cargar los dos pequeños cambios que has hecho, los va a cargar desde el tema hijo y el resto de estilos y de funciones los carga del tema padre, es decir, los cambios los coge del tema hijo y todo lo demás lo coge del tema padre, así no hay ningún problema y si actualizáis el tema padre seguirá sin haberlo porque no estáis tocando nada del tema padre, así que realmente solo creando una carpeta con el nombre del child theme y un archivo que se llama style css ya habréis creado un child theme. Luego aparte si queréis pues le podéis poner más archivos como os he comentado del functions PHP. Bueno, hoy ha sido un pelín más técnico, pero os podéis olvidar de todos estos tecnicismos si lo hacéis a través del plugin. Para cualquier duda sobre cualquier cosa que haya dicho o si no entendéis algo, queréis que lo explique mejor, me contactáis. Lo mismo, la comparativa que os he dicho de Page Builders me ha parecido súper interesante, así que de ahí voy a sacar contenido, seguramente escribiré algo, pero también quiero hacer un episodio del podcast al respecto y me gustaría también incluirlo en los cursos porque voy a ver bien los plugins que han salido ganadores, que por cierto os lo voy a decir, son Taylor Page Builder, Puttle Page Builder y Beaver Builder. Beaver Builder si lo conocía porque es bastante famoso y habla muy bien de él, pero los otros dos no los conocía y son gratuitos y tienen muy buena pinta, ¿Vale? Así que os los pongo los links en la nota del programa, le echáis un vistazo, si queréis que hable de ello me lo decís, si queréis que haga cursos me lo decís. Y nada más. Como siempre, si te ha gustado el episodio de hoy y quieres ayudarme a tener más visibilidad en iTunes. Si dejas una valoración, me ayudas mucho, mucho, mucho. No te cuesta prácticamente mucho tiempo, simplemente haces clic en el link que dejo en las notas del programa, te vas a reseñas y la dejas. Así puedo mantenerme en iTunes, incluso subir y así puedo seguir creando contenido. Si me escuchas desde iVoox también muchísimas gracias por tus comentarios y tus me gusta, que además siempre entro para leerlos. Así que nada más por hoy, nos seguimos escuchando. Adiós.