Cuando se trata de creación de sitios web, Elementor se ha establecido como una plataforma líder, que permite a millones de usuarios crear páginas web impresionantes e interactivas con facilidad. Con cada nueva actualización, Elementor continúa elevando el listón, introduciendo características innovadoras que hacen que el diseño de sitios web sea aún más accesible y agradable. La última versión, Elementor 3.14 Beta, trae una serie de adiciones interesantes, incluido un nuevo carrusel anidado, una cuadrícula de bucle, una vista previa de estilo global y mucho más. En este artículo, profundizaremos en estas nuevas funciones y exploraremos por qué Elementor sigue siendo la opción preferida para los diseñadores y desarrolladores web.
El éxito de Elementor radica en su capacidad para proporcionar una experiencia de creación de sitios web intuitiva y fluida. Elimina la necesidad de conocimientos de codificación, lo que permite a los usuarios de todos los niveles dar vida a sus visiones creativas. Ya sea que sea un profesional experimentado o esté comenzando, Elementor le permite diseñar sitios web de apariencia profesional de manera rápida y eficiente.
El compromiso de Elementor con la mejora y la innovación constantes es evidente en la versión Beta 3.14. Estas nuevas características ejemplifican la dedicación de Elementor para brindar a sus usuarios las herramientas más avanzadas para el diseño de sitios web. Ya sea propietario de un negocio, comercializador o diseñador, estas nuevas incorporaciones mejorarán su experiencia de creación de sitios web y lo ayudarán a crear sitios web visualmente impactantes y fáciles de usar.
Cómo utilizar las versiones Beta de Elementor
En primer lugar, es importante saber que la versión beta 3.14 no está diseñada para usarse en sitios web activos que ya estén activos. Esta versión aún se está probando, por lo que aún no es completamente estable. Estamos trabajando para solucionar cualquier problema antes del lanzamiento oficial y es por eso que tenemos esta versión beta disponible.
Create Amazing Websites
Con el mejor generador de páginas gratuito Elementor
Empezar ahoraPara activar la versión beta de Elementor, puedes seguir estos sencillos pasos:
- Vaya a su panel de WordPress, que es el panel de control principal de su sitio web.
- Busque la opción Elementor en la barra lateral izquierda y haga clic en ella. Esto lo llevará a la página de configuración de Elementor.
- En la página de configuración, busque la pestaña 'Herramientas' y haga clic en ella.
- Dentro de la pestaña "Herramientas", verá una opción llamada "Control de versiones". Haz click en eso.
- En la sección "Control de versiones", habrá una función llamada "Beta Tester". Verás una casilla de verificación al lado. Asegúrese de marcar la casilla para habilitar la función de prueba beta.
- Recuerde guardar sus cambios haciendo clic en el botón u opción correspondiente.
Una vez que haya habilitado la prueba beta, debería poder ver y actualizar a la versión beta desde su página de actualizaciones de WordPress. Esta página muestra las actualizaciones disponibles para su sitio web, incluida la versión beta de Elementor.
Nuevo carrusel anidado [función Pro]
¡Presentamos el emocionante widget Nested Carousel en Elementor 3.14 beta! Esta función le brinda más control y opciones creativas al mostrar diferentes tipos de contenido en su sitio web. Con Nested Carousel, puede anidar elementos dentro de cada diapositiva, abriendo infinitas posibilidades de diseño.
La flexibilidad del carrusel anidado es notable. Puede crear fácilmente un carrusel y completar cada diapositiva con imágenes, texto y otros widgets de Elementor. Esto hace que Nested Carousel sea una herramienta poderosa y versátil en su caja de herramientas de diseño web.
En términos simples, el carrusel anidado te proporciona un lienzo infinito dentro de cada diapositiva donde puedes agregar cualquier widget de Elementor que desees. Esto significa que tiene una libertad de diseño sin precedentes para crear experiencias de sitios web únicas y cautivadoras.
Posición estática del elemento en la cuadrícula de bucle [Función Pro]
Elementor 3.14 beta trae una nueva característica interesante llamada Posición estática del elemento en la cuadrícula de bucle. Esta función le permite resaltar contenido específico, como eventos, productos o cualquier cosa sobre la que desee llamar la atención, dentro de su bucle de contenido habitual. Piense en ello como si tuviera su propio foco especial en un mar de publicaciones o productos.
Con Posición de elemento estático, puede dividir el flujo de su contenido habitual agregando un elemento estático como una imagen, un formulario de contacto o un video. Tú decides dónde debería aparecer y Elementor se encarga del resto. El elemento estático elegido reemplaza una publicación o producto en la posición designada, moviendo el resto de su contenido en consecuencia.
Esta nueva característica ofrece una variedad de opciones de personalización. Puede controlar dónde aparece el elemento estático en la cuadrícula, elegir si aparece una vez o en intervalos regulares e incluso ajustar el diseño de la plantilla alternativa cambiando la opción Intervalo de columnas. Se trata de inyectar creatividad en tus redes.
Para acceder a la función Posición estática del elemento, asegúrese de tener habilitada la función Bucle en su sitio web. Puede encontrar esta opción en su Panel de WordPress en Elementor → Funciones. Con esta nueva característica, tus cuadrículas pueden mostrar mucho más que publicaciones o productos regulares: tienes la libertad de mostrar lo que quieras.
Vista previa de estilos globales
Mucha gente está familiarizada con los estilos globales, que son esenciales para mantener un diseño coherente en todo un sitio web. Garantizan que los colores y las fuentes se utilicen de manera uniforme en las diferentes páginas. La última característica de Elementor lleva los estilos globales al siguiente nivel al proporcionar una vista previa en tiempo real.
Elementor ya permite a los usuarios configurar colores y fuentes globales, lo cual es una opción fantástica por sí sola. Sin embargo, ahora existe una representación visual de estos estilos. La Vista previa de estilos globales da vida al sistema de diseño de su sitio web, brindándole una mejor comprensión de cómo los colores y las fuentes funcionan juntos en el contexto de todo su sitio.
Cuando activa la Vista previa de estilos globales en la configuración de su sitio, toda su página estará cubierta con una Vista previa de la Guía de estilo. Este diseño muestra los colores y fuentes globales tal como aparecen en una página web, lo que le permite vislumbrar el ADN del diseño de su sitio web. Cualquier cambio que realice en los estilos globales se actualizará automáticamente en la vista previa, lo que le permitirá realizar ajustes de diseño en tiempo real.
Otra característica fácil de usar es la transición suave entre la vista previa y el selector de color o fuente. Cuando haces clic en un color o fuente en la Vista previa global, el selector respectivo se abrirá automáticamente, lo que simplificará el proceso de diseño.
Esta nueva función está habilitada de forma predeterminada para los sitios web alojados en Elementor y se puede habilitar manualmente para los sitios web de complementos. Ya no se trata sólo de configurar colores y fuentes globales; se trata de experimentarlos.
Mejoras en la interfaz de usuario y la experiencia de usuario
Adición de elementos con un clic
Una de las grandes mejoras de Elementor 3.14 es que ahora puedes agregar elementos o widgets a tu página con solo un clic. Esto es diferente de la forma anterior en la que tenías que arrastrar widgets a contenedores o columnas específicas. Ahora, cuando haces clic en un widget en el panel, lo agrega automáticamente al último contenedor o columna en el que estabas trabajando. Esto hace que diseñar una página sea más fácil y rápido porque no tienes que perder tiempo arrastrando elementos. Solo asegúrese de tener seleccionado el contenedor o widget correcto para que Elementor sepa dónde colocar el nuevo widget.
Indicación visual de partes de la página o del sitio
Para facilitar el cambio entre diferentes partes de una página, como encabezados, pies de página y elementos de bucle, Elementor 3.14 presenta una nueva función. Agrega un indicador visual cuando pasa el cursor sobre estas partes de la página, haciéndolas resaltar. Antes, tenías que hacer clic en un controlador para cambiar entre ellos, pero ahora puedes hacer clic en cualquier parte de la parte que deseas editar. Esto le ahorra tiempo y hace que la transición entre secciones sea más fluida.
Mejoras en la barra superior
Elementor 3.14 también actualiza la barra superior, que es un área central para muchas acciones en Elementor. Se introdujo por primera vez en Elementor 3.12 y ahora tiene más mejoras. Una característica nueva es la capacidad de agregar una nueva página directamente desde la barra superior, para que no tenga que alternar entre el Editor y el Panel de WordPress. Otra característica nueva es el botón "Salir a WordPress", que lo lleva de regreso al backend de la parte del sitio web en el que estaba trabajando. Estas actualizaciones están destinadas a facilitar las cosas y mejorar su experiencia al utilizar Elementor.
Funciones adicionales de WooCommerce y WordPress
Elementor ha introducido algunas actualizaciones útiles que hacen que el uso de WooCommerce y WordPress sea aún más conveniente. Ahora, puede acceder a funciones adicionales de WooCommerce y WordPress directamente desde Elementor.
Si tiene un sitio web WooCommerce, encontrará una nueva opción en la Configuración del sitio de Elementor que le permite configurar la página de su tienda. Esto significa que no tendrá que alternar constantemente entre Elementor y el Panel de WordPress. Todo está ahí en un solo lugar, lo que hace que administrar su tienda en línea sea mucho más fácil.
Además, Elementor también ha agregado un botón de alternancia en la Configuración de la página que le permite habilitar o deshabilitar comentarios en una página o publicación específica. Esto significa que puedes controlar si los visitantes pueden dejar comentarios sin tener que salir del editor de Elementor. Es una característica conveniente que le ahorra tiempo y esfuerzo.
Nuevos atajos
Elementor 3.14 incorpora nuevos atajos de teclado que agilizan su trabajo. Si estás usando una Mac, puedes abrir el panel "Configuración de página" presionando CMD + SHIFT + Y, y el panel "Preferencias de usuario" con CMD + SHIFT + U. En una PC, puedes lograr lo mismo usando CTRL + MAYÚS + Y y CTRL + MAYÚS + U respectivamente. Estos atajos le brindan acceso rápido a configuraciones importantes, lo que le ahorra tiempo y aumenta su productividad.
Opciones de estilo adicionales
Actualizaciones del widget de pestañas
El widget de pestañas en Elementor ahora tiene una opción que permite a los usuarios cambiar entre el diseño de acordeón para dispositivos móviles. Esto significa que los usuarios tienen más control sobre cómo se ve su sitio web en diferentes tamaños de pantalla. Además, el widget de pestañas ahora tiene una función de desplazamiento horizontal, lo que facilita a los visitantes navegar por las pestañas.
Cambios en el widget de icono
El widget de icono tiene una nueva función "Ajustar al tamaño", que es especialmente útil para iconos SVG personalizados. Esta característica elimina cualquier espacio adicional alrededor de los íconos, asegurando que estén perfectamente alineados y encajen bien dentro del diseño.
Nuevo divisor en el widget de menú
En el widget Menú, ahora hay un divisor con estilo que se puede agregar entre los elementos del menú. Los usuarios tienen varias opciones de diseño para el divisor, como líneas sólidas, dobles, de puntos o discontinuas. Esto permite menús más creativos y visualmente atractivos.
Mejoras en el widget de imagen
El widget de imagen presenta una nueva función llamada "Posición del objeto", que brinda a los usuarios la posibilidad de ajustar la posición de las imágenes. Esto ofrece más flexibilidad en el diseño, ya que los usuarios pueden colocar imágenes exactamente donde quieran en la página.
Actualizaciones del widget de llamada a la acción
El widget de llamada a la acción ahora tiene opciones de estilo que son consistentes con el widget de botón. Esto incluye opciones para el relleno de botones, sombra de cuadro y sombra de texto, lo que garantiza que se pueda diseñar el widget de llamado a la acción para que coincida con el diseño general del sitio web.
Mejoras en el widget de galería
El widget Galería ahora permite configuraciones de caja de luz individuales para cada galería. Esto significa que los usuarios pueden anular la configuración predeterminada del sitio y personalizar la caja de luz específicamente para cada galería. Esta actualización agrega otra capa de personalización, brindando a los usuarios más control sobre cómo se muestran sus galerías.
Rendimiento y accesibilidad
La última actualización ha realizado mejoras significativas en el rendimiento y la accesibilidad. Según los expertos, los widgets Botón, Acordeón, Alternar y Lista de reproducción de vídeo se han actualizado para mejorar el rendimiento y alinearse mejor con las recomendaciones del W3C.
En particular, el widget Botón ahora incluye atributos ROLE condicionales, y los widgets Acordeón y Alternar cumplen con todas las pautas del W3C. Además, el widget Lista de reproducción de vídeos ahora utiliza un mecanismo de carga diferida para imágenes, lo que ayuda a reducir el tiempo que tarda una página en cargarse inicialmente. Esta mejora también beneficia al SEO al agregar atributos ALT que faltan.
Ash destacó la importancia de estas actualizaciones para la experiencia del usuario y los alentó a explorar más los cambios a través de la publicación oficial de GitHub y el blog del desarrollador.
Terminando
Si aún no ha probado Elementor , ahora es el momento perfecto para sumergirse y explorar las últimas funciones de la versión Beta 3.14. Experimente la libertad y la creatividad que ofrece Elementor y compruebe usted mismo por qué sigue siendo la opción preferida de los creadores de sitios web de todo el mundo. Prepárese para llevar el diseño de su sitio web a nuevas alturas con Elementor 3.14 Beta y libere su potencial creativo como nunca antes.
