Actualizar Avada 4.0. Todo lo que debes saber

Toca actualizar Avada, una plantilla WordPress que no para de crecer… Casi cuatro años después este theme se ha convertido en un auténtico gigante. El lunes 18 de Abril se lanzó la versión 4.0 de Avada. Viene con un panel de opciones completamente nuevo y reformado. También incorpora un nuevo header con un estilo minimalista y moderno además de un largo etc de pequeños detalles que nos ayudarán mucho en el día a día de nuestro trabajo. En este post voy a destripar el proceso de actualización y todas las novedades que aporta. Además he preparado un pequeño video para que podeis ver su nuevo aspecto y algunas de sus novedades mas interesantes…

Actualizar Avada a 4.0.Guía y todas las novedades del theme

El proceso de actualizar Avada a 4.0

Antes de hablar sobre las novedades de Avada 4.0, veamos como debemos actualizar a esta versión.

Si algo tiene Avada por encima de cualquier otra cosa es fiabilidad. Es un theme seguro y robusto que aporta seguridad en cualquier proyecto. Cuando realizamos labores de mantenimiento y actualización también lo necesitamos.

En mi caso hasta la fecha, jamás he tenido ningún problema y en el paso a la versión 4.0 tampoco. Sin embargo esta actualización significa un enorme cambio principalmente en el núcleo de Avada y es necesario tener en cuenta algunos detalles.

Los chicos de theme-fusion han indicado el procedimiento muy bien explicado y siguiendo los pasos no habrá sobresaltos. Te lo explico todo a continuación.

¿Cómo actualizar?

La primera recomendación que nos hacen y muy importante es que debe hacerse desde la versión 3.8 en adelante. Es decir, todos aquellos que mantengan una versión inferior a la 3.8 no deben actualizar directamente a la 4. También aclaran que es una recomendación y no una obligación, pero… ¡por algo lo dirán!.

Si es tu caso, deben bajarte primero una versión anterior, por ejemplo la 3.9.4. Puedes bajarlo desde este enlace. Realiza la actualización, revisa que todo está correctamente y después procede a la actualización para la versión 4.0.

Desde la versión 3.7 se han añadido y también eliminado muchas funciones y posiblemente si usas alguna de ellas, dejarán de funcionar. De ahí esta recomendación.

Además su nuevo panel necesita migrar todas las opciones anteriores para que todo funcione de la misma manera. Si lo hacemos desde versiones muy antiguas, sencillamente no podrá hacerlo.

Copias de seguridad del theme y la base de datos

Al actualizar a Avada 4.0 se copian todas las configuraciones de tu antiguo panel guardándose en la base de datos. Una vez hecho el cambio se recuperan para guardarlos en el nuevo panel. A priori el proceso es limpio y transparente y no debería haber problema. Pero como ya habrás notado alguna vez (y si no ya lo notarás) estas cosas las carga el diablo y el proceso podría interrumpirse por cualquier problema ajeno a Avada o al proceso de actualización. por eso es imprescindible que hagas una copia de seguridad de la base de datos antes antes de hacer nada. Y yo que tu, haría una copia de seguridad de todo wordpress, por si fuese necesario restaurar por cualquier motivo. Así te quedas completamente tranquilo/a. Si no es posible, al menos guarda una copia de la carpeta wp-content, el archivo htaccess y wp-config.php.

Si estás utilizando Revolution Slider y has personalizado algo con CSS, guárdate el código  si has utilizado css personalizado, guárdatelo también por si las moscas. Después podrás restaurarlo.

No guardes copias antiguas del tema en la carpeta Theme

Es importante que elimines las carpetas antiguas que tengas de Avada en la carpeta theme de WordPress. Que solo quede Avada 4.0. Si no lo haces así, tal vez te encuentres con el theme desconfigurado.

No renombrar la carpeta

Si en su día renombraste la carpeta Avada con otro nombre, debes volver a poner ese nombre a la carpeta o los menus, y ajustes ya no funcionarán. Igualmente si has utilizado el nombre por defecto Avada, ahora ya no pongas otro diferente por el mismo motivo.

Actualización del Child theme

Si utilizas el Child theme, haz una copia de seguridad y una vez hayas instalado Avada vuelve a restaurarlo. Si algo no funciona por algún motivo (no lo creo), coge el nuevo que ofrece Avada y vuelve a personalizarlo con lo que tenias en el anterior.

Desconecta la caché

Si estas utilizando algún plugin de caché, límpiala y luego desconéctalo por completo para que no interfiera en ningún momento.

Actualiza los plugins que utilices y no hayas actualizado

Desde Avada, ya te avisa para que actualices los plugins que están en uso y fundamentalmente tienen integración con Avada, por ejemplo, Contact Form 7, Woocommerce, Gravity Forms, Event Calendar, Revolutions slider, Layer Slider…etc

Actualizar a WordPress 4.5 (si quieres)

Theme Fusion tuvo que liberar una versión con un parche para WordPress 4.5. Esta era la versión 3.9.4. Pero si no te habías actualizado a WordPress 4.5, no lo hagas hasta que no hayas instalado por completo Avada 4.0.

El proceso

Como siempre, descarga la actualización y súbela por ftp a la carpeta theme de tu wordpress. Actualiza los archivos del theme y cuando hayas terminado ingresa a la administración de tu wordpress. En el momento en que lo hagas Avada entenderá que hay una nueva actualización y comenzará automáticamente con el proceso.

Te aparecerá una pantalla como la que te muestro a continuación y Avada se encarga de todo. Déjalo trabajar tranquilo. Te irá mostrando todo el proceso y si se está llevando a cabo con normalidad, punto por punto.

Proceso de migración al actualizar Avada a 4.0

Fíjate el pedazo de botón rojo. Cuando haya terminado el proceso haz click en el para actualizar Fusion Core. Esto es esencial o nada funcionará.

¿Qué ocurre si falla la migración?

Si el script fallase, lo más seguro es que sea debido a un problema de recursos en tu hosting. Casi con toda seguridad falta de memoria. Recuerda que Avada es un gran theme, pero también necesita un hosting adecuado.

En cualquier caso, los chicos de Avada, han tenido en cuenta esta posibilidad y han creado un sistema “manual” para continuar con el proceso.

Sigue los siguientes pasos:

  • Paso 1: navega hasta Avada->System Status
  • Paso 2: En la parte inferior aparece un apartado que dice “Run manual migration from Previus Version to version 4.0”. Haz click en el enlace
  • Paso 3: Al hacer click te redirigen a la pantalla de migracion manual. Espera mientras se completa el proceso.
  • Paso 4: Cuando el sistema haya completado la migración haz click en “Take Me to Theme Options”. Esto te llevará al nuevo panel de opciones de Avada.

Proceso manual de Migración para actualizar Avada 4.0

Nota importante: Casi todas las actualizaciones de gran calado como esta, implican el tener que ir afinando detalles que van surgiendo. El 18 de Abril, han liberado la versión 4.01, que corrige algunos pequeños errores e incompatibilidades con el Panel de Redux. Si has actualizado a la versión 4.0 es conveniente que actualices con este parche para asegurar el buen funcionamiento de la web.

Aquí tienes el video

El nuevo Panel de control

Nuevo panel de configuración en Avada 4.0

El nuevo panel de opciones que te encuentras al actualizar Avada te ofrece una interfaz mucho más ordenada y fresca. Colores similares a la del propio WordPress. Es casi como una extensión de la misma. Este era un paso demandado y necesario.

Todo ha sido reordenado y segmentado en opciones principales y a su vez en subsecciones. Esto nos facilita mucho las tareas de configuración. Ahora todo está en su sitio y para poder cambiar por ejemplo aspectos de la tipografía y los colores, no hay que estar saltando de opción en opción, lo cual podía resultar caótico para los usuarios que se inician en Avada.

Principales novedades

Ahora solo aparecen las opciones que están en uso. por ejemplo, si no tienes instalado Woocommerce, no aparecerá las opciones de configuración de Woocommerce.

Panel principal de configuración en Avada 4.0

Múltiples opciones de configuración personalizada

Ahora es posible personalizar las fuentes, los iconos y las redes sociales. De tal manera, que es posible subir diferentes fuentes para luego incluirlas en cualquier parte de la web. Esto es muy interesante, porque evita tener que cargarlas desde Google, lo cual aporta mayor optimización evitando la carga de recursos externos.

Fuentes personalizadas en Avada 4.0

Controles de la tipografía agrupados

Antes era necesario saltar por varias opciones del menu para poder configurar las fuentes. Ahora todo está agrupado y reordenado para que la configuración sea muy fácil, efectivo y sobre todo rápido. Desde el mismo item puedes configurar, el tipo de fuente, el color, estilo y grosor, tamaño, altura, margen…

Configuración de la tipografía en Avada 4.0

Nuevo selector de colores

Ahora el selector de color es más intuitivo y puedes en origen elegir el tipo de transparencia. Antes se podía hacer, pero incluyendo el código rgba. Ahora ya nada de esto es necesario. Me imagino que poco a poco lo irán extendiendo a los shortcodes en Fusion Builder.

Selector de color en Avada 4.0

Sistema de búsquedas de opciones

Esta me parece una idea buenísima. Han creado un sistema de búsquedas para el panel de control. De esta manera si hay algo que no encuentras, puedes buscarlo y de forma automática te lleva al apartado donde aparece la palabra que has incluido en la búsqueda. Esto de cara al futuro puede ser increíblemente efectivo, porque sin lugar a dudas el panel volverá a crecer y cada vez habrá más y más opciones. Encontrarlas será cuestión de segundos.

Sistema de búsquedas en el panel de control de Avada 4.0

Más posibilidades

Como ya sabrás, Avada ofrece desde hace tiempo integración con numerosos plugins, algunos de ellos de manera especial. Desde el propio panel podrás configurar ciertas opciones de Events Calendar, Woocommerce y Contact 7. Sin embargo, no todo el mundo necesita estos plugins y lo que han hecho es que estas opciones sean visibles solo si estos están instalados, de lo contrario no aparecerán.

También han mejorado el sistema de importación y exportación de la propia configuración del panel. De esta manera no es necesario volver a configurar el theme en caso de desastre o para una nueva instalación. En cuestión de segundos tendrás Avada tal y como lo tenías.

Por último cabe destacar la segmentación y organización, que esta vez es natural y muy intuitiva. Todo está perfectamente organizado. Esto favorecerá la curva de aprendizaje a cualquier persona que quiera trabajar con Avada.

Nuevo header

Algo que ya estaban tardando en hacer era ofrecer nuevas posibilidades en cuanto a tipos de encabezados (headers). Quizá Avada se estaba quedando un poco anticuada, en el sentido de que los encabezados eran muy clásicos. Ahora han incluido un nuevo header con un estilo minimalista, en el que el menú queda reducido a un simple botón y si se hace click, se abre a pantalla completa. Un acierto para aquellos que quieran darle un aspecto más vanguardista y a su vez minimalista a su web.

Nuevo header disponible en Avada 4.0

Además ahora han agregado nuevas posibilidades en cuanto al juego del encabezado fijo y del menú con las tansparencias, algo que en cuanto a diseño va a permitir rizar un poco más el rizo.

Transparencias y opacidad en el nuevo header de Avada 4.0

Nueva opción de galería con Lightbox

Ahora es posible crear una galería de fotos con el shortcode de Image Frame en la misma página con mucha más facilidad utilizando una nueva opción llamada Gallery ID. El proceso es tan simple como crear un grupo al que llamaremos como queramos, por ejemplo galeria 1. En cada imagen que utilicemos con Image Frame, le añadimos en el apartado Gallery ID el nombre. Así, cuando hagamos click en cualquiera de esas imágenes, se abrirá el Lightbox, pero con todas las imágenes del grupo.

Captura Imagen Gallery Lightbox Demo Avada 4.0
Captura de imágenes para Galeria de Fotos con Lightbox
Demos fotos en galería Avada 1
Demos fotos en galería Avada 1
Demos fotos en galería Avada 3
Demos fotos en galería Avada 4
Demos fotos en galería Avada 5

Nueva demo para portfolios fotográficos

Avada ya dispone de una buena cantidad en cuanto a demos, listos para instalar y usar. En la nueva versión 4.0 ahora se añade una nueva demo en la que tendrás la posibilidad de ver el funcionamiento del nuevo header. Muy interesante para portfolios fotográficos o similares.

Demo fotografia Avada 4.0

Demo fotografia Avada 4.0 menu

Nuevo sistema de actualizaciones

Esta es sin duda una excelente novedad y además pionera. El sistema de actualización ahora se basa en actualizar concretamente los errores detectados solo en los archivos que los contienen y no como hasta ahora, que había que hacerlo con todo el theme.

Esto plantea un nuevo escenario en el que una actualización no llevará más que unos segundos, pero además cualquier error detectado podrás ser corregido de inmediato, sin necesidad de esperar a que liberen una nueva versión.

En muchas ocasiones, especialmente los pequeños errores se corrigen pero se dejan pendientes para una próxima actualización. Esto para las personas que lo sufren y lo necesitas, puede representar un gran inconveniente. De la misma manera tener que perder el tiempo en actualizar todo por una chorradita, es como un pequeño suplicio.

Con este sistema, los errores se corrigen de inmediato y sin necesidad de esperar, de una forma cómoda, rápida y como verás muy sencilla.

La pantalla que ves a continuación está incorporada en Avada -> Support

Actualización in site de Avada 4.0

Mejoras en el uso de la memoria y la optimización

Desde hace tiempo los desarrolladores de Avada han ido mejorando y dotando al theme de mejoras importantes en el código que permitiesen una mejor optimización. Ahora dan un paso más y mejoran la carga de imágenes (algo verdaderamente esencial) mejorando cuantitativamente el uso de los recursos en cuanto a memoria.
Con el uso de “srcset” siempre se carga el tamaño de imagen apropiado en los grid del blog, timeline y archivos. Por otra parte tanto en el front-end como en el backend se cargan los archivos solo cuando es necesario.

Optimización inteligente en Avada 4.0

Los campos de valores para los archivos Retina han desaparecido

Otra cosa que agredecerás (yo por lo menos si) es que ya no es necesario introducir los valores de las imágenes para pantallas Retina. Por ejemplo, con el logo había que introducir el ancho y alto del formato normal 1x y luego el ancho y alto para la versión retina 2x. Ahora Avada ya lo hace automáticamente y establece los valores correctos para ambos formatos.

La sección de widgets ha sido movida al área de Widgets

Ya sabes que en Avada puedes crear tantos widgets como quieras. Tenias una sección donde los creabas y luego en el área de widgets los configurabas. Ahora han movido todo para el área de widgets y puedes crearlos desde ahi. De esa manera no es necesario estar bailando de un lado para otro. Esto en definitiva aporta comodidad, facilidad y rapidez en el trabajo.

Widgets en Avada 4.0

Duplica con un solo click un slider o slides en Fusion Slider

Para facilitar un poco más las cosas, ahora podrás duplicar a golpe de click un slider completo o cualquier slide. Esto te ayudará a no perder tiempo creando nuevos slides en tus presentaciones. Simplemente con cambiar la configuracion o la imagen será suficiente.

Otras pequeñas novedades de Avada 4.0

  • Con las fuentes personalizadas puedes utilizar cualquier fuente en cualquier entorno.
  • Mejoras en el uso de las imágenes de Event Calendar.
  • Mejoras en la importación y exportación de la configuración de Avada.
  • Incorporación de un editor CSS, lo cual facilita la escritura de código en CSS personalizado.
  • Se añade Xing al paquete de Iconos de redes sociales.
  • Nuevas posibilidades de configuración para los Iconos Sociales con propios colores de la red social.
  • Sistema de auditoria de actualizaciones incorporado en System status.
  • Nuevos Patterns para los backgrounds.
  • Actualización de Revolution slider y Layer slider a la última versión.
  • Nueva configuración para el borde del footer y el copyright.
  • La cabecera superior ahora permite opacidad.
  • Mejoras en la compatibilidad de idiomas.
  • Página de contacto rediseñada.
  • Diseño limpio de Woocommerce rediseñado y mejorado.
  • Actualizados todos los archivos de idioma.
COMPRAR

¡Si mi trabajo te ayuda, tu también puedes echarme una manita!

Si la información de este post te ha resultado útil y finalmente decides comprar este theme, puedes colaborar conmigo comprando en Themeforest a través de este botón de compra. Al hacerlo, me ayudas a obtener algunos pequeños ingresos extra que sirven para compensar todo este trabajo.
COMPRAR
2016-10-14T06:26:23+00:00 27-04-2016|Avada theme, Destacadas, Wordpress|17 Comentarios

17 Comentarios

  1. Isi 03/03/2017 en 13:22- Responder

    Buenas Favian! A ver si me puedes echar una mano porque me veo en un callejon sin salida. Tengo Avada v3.8.6.1, las actualizaciones a avada 4 y 5 me funcionan genial, el problema es que la actualización resetea todas las opciones del tema, cuando las intento importar, me dice que se guardan correctamente pero luego no las ha guardado, ¿no hay algun truco para poder importar las opciones del tema?

    • Fabián Vázquez 06/03/2017 en 09:20- Responder

      Hola Isi. Disculpa la demora en contestar.
      Verás, en principio tendría que funcionar sin problemas. Los datos de configuración deberían quedar guardados sin problema. He hecho muchas migraciones y hasta la fecha nunca he tenido problema. No obstante, como estamos hablando de la versión 3.8, tal vez tengas que pasar forzosamente por la versión 3.9.4. Luego la 4 y por último la 5.
      Es un proceso tedioso, lo reconozco, pero hay que hacerlo así por los profundos cambios que se han realizado en la plantilla. Precisamente para poder migrar lo que tienes anteriormente y no perder nada. Prueba primero con la version 3.9.4.

      Si sigues teniendo problemas me lo dices, e intento ver que ocurre.

      Saludos

      • Isi 06/03/2017 en 17:41- Responder

        Muchas gracias Favián, me has ayudado mucho!! Primero he hecho un backup desde “Theme options>backup” y después he actualizado a Avada 3.9 aqui se me han borrado las opciones pero he podico recuperarlas con el backup que comento desde las opciones.

  2. lis 07/11/2016 en 12:34- Responder

    Hola Favian.

    Se puede actualizar la la version avada 5.0.3 desde la version 3.7.3 ??

    gracias anticipadas

    • Fabián Vázquez 07/11/2016 en 19:16- Responder

      Hola Lis. Me temo que se te van a acumular las actualizaciones. Esa versión de Avada es muy antigua y no puedes actualizar directamente. Primero has de pasar por la 3.9.4. Después por la 4.0 y finalmente pasar a la 5. También has de ver que versión tienes de WordPress, porque también tendrás que actualizar.

      Te recomiendo encarecidamente que hagas copias de seguridad de la base de datos y la web.

      Saludos

      • lis 09/11/2016 en 08:50- Responder

        Muchas gracias, ya he actualizado, todo bien menos las css que tenía en avada children, tendré que ir cambiando nombres para que coincidan con las clases css de avada 5,

        un saludo

      • Hector 17/01/2017 en 10:41- Responder

        Hola Fabian, Muchas gracias por la informacion y ayuda tan valisiosa. Yo soy nuevo en esto WP y Avada tengo la version 3.8.7. me podrias informar paso a paso como hago la actualizacion? empezando por la copia de seguridad y base de datos? 🙁

        • Fabián Vázquez 18/01/2017 en 07:57- Responder

          Hola Héctor. Toda esa información la tienes en los posts de actualización de Avada e incluso en video. En tu caso debes actualizar primero a 3.9.4 y luego pasar a la 4.0.3 y por último a la 5.0.6. La actualización a 3.9.4 no tiene ciencia. Simplemente es subir la plantilla y sustituir una por otra. Para las demás, lee los posts y mira los videos.

          Saludos

  3. Fernando 26/07/2016 en 19:26- Responder

    Gracias Fabián, tus artículos sobre Avada siempre son esclarecedores.
    Verás, estoy buscando un .mo y .po de Avada 4.0.3 en español algo mejor de lo que incluye el tema, ya que con el cambio a la 4.0 existen muchas partes de la configuración del tema sin traducción.
    ¿Conoces algún sitio donde descargarme dichos archivos que sean fiables y tengan más partes traducidas?

    • Fabián Vázquez 27/07/2016 en 10:43- Responder

      Hola Fernando. Te he contestado por privado a esta consulta.

      Saludos

  4. Sergio 17/07/2016 en 22:52- Responder

    Buenas Fabian como estas, me puedes ayudar en algo estoy tratando de deshabilitar Google fonts en avada 4.0.3 y no he podido a pesar que ya cambié todas las fuentes en el menú y en la opción tipografía, alguna idea?? saludos.

    Nota: excelente página web.

    • Fabián Vázquez 18/07/2016 en 09:59- Responder

      Hola Sergio. Gracias por tus palabras.

      En Avada, a menos a día de hoy no hay un botón para deshabilitar las fuentes de Google, pero en realidad tampoco es necesario.

      Las fuentes se llaman desde varios sitios. El menú, los encabezados, el cuerpo, los botones y algún sitio más. Mientras haya alguno de ellos que llame a Google para descargar una fuente, digamos que estará conectado.

      ¿Cómo puedes evitarlo?. Sencillamente puedes usar las fuentes habituales, por ejemplo Arial que no se descarga desde Google Fonts. También puedes usar fuentes personalizadas. es decir subirlas a Avada. Yo por ejemplo lo hago con Open Sans. en vez de cargarlas desde Google, la tengo subidas a la web y se sirven al navegador desde ahí.

      No tiene más historia. Sencillamente ten en cuenta que debes cambiar el uso de las fuentes desde todos las opciones posibles.

      Espero haberte ayudado.

      Saludos

  5. ivan 04/07/2016 en 14:34- Responder

    Hola Fabian como puedo poner el sidebar derecho al tema avada, no lo encuentro por ningun sitio.
    Gracias.

    • Fabián Vázquez 04/07/2016 en 18:52- Responder

      Hola Ivan. Bueno, lo primero de todo es que crees los widgets y sidebars correspondientes. Dando por hecho que ya lo has hecho o que sabes de lo que te hablo, la configuración de los sidebars en Avada tiene su propio apartado en las opciones del tema > sidebars. Desde ahi puedes configurar el comportamiento de cada tipo de página como tu quieres, con uno o dos sidebars.

      Luego, en cada página también puedes modificar el como aparecen para esa página en concreto desde la parte de configuración en fusion options > sidebars.

      Saludos

  6. ezequiel 21/06/2016 en 08:44- Responder

    Hola Fabían, estoy actualizando la nueva versión de avada, y la verdad que se complica en como actualizarlo a travez de ftp, no encuentro mucha info, y la que hay esta en ingles, seria genial si pudieras explicarlo

    • Fabián Vázquez 21/06/2016 en 09:11- Responder

      Hola Ezequiel. Creo que toda la información que necesitas para actualizar Avada la tienes en este post. El FTP no es más que un medio para hacerlo. Al usar el ftp como medio de subida de archivos, lo que has de hacer es, bajarte una copia de la carpeta de Avada de la versión anterior por si algo fallase y hacer una copia de seguridad de la base de datos. Una vez tomadas las precauciones, subes la nueva carpeta de Avada a la carpeta themes de WordPress.

      Tienes dos opciones: Sobreescribir la carpeta actual. Cuando el proceso de subida haya terminado, Avada reconocerá los cambios y comenzará el proceso de actualización en cuanto refresques o accedas a cualquier parte de la web (me refiero al backend).

      Pero mejor aun, es que subas la nueva carpeta de Avada con otro nombre, por ejemplo, Avada4. Cuando se haya terminado la subida, cambias los nombres. La carpeta anterior puedes renombrarla como avada_anterior y a la nueva le pones el nombre Avada. Refrescas el backend y comienza el proceso. Cuando haya terminado todo el proceso, puedes eliminar la carpeta antigua.

      Solo ten en cuenta algo importante. Esto funciona así si la carpeta anterior tenia el nombre de Avada. Si le hubieras puesto otro nombre, la nueva carpeta deberá renombrarse de la misma manera, para que todo vuelva a funcionar como antes.

      Todo lo demás lo tienes explicado en el post.

      Saludos

      • ezequiel 24/06/2016 en 00:36- Responder

        Muchas gracias Fabián, ya corre la nueva actualización, me queda mucho camino por recorrer, pero gracias a tus post se hace un poco mas fácil ya que lo poco que hay en internet esta en ingles, no vendrían nada mal un par de videos en you tube, saludos

Deje su comentario

15 + 1 =

Uso de cookies

Utilizo cookies para ofrecer una buena experiencia al usuario. Si continúas navegando aceptas su uso y la política de privacidad ACEPTAR

Aviso de cookies