Ya sabíamos que estaba al caer Elementor Pro 3.1 y viene con dos novedades relacionadas con el código:
- La herramienta de código personalizado, que nos permite meter nuestro código personalizado en el
<head>, o al principio o fin del<body>. Algo que puede sustituir a la funcionalidad de plugins como Code Snippets o a los hooks de temas como Astra o Generate Press, en la mayoría de los casos. Han preparado un vídeo corto (en inglés) que lo explica bien: How to Use Elementor’s Custom Code Feature.
Lista de códigos personalizados bajo el menú de Elementor - El widget de resaltado de código, que permite mostrar código de lenguajes como javascript, CSS, PHP y muchos otros con resaltado de acuerdo a la sintaxis del lenguaje y con varias apariencias. Ideal para los que hacemos tutoriales y queremos mostrar el código de una manera atractiva. Además, incluye un botón de copiar el código. También han preparado un video explicándolo How to Use Elementor Code Highlight Widget
Widget de resaltado de código
Además nos trae un nuevo experimento interesante: La mejora del rendimiento de los widgets Pro cargando los activos JS y Swiper de forma condicional en la vista pública, esperemos que pronto quede pulido y se incorpore por defecto (documentación para desarrolladores en inglés).
El amigo Ben Pines ha preparado un vídeo donde nos cuenta estas tres novedades y nos habla de un nuevo lenguaje de programación: ¡¿el emojicode?!
Lo que no nos cuenta y pasa desapercibido en el registro de cambios, es la profunda mejora de unos de los widgets más vistosos de Elementor Pro, el titular animado (Animated Headline), al que han añadido todo esto:
- Opciones de tiempo – Más control al permitir establecer la duración de la animación y el retraso entre cada bucle de animación.
- Opción de bucle: Ahora puedes configurar la animación para que se reproduzca solo una vez, enfatizando un mensaje específico (por ejemplo, con el efecto de subrayado), y mantenerlo así.
- Color para el efecto de escritura – Puedes cambiar el color/fondo del mensaje resaltado mezclando y combinando colores para lograr el resultado deseado.
- Contenido dinámico para el efecto de rotación.
Puedes verlo en acción en el nuevo vídeo que han preparado contando cómo usar el widget de titular animado.
Desde septiembre hasta ahora, Elementor Pro ha recibido seis actualizaciones que corregían pequeños errores e introducían algún retoque para compatibilidad con Elementor 3.1. A continuación la lista de todas esas mejoras y correcciones introducidas en las actualizaciones desde la 3.0.5 hasta la 3.1.0:
Mejoras
- Añadido soporte de etiquetas de compatibilidad en Elementor Pro (Documentación para desarrolladores en inglés).
- Se han añadido capacidades dinámicas a la animación de texto giratorio en el widget de titular animado.
- Se ha añadido una opción para establecer el color seleccionado para el efecto de escritura en el widget del titular animado.
- Añadida la opción de bucle de animación para el titular animado.
- Añadidas opciones de temporización para el titular animado.
- Añadidas capacidades dinámicas para el widget Carrusel de testimonios.
- Se han añadido funciones dinámicas para el widget de tabla de precios.
- Añadido el control de Word Wrap al widget Code Highlight.
- Actualización de la biblioteca Font Awesome Pro a la versión 5.15.1.
- Añadida la regla avanzada de la ventana emergente «Mostrar en navegadores».
- Añadido el manejo de JS en tiempo real para evitar renders redundantes en el widget de diapositivas y en todos los widgets de carrusel.
- Importar la utilidad de desplazamiento del núcleo y eliminarla de Pro.
- Añadidas opciones de alineación para el widget Post Excerpt.
- Cambiado el control de la alineación para que funcione con los selectores en los botones de compartir.
- Actualizado a Webpack 5, Grunt-Webpack 4 y TerserPlugin en lugar de UglifyJsPlugin.
- Añadida la compatibilidad de la traducción de la cadena Editing Handles con Elementor Pro v3.1.
- Añadida compatibilidad para soportar Elementor 3.1.0.
- Actualizado el post incrustado en Facebook Embed widget.
Correcciones
- El divisor de pasos no está alineado verticalmente en el widget del formulario multipaso.
- Las diapositivas se reproducen en modo de bucle infinito incluso cuando la opción está desactivada en el widget de diapositivas.
- Se añade un espaciado redundante en el widget de botones para compartir.
- El texto de los botones de paso no se actualiza sin recargar la página en el widget de formularios.
- Problema de desbordamiento en algunas animaciones del widget Titular animado.
- Al arrastrar un nuevo carrusel de testimonios se produce un error de consola.
- Los botones de pasos se cortan en la vista móvil en el formulario de pasos múltiples.
- Diferencias en el tamaño de los botones de envío y de los pasos cuando se utiliza el tema Twenty Twenty.
- Control del color del texto del botón duplicado en el widget de diapositivas.
- Se lanza un error JS al editar y guardar los widgets globales.
- La función API get_version puede fallar con la caché de Redis / DB.
- Se crean múltiples solicitudes de comprobación de licencia en ciertos casos.
- Redacción errónea del mensaje de éxito de la plantilla de importación en el Theme Builder.
- Error en el color de los bordes en el Theme Builder.
- Fallo en la interfaz de usuario de las flechas de navegación en el widget del carrusel de medios.
- Error de la consola al arrastrar el widget del carrusel de testimonios.
- Las flechas de los widgets Carrusel de Testimonios y Reseñas navegan en la dirección equivocada en sitios web RTL.
- Eliminación de la carga condicional de Webpack.
- Se lanza un error fatal tras eliminar una taxonomía personalizada asociada cuando el widget Posts con la skin Cards tiene una insignia.
- Carga de archivos JSON sólo cuando el usuario lo permite para evitar problemas de seguridad.
- La galería no se muestra en la vista previa de las plantillas del Theme Builder.
- Pequeños fallos en la interfaz de usuario en el pie de pantalla de las condiciones del Theme Builder.
- Opción de leyenda personalizada redundante en el widget del logotipo del sitio.
- Eliminación de código no utilizado en la integración de Drip.
- Eliminación de las redes sociales Weibo y WeChat del widget Share Buttons por inactividad de las web.
- Eliminado el código redundante de los widgets Portfolio y Post Navigation.
- Si el diseño de la página por defecto se establece en «Lienzo», los encabezados y pies de página no se pueden editar.
- La etiqueta dinámica de la imagen del producto arroja un error cuando no se establece ninguna imagen.
- Falta el marcador de posición de documento único en el Theme Builder.
- La edición de documentos hereda la familia de fuentes de terceros.
- No se pueden añadir saltos de línea a la entrada de Textarea cuando se utiliza como formulario multipaso.
- Ancho incorrecto en el widget de la página de Facebook.
