Cómo actualizar temas de WordPress sin perder la configuración personalizada

Una de las grandes ventajas de WordPress es su facilidad de personalización. Sin embargo, hay un inconveniente, y es que al actualizar el tema, existe una alta probabilidad de que algunos de los cambios de personalización se pierdan.

En este tutorial, mostraremos cómo actualizar fácilmente los temas de WordPress sin perder la configuración personalizada.

Cómo funcionan las actualizaciones de temas en WordPress

WordPress incluye un potente sistema de instalación de actualizaciones, no sólo para el propio WordPress, sino también para plugins y temas.

El sitio web de WordPress comprueba periódicamente si hay actualizaciones y las muestra en la páginaCuadro de mandos "ActualizarBajar página.

Cuando esté disponible una actualización de un tema, también se mostrará en la sección "Temas" de Apariencia.para ver la notificación.

Las actualizaciones son importantes para la seguridad y el rendimiento de su sitio web WordPress. Además de la seguridad y la corrección de errores, los desarrolladores de temas también pueden introducir nuevas funciones con estas actualizaciones.

Simplemente haga clic en "Actualizaciones inmediatas" para instalar la nueva versión.

WordPress descargará el paquete del tema, lo descomprimirá y sustituirá los archivos antiguos por la nueva versión.

Esto sobrescribirá todos los archivos de temas antiguos del sitio. Si se añade manualmente código personalizado a los archivos del tema de WordPress, los cambios se perderán.

Dicho esto, veamos qué cambios de tema son seguros y qué personalizaciones se eliminarán.

¿Qué personalizaciones pueden perderse al actualizar un tema?

Esto puede hacerse de varias manerasTemas personalizados para WordPressAlgunas de estas personalizaciones de temas son seguras porque los cambios se almacenan en la propia base de datos de WordPress. Algunas de estas personalizaciones de temas son seguras porque los cambios se almacenan en la propia base de datos de WordPress.

Las personalizaciones no se pierden al actualizar el tema

Los cambios realizados a través del personalizador de temas integrado en WordPress no se perderán y pueden realizarse visitando la secciónPersonalización "Aparienciapara acceder al personalizador.

Theme Customiser modifica los temas de WordPress y almacena todos los cambios en la base de datos de WordPress. Puedes cambiar la imagen de cabecera, los colores, el diseño, el CSS personalizado y mucho más.

Los widgets de WordPress y los menús de navegación tampoco se ven afectados por las actualizaciones de los temas.

Temas populares de WordPress (comoAstray Ocean WP) ahora vienen con plugins complementarios. Estos plugins se utilizan para añadir funcionalidad extra al tema. Cualquier cambio realizado en el tema utilizando estos plugins no se verá afectado por las actualizaciones del tema.

Estos cambios no se verán afectados si el diseño de WordPress se personaliza utilizando un constructor de páginas de WordPress como SeedProd, Divi o Beaver Builder.

También es seguro utilizar plugins para añadir cualquier otra funcionalidad a tu sitio web. Por ejemplo, formularios de contacto de WordPress, Google Analytics, ventanas emergentes de boletines por correo electrónico, etc.

Personalizaciones que se perderán al actualizar el tema

Cualquier cambio realizado directamente en el archivo del tema se perderá.

Por ejemplo, se puede haber añadido código al archivo functions.php del tema, o estilos CSS al archivo de hoja de estilos del tema ( style.css ). Estos cambios se perderán porque los archivos se sobrescribirán cuando se actualice el tema.

Lo mismo ocurrirá si se realizan cambios en cualquiera de las plantillas del tema (como index.php, header.php y footer.php). Estos archivos también se sobrescribirán y los cambios realizados se perderán.

Sin embargo, estas personalizaciones no se perderán si el código se añade a un sitio de WordPress utilizando el plugin Code Snippets.

Esto es lo que recomiendan también muchos de nuestros artículos anteriores, incluido el de ahoraWPCode La razón. Es fácil añadir código personalizado directamente desde el panel de control de WordPress. Estos fragmentos de código se ejecutan igual que en los archivos del tema, pero se pueden personalizar para que funcionen en el futuro.

WPCode también facilita la gestión de todo tu código personalizado desde una pantalla central. Así que nunca te preocupes por perder fragmentos de código o cometer errores.

Es posible empezar a utilizar la versión gratuita de WPCode para asegurarse de que la personalización del sitio no queda obsoleta.

Método 1: Utilizar el plugin de fragmentos de código para conservar la configuración personalizada (recomendado)

Si se ha añadido código personalizado a un archivo de tema de WordPress, la forma más fácil de guardarlo es moverlo antes de actualizar el tema al archivoPlugin WPCode.

En primer lugar, vaya desde el panel de control de WordPress a la secciónEditor de archivos temáticos "Apariencia".

A continuación, vaya a la barra lateral de la columna de la derecha y haga clic en el botónfunciones.phppapelespara abrirlo en el editor.

A partir de aquí, tiene que encontrar la ubicación donde añadió previamente el código personalizado, que normalmente se encuentra al final del archivo. Una vez que haya encontrado el código personalizado, cópielo y péguelo en un editor de texto plano (como el Bloc de notas) de su ordenador.

A continuación, es necesario instalar y activar el plugin gratuito WPCode.

Una vez activado el plugin, vaya desde el panel de control de WordPress a la secciónFragmento de código" para añadir un fragmento de código. A continuación, pase el ratón por encima de "Añada su código personalizado (nuevo fragmento de código)" y, a continuación, haga clic en "Uso de fragmentos de código"Botón

Ahora, copie y pegue uno de los fragmentos de código guardados en su ordenador en el paso anterior en el cuadro Vista previa del código.

No olvide seleccionar en el menú desplegable de la derecha "Fragmento PHP"como tipo de código.

También se pueden añadir títulos a los fragmentos de código en la parte superior de la página para ayudar a recordar para qué sirve el código.

Después de eso, simplemente cambie el interruptor en la parte superior de la página de "inactivo"Cambiar a"función", luego haga clic en "Guardar fragmentos de código"Botón

El plugin cargará automáticamente el código en su sitio WordPress.

Atención:Este proceso debe repetirse para cada fragmento de código personalizado.

También es posible seguir pasos similares para los ficherosheader.phpresponder cantandopie.phpCualquier entrada personalizada en el archivo se traslada al plugin WPCode.

Una vez que todos los fragmentos de código se han añadido a WPCode, los temas se pueden actualizar de forma segura sin perder la configuración personalizada.

Método 2: Crear un tema hijo para conservar la configuración personalizada

Un tema hijo es un tema de WordPress que hereda la funcionalidad, las características y los estilos de otro tema de WordPress (es decir, el tema padre). El tema hijo puede personalizarse sin necesidad de modificar el tema padre.

Dado que los cambios se almacenan en el tema hijo, es seguro actualizar el tema padre sin perder la configuración personalizada. En este tutorial, vamos a crear un tema hijo y luego mover todos los ajustes personalizados a ese tema.

Los temas hijos pueden crearse mediante plugins o código. El tema que debe actualizarse debe ser el tema principal.

No active el tema hijo todavía. Activaremos el tema hijo al final de este tutorial.

Si se utiliza el método de código para crear el tema hijo, debe crearse en una carpeta de su ordenador. Si se utiliza el método de plugin, la carpeta del tema hijo debe ser descargado a su ordenador en la siguiente sección.

Descarga la carpeta del tema en tu ordenador

Lo primero que debe hacer es conectarse al servidor del sitio web de WordPress mediante un cliente FTP o un panel de control.

Después de conectarse, vaya a/wp-content/temas/archivo (papel)incluirCarpeta temáticaDescárgalo en tu ordenador.

Esta carpeta será una copia de seguridad del tema y las personalizaciones. Más tarde copiaremos la personalización de esta carpeta a la carpeta del tema hijo.

Si se ha creado un tema hijo utilizando el método de plugin de la sección anterior, su carpeta deberá descargarse en su ordenador de la misma forma.

Ahora tenemos que descargar la actualización del tema. Debes visitar el sitio web del tema y descargar la última versión en tu ordenador. Después de eso, es necesario encontrar y extraer el archivo zip del tema.

Ahora debería haber tres carpetas de temas en el ordenador:Nueva versión actualizada del temayVersiones personalizadas antiguas del temademasiadoEl tema hijo que se acaba de crear.

Copiar contenido personalizado en temas hijo

A continuación, debemos identificar todos los cambios realizados en el tema para poder copiarlos en el tema hijo. La forma más sencilla de hacerlo es comparar los archivos del tema antiguo y del nuevo.

Se necesita un software de comparación de archivos para ver las diferencias entre la versión antigua y la nueva de cada archivo. Recomendamos a los usuarios de Windows que utilicenWinMergePara usuarios de MacCaleidoscopioLos usuarios de Linux pueden utilizarFusión.

Abra el software de comparación de archivos y arrastre la versión actualizada del tema al panel izquierdo y la antigua versión personalizada al panel izquierdo. El software resaltará los archivos que se hayan modificado o añadido.

Además de functions.php y style.css, los archivos resaltados en el panel derecho deben copiarse en el directorioCarpetas de subtemasMedio.

El tema hijo ya tiene sus propios archivos functions.php y style.css, por lo que necesitamos manejarlos de forma diferente. Cualquier cambio realizado en estos archivos debe ser copiado y pegado en la parte inferior del archivo del tema hijo.

En primer lugar, abra las versiones nueva y antigua del archivo functions.php en su programa de comparación. Debe copiar el texto resaltado de la versión personalizada y copiarlo en el portapapeles.

A continuación, el texto debe pegarse en el subtema archivo functions.phpAbajo. Cuando haya completado esta operación, guarde el archivo.

Si el archivo style.css del tema ha cambiado, será necesario repetir el proceso para ese archivo.

Sube las carpetas actualizadas del tema y del tema hijo

Después de copiar los cambios en el tema hijo, el tema actualizado y el tema hijo ya pueden cargarse en el sitio.

Basta con conectarse al sitio mediante un cliente FTP o un panel de control de inicio de sesión e ir a la sección/wp-content/temas/archivo (papel)Puede hacerlo. Después de eso, seleccione la carpeta del tema actualizado y la carpeta del tema hijo y subirlos al sitio.

El cliente FTP le advertirá de que ya existe un archivo con el mismo nombre. Deberá seleccionar "Cobertura"para garantizar que los archivos de temas antiguos se sustituyan por versiones más recientes.

Importar la configuración del personalizador de temas

Hemos mencionado al principio de este artículo que cualquier personalización realizada utilizando el Personalizador de Temas de WordPress no se guarda en el tema, por lo que aún no se han añadido al tema hijo.

Ahora deben añadirse. El plugin se utilizará para exportar la configuración del personalizador de temas del tema padre y luego importarlos en el tema hijo.

Lo primero que hay que hacer es instalar y activar en ambos sitios que desea exportar / importarPlugin de exportación/importación del personalizador.

A continuación, debemos exportar la configuración del personalizador del tema principal. Con el tema principal aún activo, acceda al menúTema "PersonalizaciónPágina.

A continuación, haga clic en "Exportación/Importación" para ver su configuración y, a continuación, pulse el botón "derivar"Botón

El plugin exportará ahora la configuración del personalizador y la enviará al ordenador como un archivo .dat.

A continuación, active el tema hijo. Simplemente vaya aTema "Aspectoy, a continuación, haga clic en el botón "active"Botón

Después, para devolver elPersonalización "Aparienciay haga clic en el panel Exportar/Importar.

Pulse "Seleccionar archivo" para seleccionar el archivo previamente exportado. También es necesario marcar la casilla "¿Descargar e importar archivos de imagen?" junto a la opción de importar títulos y otros archivos de imagen.

A continuación, haga clic en "importar (datos)"para iniciar la carga. El plugin importará ahora la configuración del personalizador desde el archivo de exportación.

Cuando hayas terminado, puedes previsualizar los cambios en el personalizador y hacer clic en "Guardar y publicar"para que los cambios surtan efecto.

Todos los ajustes personalizados se han trasladado ahora al tema hijo. En el futuro, ser capaz de actualizar el tema padre sin tener que realizar estos pasos de nuevo.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres