¿Cómo Actualizar un Tema de WordPress? – La Guía a profundidad y Detallada

Tu tema de WordPress es uno de los aspectos más importantes de tu sitio de WordPress. Determina cómo se ve el sitio, cómo se muestra el contenido y hace que tu sitio se vea moderno, profesional y de marca.

Por eso es importante mantener tu tema actualizado y asegurar que siempre funcione como debe.

Pero en algunas ocasiones no es tan simple. Si has personalizado un tema WordPress, actualizarlo significa que te arriesgas a perder tu trabajo. Si los plugins en tu sitio no son compatibles con la nueva versión de un tema, necesitas decidir ¿qué código actualizar y cuál no? Y si estás utilizando una tienda de WooCommerce con un tema que has personalizado, necesitarás asegurarte de que este funcione después de actualizarlo.

Mira este videotutorial para actualizar un tema de WordPress

En este artículo, te guiaré a través de los procesos sobre cómo actualizar un tema de WordPress. Hablaré de:

¿Listo? ¡Empecemos!

¿Por Qué Deberías Mantener Actualizados los Temas de WordPress?

Manteniendo el código actualizado en tu sitio de WordPress es algo muy importante. Nuevas versiones de plugins, temas y el mismo WordPress son lanzadas por buenas razones. No tomar ventaja de una actualización lo ponen en riesgo. Veamos tres razones por las que siempre deberías considerar actualizar tu sitio: seguridad, compatibilidad y funciones.

#1 Seguridad

La razón más importante para asegurar que el código en tu sitio siempre debe estar actualizado es la seguridad.

Una gran proporción de actualizaciones para temas, plugins y WordPress core son los parches de seguridad: lanzamientos menores diseñados para acabar con cualquier vulnerabilidad de seguridad.

Considerando que WordPress es un sistema open source, con una comunidad activa que monitorea el software por asuntos de seguridad y otros problemas, cualquier vulnerabilidad será discutida abiertamente y lo arreglarán lo más pronto posible.

Este es uno de los beneficios de WordPress: la comunidad activa asegura que las vulnerabilidades puedan ser identificadas y arregladas rápidamente.

Pero hay un aspecto negativo a todo esto: la naturaleza pública de todo esto quiere decir que cualquier persona que quiera atacar tu sitio sabrá sobre el problema con cierta versión de un tema, por ejemplo. Y podrían atacar sitios usando esa versión del tema.

Así que necesitas actualizar los temas, plugins y el core de WordPress tan pronto salgan actualizaciones, para evitar ser un objetivo.

Si instalas un buen plugin de seguridad, serás alertado cuando exista una nueva versión del tema, así que no tendrás excusas de no descargar esta actualización. Abajo, veremos cómo hacer esto de forma segura para que tu sitio siga funcionando de forma correcta durante y después de una actualización.

Pero para entonces, ya deberías estar convencido: mantener tu sitio actualizado mejorará tu seguridad.

#2 Compatibilidad

Los temas también son actualizados para asegurar esa compatibilidad con la última versión de WordPress. Esto pasará tan pronto una nueva versión de WordPress sea lanzada o después de un corto periodo de tiempo. Un buen desarrollador de tema probará tu tema(s) usando las versiones más recientes de WordPress (y contra la versión de desarrollo mientras está siendo creada) y hará cualquier cambio necesario para la compatibilidad.

Aunque, con el tiempo, nuevas versiones de WordPress serán lanzadas y tu tema podría desarrollar problemas de compatibilidad. En mi experiencia, es mucho menos común para los temas volverse incompatibles que lo que es para los plugins, pero sigue siendo algo que debe tener en mente.

Al actualizar tu tema, debería de asegurarte de que tengas la versión más reciente de WordPress primero.

#3 Funciones

La tercera razón para mantener tu tema actualizado es para aprovechar todas las nuevas funciones que el desarrollador podría haber agregado.

De vez en cuando, los temas son actualizados con nuevas funciones, sea porque los usuarios han pedido funciones adicionales, porque el tema puede tomar ventaja de nuevos aspectos del WordPress (Estoy hablando de ti Gutenberg) y agregar funciones extras al tema para las utiliza.

Si tu tema tiene nuevas funciones que podrían mejorar tu sitio, ¿Por qué no aprovecharlas?

¿Cómo Actualizar de Forma Segura un Tema de WordPress?

Actualizar tu tema en WordPress está hecho de forma sencilla para ti. Sólo ve a Panel de control> Actualizaciones y selecciona tu tema, luego haz clic en el botón de Actualizar Temas.

¡Pero espera! Podrías pensar que lo único que necesitas es dar clic en el botón de Actualizar y todo estará listo, ¿no? Claro, esto actualizará tu tema. Pero no lo hará de forma segura.

Cada vez que actualizas cualquier elemento de un sitio de WordPress (temas, plugins, o el core de WordPress) deberías tener un respaldo de tu sitio y probar el software actualizado para chequear si todo funciona. Para hacer esto sin tocar tu sitio de WordPress en producción, primero debes ejecutar la actualización en una versión de staging de WordPress de tu sitio.

Veamos cómo hacer esto más a detalle:

Respaldando Primero

¡Para! Antes de llevar a cabo una actualización en tu sitio, siempre, deberías tener un respaldo. Esto es para que tenga algo para restaurar tu sitio si la actualización corrompe a tu sitio.

Si sigues el consejo de abajo y siempre pruebas tu sitio primero en un entorno de staging, entonces es muy poco probable que tengas problemas: después de todo, ya pusiste a prueba todo. Pero es mejor estar seguro a lamentarlo.

Con Kinsta hosting, tendrás acceso a respaldos automatizados diarios de tu sitio. Pero también puedes hacer un respaldo manual inmediatamente antes de una actualización. Esto es algo que yo recomiendo, ya que podría haber muchos cambios en tu sitio desde el último respaldo automático.

Para llevar a cabo un respaldo manual, ve al sitio en el panel de control de MyKinsta, selecciona la opción de Respaldos en el menú, luego selecciona la pestaña de Manual. A partir de ahí, usted podrás tener hasta cinco respaldos manuales, cada uno será conservado por 14 días.

Si algo sale mal durante la actualización necesitarás restaurar tu sitio, puedes restaurar tu sitio con un sólo clic.

Visita la pantalla de Respaldos en el Panel de control de MyKinsta, selecciona el respaldo y haz clic en el botón de Restaurar. Tienes la opción de restaurar tu entorno de staging o en vivo. Asegúrate de hacer esto rápido si es que no quieres perder los cambios que has hecho en tu sitio después del respaldo (como otro usuario agregando contenido).

Si no estsá con Kinsta y tu proveedor de hosting no te provee respaldos sencillos para tu sitio, entonces necesitarás un plugin de respaldo. El plugin gratuito Updraft Plus le permite llevar a cabo respaldos automáticos y manuales, y hace que  restaurar sea relativamente sencillo. Pero si estás con Kinsta no necesitarsá el plugin de respaldos, ya que todos los planes de Kinsta incluyen respaldos automáticos.

¿Cuándo Llevar a Cabo Actualizaciones?

Antes que nada, es buena idea identificar el mejor momento para llevar a cabo una actualización. Querrás minimizar el tiempo de inactividad o de ruptura para los visitantes de tu sitio, lo que quiere decir de cierta forma de llevar a cabo todas estas actualizaciones en un sólo momento en el día (o un día a la semana) cuando tiene el menor tráfico de visitantes.

No asumas que este será la hora en el día que usarás menos el sitio: si tienes un gran número de visitantes extranjeros, podrían ser tus números los que suben mientras duermes.

Utiliza una herramienta como Google Analytics para identificar cuándo tu sitio obtiene la menor cantidad de visitantes y programa el tiempo de actualización de acorde.

Una vez que tengas esta información, puedes programar las actualizaciones de tu sitio para ese momento del día o día de la semana. No necesitarás hacer tus pruebas en el sitio de staging en esta ocasión: lo puedes hacer cuando te sea conveniente. Pero la actualización al sitio en vivo causará un tiempo de inactividad, así que prográmalo en un momento que sea menos incomodo para todos.

La versión premium del plugin Easy Updates Manager te permite automatizar las actualizaciones o programarlas manualmente.

Utilizando el Entorno de Staging para las Actualizaciones

Antes de llevar a cabo una actualización de tu tema, siempre deberías probar que la actualización funciona como debería, y que no tenga conflictos con otros códigos en tu sitio y que el sitio aún funcione después de la actualización.

Para hacer esto, necesitarás una copia de tu sitio que sea invisible al ojo público y que pueda romper de forma segura sin sufrir las consecuencias.

La mejor forma para probar esto es en un entorno de staging. Esto es porque los sitios de staging se encuentran en el mismo servidor que los sitios en vivo, y este es una copia exacta del sitio en vivo. Esto quiere decir que lo que funcione en tu entorno de staging también funcionará para el sitio en vivo.

Kinsta proporciona un entorno staging para cada uno de tus sitios, y puedes añadir hasta cinco Entornos Premium de Staging adicionales si necesitas más. Antes de probar la actualización de tu tema, tendrás que actualizar tu sitio de staging. Para ello, elimina el existente y crea uno nuevo. También puedes utilizar la copia de seguridad que acabas de hacer de tu sitio en producción y restaurarla en tu sitio de prueba.

Una vez que tengas una copia de tu sitio en vivo en el entorno de staging,  necesitarás utilizar el URL https://staging-sitename.kinsta.cloud, donde el sitename es el nombre de tu sitio. Esto lo llevará a tu sitio de prueba, a donde podrás ingresar, actualizar y hacer pruebas.

Una vez que hayas probado la actualización en el sitio de prueba (más de esto a continuación), podrás regresar al entorno de staging en el panel de control  de MyKinsta y dar clic en el botón de Sacar el Entorno de Staging en Línea. Esto copiará todos los cambios que acabas de hacer a tu sitio de staging a través de tu sitio en vivo. No te olvides de hacer revisiones finales en tu sitio en vivo para estar 100% seguro de que todo funciona.

Poniendo a Prueba la Actualización

Así que has creado un sitio de prueba, ahora está listo para instalar la actualización de tema y quieres ponerla a prueba. ¿Qué sigue?

Sigue estos pasos.

1. Chequea que el tema sea compatible con tu versión de WordPress. Si no es así, probablemente tengas que actualizar WordPress (lo cual siempre toma prioridad). Sigue este proceso de prueba para esa actualización, usando tu entorno de staging para probar la actualización y luego ponerla en línea.
2. Actualiza el tema desde la pantalla de Temas en el admin de WordPress, sea dando clic en el enlace de Actualización debajo del nombre del tema o subiendo la nueva versión si compraste el tema de un proveedor tercero.
3. Prueba que la versión del sitio staging funcione. Prueba distintos tipos de contenido (página principal, publicaciones y páginas individuales, páginas archivadas, cualquier topo de publicaciones o taxonomía personalizada). Revisa que no haya problemas con widgets o menús. Pon a prueba procesos como la sumisión de formularios o compras. Exactamente lo que necesites para probar dependerá de tu sitio, pero es importante ser cuidadoso; si revisas rápidamente tu sitio y no pone a prueba todos los tipos de contenidos y procesos, podrías descubrir que tus usuarios descubrieron problemas antes que tu, quizás cuando estaban haciendo una compra o llenando un formulario.
4. Si la actualización del tema ha roto el sitio, chequea los foros de soporte del tema para ver si existe algún problema conocido. Puedes acceder a esto al abrir la pantalla de Temas en tu admin y dar clic en los temas para acceder a la información sobre este. Pulsa clic en el enlace para ver los detalles de esta versión y luego en la barra lateral a mano derecha, encontrarás un botón para ver el foro de soporte. Revisa para ver si alguien ha tenido algún problema.
5. Si tienes un problema que nadie ha reportado aún, repórtalo al desarrollador del tema. Esto les ayudará a resolverlo. Luego tendrás que repetir este proceso cuando lancen una versión subsecuente del tema, y esperemos que se queda arreglado.
6. Si todo funciona como debería, podrísa sacar tu sitio en línea, con toda seguridad que pusiste a prueba de todo.

¿Cómo Actualizar un Tema Personalizado de WordPress?

¿Pero qué tal si ya editaste el tema, y quieres actualizarlo sin perder tus cambios?

Esto es un poco más complejo de resolver, pero no es imposible, siempre y cuando recuerdes cuales fueron los cambios, o más específico del archivo que se editó.

Usando un Tema Secundario para Evitar Problemas al Actualizar tu Tema Personalizado de WordPress

La forma más segura para actualizar un tema de WordPress es creando un tema secundario y agregando ahí mismo las personalizaciones. Si no estás seguro de si tu sitio utiliza un tema secundario, puedes inspeccionar tu sitio con nuestra herramienta de detección de temas de WordPress para averiguarlo.

Para hacer esto, necesitarás crear un tema secundario con los archivos de tema que ya has editado. Sigue estos pasos en tu entorno de staging(ya que, si no lo haces de la forma correcta al 100%, podría romper tu sitio en vivo).

1. Crea un respaldo del tema parent y copialo a tu máquina local. Esto quiere decir que tendrás una copia de la versión enmendada del tema en caso de que se te olvide algo y tengas que hacer ediciones después de actualizar el tema.
2. Crea un tema secundario para tu tema existente. Agregue la hoja de estilo con detalles del principal(vea arriba) y un archivo de funciones que encola estilos del principal.
3. Identifica cualquier cambio hecho al archivo de funciones de tu tema principal. Copia tus nuevas funciones en el archivo de funciones del tema secundario.
4. Identifica cualquier cambio que hayas hecho a la hoja de estilo del tema principal. Copia este código a la hoja de estilo del tema secundario. Esto sobrescribirá el estilo en los mismos elementos, clases o IDs en el tema principal.
5. Identifica cualquier archivo de plantilla o archivos de inclusión que hayas editado. Copia estos en el tema secundario, asegúrate de utilizar la misma estructura de archivo si alguno de estos archivos está en los subdirectorios.
6. Activa el tema secundario en lugar del tema principal.
7. Prueba tu sitio. Revisa cualquier personalización que hayas hecho al tema y en particular, revisa páginas que estén plasmadas utilizando los archivos de plantilla que hayas editado y copiado.
8. Revisa dos veces tus archivos para asegurarte de que no se olvide de los archivos que hayas editado.
9. Actualiza tu tema principal en el entorno de staging, sea a través de la pantalla de Temas o subiendo el tema si no lo obtuviste del directorio de temas.
10. Prueba de nuevo el sitio. Asegúrate de que cualquier archivo de plantillas que hayas editado sigue funcionando como debería. Si algo falta, revisite el respaldo de tu versión editada del tema principal y copia todo a través del tema secundario que necesitas.
11. Prueba de nuevo. Cuando estés feliz de que tu entorno de staging funcione, podrsá sacar todos estos cambios a tu sitio en vivo (asegurándose de quitar el respaldo de tu sitio en vivo primero). Prueba tu sitio en vivo y estará listo.

Una vez que hayas hecho esto, no tendrás que repetirlo la siguiente vez que actualices el tema principal. Pero recuerda: si necesitas hacer más cambios en el futuro, hazlos al tema secundario y no al tema principal. Toma respaldos de tu tema secundario antes de cualquier cambio, prueba todo en tu entorno de staging y se cuidadoso, utiliza un sistema de control de versión como Github.

Actualizando un Tema Principal: Haciendo Cualquier Cambio al Tema Secundario

En algunas ocasiones podrías descubrir que actualizas tu tema principal y este rompe tu sitio por cambios que hizo a tu tema secundario.

Quizás adjuntaste una función a un gancho en el tema principal que ha sido alterado o incluso removido. Quizás el archivo de plantilla de tu tema secundario ya no es consistente con los archivos de plantilla del tema principal, queriendo decir que las páginas generadas por tu tema secundario son inconsistentes con el resto del sitio.

Si esto sucede, tendrás que hacer una de dos cosas:

• Deja de utilizar el archivo relevante del tema secundario al removerlo del tema secundario. En algunas ocasiones una actualización al tema principal querrá decir que funciona de una forma que prefieras a diferencia de lo que hizo en el tema secundario, así que ya no necesitarás ese archivo. Una vez que remuevas el archivo del tema secundario, WordPress usará el que se encuentra en el tema principal.
• Edita los archivos en tu tema secundario para que sean consistentes con el tema principal.

Si eliges la primera de estas opciones, asegúrate de probarlo en tu entorno de staging y de tener un respaldo de tu tema secundario antes de editarlo. De nuevo, utilizar Github te ayudará a mantener los cambios.

Si necesitas utilizar el segundo método y editar los archivos de tu tema secundario, necesitarás identificar que cambios ha hecho, que son los cambios para el tema principal, y como interactúan. Da resultados el comparar el código de las versiones previas y nuevas del tema principal, y también las del tema secundario. De esta forma podrás ver si surge algún problema para poder arreglarlo.

Lee la documentación de esta versión del tema principal: estas notas de lanzamiento en el repositorio del tema, o cualquier documentación detallada en el sitio del desarrollador. Esto te ayudará a identificar cualquier cambio a tu tema que impacte a tu tema secundario.

Y de nuevo, asegúrate de tener respaldos y ponerlo a prueba cuidadosamente.

¿Cómo Personalizar un Tema de WordPress Para que Puedas Actualizarlo de Forma Segura en un Futuro?

Si aún no has personalizado un tema, pero planeas hacerlo, puedes facilitarte las cosas al agregar tus personalizaciones al tema secundario desde el principio.

Si editas directamente un tema del directorio de tema o de un vendedor de temas, cualquier cambio que hagas al tema se perderá cuando lo actualices. Los nuevos archivos del tema reemplazarán los archivos editados y todo tu trabajo habrá desaparecido.

Es por es que jamás deberías editar directamente un tema terciario. La forma correcta para editar un tema terciario, es creando un tema child de ese tema y agregando sus ediciones ahí.

Veamos a detalle los temas secundarios: cómo funcionan y cómo usar una para actualizar de forma segura (y editar) su tema personalizado de WordPress.

Usando un Tema Secundario para Evitar Problemas al Actualizar tu Tema

Un tema secundario es un tema que funciona en tándem con tu tema principal para que tu sitio funcione. Este agrega funciones extras al tema principal, como elementos de diseño y funcionalidad, sin tener que reemplazar al tema principal. En su lugar, este crea archivos específicos en el tema principal. Esto se combina con la jerarquía de plantillas de WordPress para decirle a WordPress que archivo de plantilla de tema utilizar para mostrar cierta página en tu sitio.

Si  no sabes nada sobre los archivos de plantillas de tema y estás confundido, dejame ilustrarlo mejor con un ejemplo.

Tu tema existente tiene tres archivos para mostrar páginas archivadas:

• El archivo category.php, el cual mostrará páginas archivadas para categorías
• El archivo archive.php, el cual mostrará todos los tipos de archivo al menos que un archivo más específico exista (como category.php). Esto quiere decir que este archivo será usado para etiquetar archivos (por ejemplo) pero no archivos de categoría.
• El archivo index.php, el cual es el archivo de último recurso para cualquier tipo de contenido que no tenga un archivo más específico. En este caso, porque hay un archive.php, ninguna página archivada usará el archivo index.php

Al mostrar un archivo en tu sitio, WordPress pasa a través de esta jerarquía y elige el archivo con el que se encuentra primero. En el caso de los archivos de categoría, este será category.php, en el caso de los archivos tag, este será archive.php, porque el tema no tiene un archivo tag.php.

Pero si creas un tema child, WordPress siempre elegirá el archivo más alto en la jerarquía que se encuentra en el tema secundario, en lugar de uno en el tema principal.

Esto quiere decir que si creaste un tema secundario con un archivo archive.php, lo siguiente sucedería:

• Para categorías, WordPress utilizaría category.php del tema principal, como el más alto en la jerarquía.
• Para tags, este usaría archive.php del tema secundario, porque un archivo con el mismo nombre en el tema secundario reemplaza un archivo con ese nombre en el tema principal.

Esto quiere decir que, si  quieres editar un archivo en tu tema, creas un tema secundario, copia ese archivo del tema parent al tema secundario, y edita eso en su lugar. Los archivos originales del tema principal no son tocados, así que cuando actualizas el tema, no perderás trabajo. Y también quiere decir que incluso después de una actualización, el archivo archive.php de tu tema secundario será usado por WordPress en lugar del archivo actualizado archive.php del tema principal.

Esto tiene dos implicaciones para actualizar temas:

• Crear un tema secundario significa que puedes actualizar tu tema principal sin perder tus ediciones.
• Cuando actualizas tu tema principal, necesitas revisar cualquier cambio al código que pueda entrar en conflicto con el tema secundario.

Hablaremos del segundo punto pronto. ¿Pero cómo hacer que tu tema secundario retenga toda edición que quieras hacer a tu tema? Demos un vistazo.

1. Crea tu tema secundario, el cual necesitará una hoja de estilo y un archivo de funciones del cual va a encolar los estilos del tema principal.
2. Identifica que archivos en tu tema principal quieres editar.
3. Si los archivos que quieres editar son los archivos de funciones o la hoja de estilos, no los copies, si no mejor agregua tu nuevo código a hoja de archivos y el archivo de funciones que ya has creado para tu tema secundario.
4. Si los temas que quieres editar son archivos de plantilla o incluye archivos, haz un duplicado de esos archivos en el tema secundario, copiándolos exactamente del tema principal. Cópialos usando la estructura del mismo archivo, así que por ejemplo el archivo de loop se encuentra en parent-theme-folder/includes/loop.php, cópialo a child-theme-folder/includes/loop.php.
5. Edita los archivos en el tema secundario.
6. Activa los temas secundarios en tus páginas de admin de WordPress, en lugar del tema principal.

¡Y eso es todo! El único trabajo adicional es crear el tema secundario, el cual es rápido y sencillo. Ahora cada vez que necesites hacer cambios adicionales al tema, simplemente tendrás que editar tu tema secundario. De esta forma cuando actualices tu tema principal, no perderás todo tu trabajo.

¿Cómo Actualizar un Tema de WordPress en un sitio de WooCommerce?

Si estás utilizando WooCommerce, entonces es probable que ya hayas editado tu tema para hacerlo compatible con WooCommerce.

Esto sólo es necesario si estás utilizando una versión de WooCommerce anterior a la versión 3.3. El consejo del equipo de WooCommerce es actualizar el plugin y sólo así descubrirás que no necesitas código extra en tu tema para asegurar una compatibilidad.

Pero si por alguna razón no puede actualizar la versión actual de WooCommerce (algo que no recomiendo), necesitarás copiar los cambios hechos a tu tema en un tema secundario antes de que puedas actualizar el tema.

Necesitarás hacer esto usando una de las dos formas:

• Si agregaste la función woocommerce_content() al archivo woocommerce.php que creaste en tu tema, sólo copia ese archivo sobre el tema secundario, usando el tema actual como el tema principal.
• Si utilizaste ganchos de WooCommerce, copia el código del archivo de funciones de tu tema al archivo de funciones en tu tema secundario. No copies todo el archivo; sólo el código.

Un escenario más común si has agregado archivos de plantilla adicionales a tu tema para reemplazar los archivos de plantilla de WooCommerce. Esto es algo relevante a cualquier versión de WooCommerce.

Si has hecho esto, necesitarás crear un tema secundario y luego copiar esos archivos de plantilla a tu tema secundario. Asegúrate de utilizar la misma estructura de archivo que el tema original. Luego activa el tema secundario como en las instrucciones de arriba, haz la prueba y actualiza el tema principal.

Una vez que hayas hecho esto, necesitarás involucrarte en pruebas más precisas que para lo que sería un sitio sin tienda. Y también cómo hacer pruebas a tu sitio más generalmente (vea arriba), deberías poner a prueba que si tamien funciona tu tienda. Prueba la página principal de la tienda; las páginas de categoría de productos; las páginas de productos individuales, y el proceso de pago. Asegúrate de que todo funcione como debería hacer de poner estos cambios en el sitio en vivo.

Resumen

Ahora ya sabes el porque es importante mantener actualizado tu tema de WordPress y, lo más importante, cómo actualizarlo basado en distintos escenarios. Y un tema actualizado será mucho más seguro, será más compatible con el core de WordPress y recibirá todos los beneficios de las nuevas funciones.

Pero es importante actualizarlo de forma correcta. Siempre ten contigo un respaldo antes de hacer cualquier actualización (no te preocupes de esto si estás con Kinsta), haz las pruebas en tu entorno de staging primero, y sólo entonces podrás ponerlo en vivo.

Si hiciste algún cambio a tu tema, habrá más trabajo de por medio. Crea un tema secundario primero, y agrega cualquier cambio que hagas o necesitse en este. De esta forma, los cambios no se perderán al momento de actualizar tu tema principal.

Rachel McCollin

Rachel McCollin lleva ayudando a la gente a crear sitios web con WordPress desde 2010. Es una gran fan de WordPress autoalojado y quiere ayudar a tanta gente como sea posible a crear un sitio web impresionante con él.