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

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

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

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

¿Listo? ¡Empecemos!

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

Manteniendo el código actualizado en su 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ía considerar actualizar su sitio: seguridad, compatibilidad y funciones.

¿Quién quiere tirar todas sus personalizaciones por el drenaje por haber hecho una mala actualización? 🚽😭 ¡Aprenda cómo hacerlo de forma segura con nuestra guía!Click to Tweet

#1 Seguridad

La razón más importante para asegurar que el código en su 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 su 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 necesita actualizar los temas, plugins y el core de WordPress tan pronto salgan actualizaciones, para evitar ser un objetivo.

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

Pero para entonces, usted ya debería estar convencido: mantener su sitio actualizado mejorará su 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á su 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 su 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 su tema, usted debería de asegurarse de que tenga la versión más reciente de WordPress primero.

#3 Funciones

La tercera razón para mantener su 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 su tema tiene nuevas funciones que podrían mejorar su sitio, ¿Por qué no aprovecharlas?

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

Actualizar su tema en WordPress está hecho de forma sencilla para usted. Sólo vaya a Dashboard > Actualizaciones y seleccione su tema, luego de clic en el botón de Actualizar Temas.

Actualizando un tema

Actualizando un tema

¡Pero espere! Usted podría pensar que lo único que necesita es dar clic en el botón de Actualizar y todo estará listo, ¿no? Claro, esto actualizará su tema. Pero no lo hará de forma segura.

Cada vez que usted actualiza cualquier elemento de un sitio de WordPress (temas, plugins, o el core de WordPress) usted debería tener un respaldo de su sitio y probar el software actualizado para chequear si todo funciona. Para hacer esto sin tocar el sitio en vivo de WordPress, usted debería llevar a cabo una actualización en una versión de prueba de su sitio primero.

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

Respaldando Primero

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

Si usted sigue el consejo de abajo y siempre prueba su sitio primero en un entorno de prueba, entonces es muy poco probable que usted tenga problemas: después de todo, usted ya puso a prueba todo. Pero es mejor estar seguro a lamentarlo.

Los respaldos automáticos de Kinsta

Los respaldos automáticos de Kinsta

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

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

Respaldos manuales de Kinsta

Respaldos manuales de Kinsta

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

Visite la pantalla de Respaldos en el dashboard de su Kinsta, seleccione el respaldo y dé clic en el botón de Restaurar. Usted tiene la opción de restaurar su entorno de prueba o en vivo. Asegúrese de hacer esto rápido si es que no quiere perder los cambios que ha hecho en su sitio después del respaldo (como otro usuario agregando contenido).

Si usted no está con Kinsta y su proveedor de hosting no le provee respaldos sencillos para su sitio, entonces usted necesitará un plugin de respaldo. El plugin gratuito Updraft Plus le permite llevar a cabo respaldos automáticos y manuales, y hace que el restaurar sea relativamente sencillo. Pero si usted está con Kinsta usted no necesitará 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. Usted querrá minimizar el tiempo de inactividad o de ruptura para los visitantes de su 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 asuma que este será la hora en el día que usted usará menos el sitio: si usted tiene un gran número de visitantes extranjeros, podrían ser sus números los que suben mientras usted duerme.

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

Una vez que tenga esta información, usted puede programar las actualizaciones de su sitio para ese momento del día o día de la semana. Usted no necesitará hacer sus pruebas en el sitio de prueba en esta ocasión: usted lo puede hacer cuando le sea conveniente. Pero la actualización al sitio en vivo causará un tiempo de inactividad, así que prográmelo en un momento que sea menos incomodo para todos.

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

Plugin de Easy Updates Manager

Plugin de Easy Updates Manager

Utilizando el Sitio de Prueba para las Actualizaciones

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

Para hacer esto, usted necesitará una copia de su 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 sito de prueba. Esto es porque los sitios de prueba 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 su sitio de prueba también funcionará para el sitio en vivo.

Entorno de prueba de Kinsta

Entorno de prueba de Kinsta

Kinsta ofrece un entorno de prueba con tan sólo dar un clic para cada uno de sus sitios. Antes de poner a prueba la actualización de su tema, usted necesitará refrescar su sitio de prueba. Usted puede hacer esto al borrar el existente y crear uno nuevo. O de forma alternativa, usted puede utilizar ese respaldo que tomó de su sitio en vivo y restaurarlo a su sitio de prueba.

Sitio de prueba creado en MyKinsta

Sitio de prueba creado en MyKinsta

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

Una vez que haya probado la actualización en el sitio de prueba (más de esto a continuación), usted podrá regresar al entorno de prueba en el dashboard de su MyKinsta y dar clic en el botón de Sacar el Sitio de Prueba en Línea. Esto copiará todos los cambios que usted acaba de hacer a su sitio de prueba a través de su sitio en vivo. No se olvide de hacer revisiones finales en su sitio en vivo para estar 100% seguro de que todo funciona.

Poniendo a Prueba la Actualización

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

Siga estos pasos.

  1. Chequee que el tema sea compatible con su versión de WordPress. Si no es así, probablemente tenga que actualizar WordPress (lo cual siempre toma prioridad). Siga este proceso de prueba para esa actualización, usando su sitio de prueba para probar la actualización y luego ponerla en línea.
  2. Actualice 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 usted compró el tema de un proveedor terciario.
  3. Pruebe que la versión de prueba del sitio funcione. Pruebe distintos tipos de contenido (página principal, publicaciones y páginas individuales, páginas archivadas, cualquier topo de publicaciones o taxonomía personalizada). Revise que no haya problemas con widgets o menús. Ponga a prueba procesos como la sumisión de formularios o compras. Exactamente lo que necesite para probar dependerá de su sitio, pero es importante ser cuidadoso; si revisa rápidamente su sitio y no pone a prueba todos los tipos de contenidos y procesos, usted podría descubrir que sus usuarios descubrieron problemas antes que usted, quizás cuando estaban haciendo una compra o llenando un formulario.
  4. Si la actualización del tema ha roto el sitio, chequee los foros de soporte del tema para ver si existe algún problema conocido. Usted puede acceder a esto al abrir la pantalla de Temas en su admin y dar clic en los temas para acceder a la información sobre este. Dé clic en el enlace para ver los detalles de esta versión y luego en la barra lateral a mano derecha, usted encontrará un botón para ver el foro de soporte. Revise para ver si alguien ha tenido algún problema.
  5. Si usted tiene un problema que nadie ha reportado aún, repórtelo al desarrollador del tema. Esto les ayudará a resolverlo. Luego usted tendrá 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, usted podría sacar su sitio en línea, con toda seguridad que usted puso a prueba todo.

¿Cómo Actualizar un Tema Personalizado de WordPress?

¿Pero qué tal si usted ya editó el tema, y quiere actualizarlo sin perder sus cambios?

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

Usando un Tema Child para Evitar Problemas al Actualizar su Tema Personalizado de WordPress

La forma más segura para actualizar un tema de WordPress es creando un tema child y agregando ahí mismo las personalizaciones.

Para hacer esto, usted necesitará crear un tema child con los archivos de tema que ya ha editado. Siga estos pasos en su sitio de entorno (ya que, si no lo hace de la forma correcta al 100%, usted podría romper su sitio en vivo).

  1. Cree un respaldo del tema parent y cópielo a su máquina local. Esto quiere decir que usted tendrá una copia de la versión enmendada del tema en caso de que se le olvide algo y tenga que hacer ediciones después de actualizar el tema.
  2. Cree un tema child para su tema existente. Agregue la hoja de estilo con detalles del parent (vea arriba) y un archivo de funciones que encola estilos del padre.
  3. Identifique cualquier cambio hecho al archivo de funciones de su tema parent. Copie sus nuevas funciones en el archivo de funciones del tema child.
  4. Identifique cualquier cambio que haya hecho a la hoja de estilo del tema parent. Copie este código a la hoja de estilo del tema child. Esto sobrescribirá el estilo en los mismos elementos, clases o IDs en el tema parent.
  5. Identifique cualquier archivo de plantilla o archivos de inclusión que haya editado. Copie estos en el tema child, asegúrese de utilizar la misma estructura de archivo si alguno de estos archivos está en los subdirectorios.
  6. Active el tema child en lugar del tema parent.
  7. Pruebe su sitio. Revise cualquier personalización que haya hecho al tema y en particular, revise páginas que estén plasmadas utilizando los archivos de plantilla que usted haya editado y copiado.
  8. Revise dos veces sus archivos para asegurarse de que no se olvide de los archivos que haya editado.
  9. Actualice su tema parent en el sitio de prueba, sea a través de la pantalla de Temas o subiendo el tema si no lo obtuvo del directorio de temas.
  10. Pruebe de nuevo el sitio. Asegúrese de que cualquier archivo de plantillas que usted haya editado siga funcionando como debería. Si algo falta, revisite el respaldo de su versión editada del tema parent y copie todo a través del tema child que usted necesita.
  11. Pruebe de nuevo. Cuando esté feliz de que su sitio de prueba funcione, usted podrá sacar todos estos cambios a su sitio en vivo (asegurándose de quitar el respaldo de su sitio en vivo primero). Pruebe su sitio en vivo y estará listo.

Una vez que haya hecho esto, no tendrá que repetirlo la siguiente vez que usted actualice el tema parent. Pero recuerde: si necesita hacer más cambios en el futuro, hágalos al tema child y no al tema parent. Tome respaldos de su tema child antes de cualquier cambio, pruebe todo en su sitio de prueba y sea cuidadoso, utilice un sistema de control de versión como Github.

El sitio de GitHub

El sitio de GitHub

Actualizando un Tema Parent: Haciendo Cualquier Cambio al Tema Child

En algunas ocasiones usted podría descubrir que usted actualiza su tema parent y este rompe su sitio por cambios que hizo a su tema child.

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

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

¿Cansado de tener problemas con WordPress y de aguantar un host tan lento? Nosotros ofrecemos soporte de primer nivel de expertos de WordPress, disponibles 24/7 y también contamos con servidores súper rápidos. Cheque nuestros planes

Si usted elige la primera de estas opciones, asegúrese de probarlo en su entorno de prueba y de tener un respaldo de su tema child antes de editarlo. De nuevo, utilizar Github le ayudará a mantener los cambios.

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

Lea la documentación de esta versión del tema parent: estas notas de lanzamiento en el repositorio del tema, o cualquier documentación detallada en el sitio del desarrollador. Esto le ayudará a identificar cualquier cambio a su tema que impacte a su tema child.

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

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

Si usted aún no ha personalizado un tema, pero planea hacerlo, usted puede facilitarse las cosas al agregar sus personalizaciones al tema child desde el principio.

Si usted edita directamente un tema del directorio de tema o de un vendedor de temas, cualquier cambio que haga al tema se perderá cuando usted lo actualice. Los nuevos archivos del tema reemplazarán los archivos editados y todo su trabajo habrá desaparecido.

Es por es que usted jamás debería 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 child: cómo funcionan y cómo usar una para actualizar de forma segura (y editar) su tema personalizado de WordPress.

Usando un Tema Child para Evitar Problemas al Actualizar su Tema

Un tema child es un tema que funciona en tándem con su tema parent para que su sitio funcione. Este agrega funciones extras al tema parent, como elementos de diseño y funcionalidad, sin tener que reemplazar al tema parent. En su lugar, este crea archivos específicos en el tema parent. 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 su sitio.

Si usted no sabe nada sobre los archivos de plantillas de tema y está confundido, déjeme ilustrarlo mejor con un ejemplo.

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

Al mostrar un archivo en su 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 usted crea un tema child, WordPress siempre erigirá el archivo más alto en la jerarquía que se encuentra en el tema child, en lugar de uno en el tema parent.

Esto quiere decir que si usted creó un tema child con un archivo archive.php, lo siguiente sucedería:

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

Esto tiene dos implicaciones para actualizar temas:

Hablaremos del segundo punto pronto. ¿Pero cómo hacer que su tema child retenga toda edición que quiera hacer a su tema? Demos un vistazo.

  1. Cree su tema child, el cual necesitará una hoja de estilo y un archivo de funciones del cual usted va a encolar los estilos del tema parent.
  2. Identifique que archivos en su tema parent quiere editar.
  3. Si los archivos que usted quiere editar son los archivos de funciones o la hoja de estilos, no los copie, si no mejor agregue su nuevo código a hoja de archivos y el archivo de funciones que usted ya ha creado para su tema child.
  4. Si los temas que quiere editar son archivos de plantilla o incluye archivos, haga un duplicado de esos archivos en el tema child, copiándolos exactamente del tema parent. Cópielos usando la estructura del mismo archivo, así que por ejemplo el archivo de loop se encuentra en parent-theme-folder/includes/loop.php, cópielo a child-theme-folder/includes/loop.php.
  5. Edite los archivos en el tema child.
  6. Active los temas child en sus páginas de admin de WordPress, en lugar del tema parent.

¡Y eso es todo! El único trabajo adicional es crear el tema child, el cual es rápido y sencillo. Ahora cada vez que necesite hacer cambios adicionales al tema, usted simplemente tendrá que editar su tema child. De esta forma cuando usted actualice su tema parent, no perderá todo su trabajo.

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

Si usted está utilizando WooCommerce, entonces es probable que ya haya editado su tema para hacerlo compatible con WooCommerce.

Esto sólo es necesario si usted está 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á que usted no necesita código extra en su tema para asegurar una compatibilidad.

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

Usted necesitará hacer esto usando una de las dos formas:

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

Si usted ha hecho esto, usted necesitará crear un tema child y luego copiar esos archivos de plantilla a su tema child. Asegúrese de utilizar la misma estructura de archivo que el tema original. Luego active el tema child como en las instrucciones de arriba, haga la prueba y actualice el tema parent.

Una vez que haya hecho esto, usted necesitará involucrarse en pruebas más precisas que para lo que sería un sitio sin tienda. Y también cómo hacer pruebas a su sitio más generalmente (vea arriba), usted debería poner a prueba que tan bien funciona su tienda. Pruebe 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úrese de que todo funcione como debería hacer de poner estos cambios en el sitio en vivo.

Resumen

Ahora ya sabe el porque es importante mantener actualizado su 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 tenga con usted un respaldo antes de hacer cualquier actualización (no se preocupe de esto si usted está con Kinsta), haga las pruebas en su sitio de prueba primera, y sólo entonces podrá ponerlo en vivo.

Si hizo algún cambio a su tema, habrá más trabajo de por medio. Cree un tema child primero, y agregue cualquier cambio que haga o necesite en este. De esta forma, sus cambios no se perderán al momento de actualizar su tema parent.


Si le ha gustado este artículo, entonces le encantará la plataforma de Kinsta WordPress hosting. Acelere su sitio y reciba soporte 24/7 de nuestro equipo de WordPress veterano. Nuestra infraestructura potenciada por Google Cloud se centra en escalamiento automático, rendimiento y seguridad. ¡Déjenos mostrarle la diferencia con Kinsta! Conozca nuestros planes