Alternar menú

Beaver Builder 2.1 “Redridge”: edición en línea, compatibilidad con Gutenberg y más

Publicado: 2018-04-05

¡25% de descuento en productos Beaver Builder! ¡Apresúrate, termina la oferta... ¡Aprende más!

Beaver Builder 2.1 Redridge
  • Constructor de castores

Beaver Builder 2.1 “Redridge”: edición en línea, compatibilidad con Gutenberg y más

¡Beaver Builder 2.1 “Redridge” ya está disponible! Puede descargar una copia de prueba desde la página de su cuenta y comenzar a usarla en sus sitios hoy.

A finales de 2017, lanzamos Beaver Builder 2.0, que presentó una actualización visual y una revisión exhaustiva de la experiencia del usuario de Page Builder. Una de nuestras declaraciones de misión y filosofías originales para Beaver Builder es "simple pero poderosa".

Cuando comenzamos a construir Beaver Builder hace cuatro años, éramos una agencia de diseño web. Queríamos una herramienta que tuviera la potencia, la flexibilidad y la calidad del código que buscábamos como desarrolladores web profesionales, pero que también fuera lo suficientemente fácil e intuitiva como para poder entregar sitios a nuestros clientes.

En Beaver Builder 2.1 “Redridge”, llamado así por la fuerte y confiable Redridge Steel Dam, continuamos con la misión de agregar características y mejoras para los usuarios avanzados mientras mantenemos las cosas simples e intuitivas para los nuevos usuarios.

Vea sus cambios de texto en la página con edición en línea

Una de las mejoras de funciones más importantes de Redridge es la edición en línea. Ahora puede hacer clic en los campos de texto para ingresar a un modo de edición en línea y realizar ediciones y cambios de formato directamente en la página. Esta es una de esas características que realmente brilla una vez que comienzas a usarla. Es cierto que era un poco escéptico acerca de los beneficios de editar en línea pero, ahora que he pasado un poco de tiempo usándolo, ¡no quiero volver nunca más!

Manténgase al día con noticias y actualizaciones en el Centro de notificaciones

Beaver Builder tiene una comunidad próspera que se reúne en Facebook, Slack y sintoniza nuestro boletín (puede registrarse en el pie de página), pero hay muchos usuarios de Beaver Builder que aún no están activos en la comunidad. Redridge trae un nuevo centro de notificaciones a la interfaz de usuario de Page Builder donde podemos publicar mensajes y compartir contenido.

Esto nos brinda la oportunidad de comunicarnos con personas que usan Beaver Builder pero que no están al tanto de lo que estamos haciendo. Estamos planeando compartir parte del contenido de nuestro blog y anunciar actualizaciones, promociones y nuevas funciones.

¿Encontraste esta publicación de blog a través del centro de notificaciones?

Si es así, ¡déjenos un comentario a continuación y háganoslo saber! Todos tenemos mucha curiosidad por saber si está funcionando.

Gutenberg, estamos listos para ti

Uno de nuestros clientes de la época de la agencia tenía un sitio web de CrossFit. Uno de nuestros chistes favoritos sobre CrossFit era: “¿Cómo sabes que alguien hace CrossFit…? No te preocupes, ellos te lo dirán”.

Por alguna razón, ese chiste me recuerda a Gutenberg. Parece ser de lo único de lo que alguien quiere hablar estos días. Hemos publicado un par de publicaciones hablando sobre cómo podría ser el futuro de la web con Gutenberg y dónde vemos a los creadores de páginas en ese futuro.

En Redridge, estamos agregando soporte completo para Gutenberg en Beaver Builder. Como "todo será un bloque", de hecho creamos un bloque para cambiar entre los editores de Beaver Builder y Gutenberg. Tenemos algunas ideas sobre cómo podemos adoptar y desarrollar aún más Gutenberg pero, por ahora, esta versión se centra en garantizar una transición sencilla al nuevo editor.

Recopilación de datos y otros beneficios

Lo admito, nuestro momento en este caso no es espectacular. Por si sirve de algo, comenzamos a trabajar en esta función mucho antes de la debacle actual en torno a la privacidad de los datos y el RGPD. Este es el trato, en Redridge estamos agregando una opción para que nos envíes datos de uso anónimos. Prometemos con el meñique que esto es algo bueno para todos.

No recopilamos ningún dato personal.
No recopilamos direcciones de correo electrónico.
No estamos haciendo nada malicioso o engañoso con estos datos.

Todo lo que queremos es recopilar información sobre cómo la gente usa Beaver Builder. Por ejemplo, ¿qué módulos se están utilizando? O qué temas son los más populares. Con estos datos, podemos tomar decisiones mejores y más informadas sobre qué características implementar y mejorar.

Por ejemplo, si descubrimos que el 95% de las páginas de Beaver Builder utilizan el módulo deslizante, podemos darle un poco de cariño a ese módulo. O si un gran porcentaje de nuestros usuarios utiliza un tema determinado, podemos profundizar un poco más y trabajar para mejorar la experiencia con ese tema.

Puede ver exactamente qué datos estamos recopilando haciendo clic en el enlace en el mensaje de notificación y en la configuración. ¡Realmente apreciamos su ayuda en este caso!

Columnas guardadas/globales

En Redridge, ahora puede guardar columnas de la misma manera que guarda filas y módulos. Vaya. Esta fue una característica muy solicitada. Si configura alguna de sus piezas guardadas como Global , esto significa que cualquier cambio afectará cada instancia de ese elemento guardado.

Impedir el acceso del constructor por función de usuario

Volviendo al principio de esta publicación, donde hablamos un poco sobre los flujos de trabajo del cliente, estamos agregando la capacidad de evitar el acceso del creador para ciertos roles de usuario. Esto le permite evitar por completo que ciertos roles de usuario accedan al generador.

Validación de código para su cordura

Estamos agregando validación de código a los campos CSS y Javascript en Page Builder. Si alguna vez pasó una tarde depurando su página y se dio cuenta de que el problema se debía a una de esas molestas comillas o punto y coma faltantes, esperamos que esta función evite que eso vuelva a suceder.

Soporte de fuente impresionante 5

FontAwesome 5.0 ya está disponible y ha sido completamente reescrito y rediseñado desde cero. ¡En Redridge, estamos agregando soporte para FA5! Si una página ya utiliza los íconos FA4 más antiguos, seguirá funcionando bien. Para instalaciones nuevas, habilitamos FA5 de forma predeterminada y, para instalaciones existentes, hay una opción para habilitar FA5.

Corrección de errores

Sí. No se preocupe, Redridge incluirá docenas de correcciones y mejoras menores. No es tan divertido escribir sobre ellos, pero puedes ver todos los pequeños cambios y correcciones que estamos haciendo aquí en nuestra página de registros de cambios.

¿¡Cómo lo consigo!?

Actualmente, Redridge se encuentra en versión beta. Para nuestros clientes, hay un enlace de descarga disponible en la página de su cuenta. Estamos planeando lanzar Redridge a finales de abril. En ese momento, podrás acceder a la descarga o, si estás ejecutando la versión beta, podrás actualizar automáticamente a la versión estable.

Como siempre, apreciamos sinceramente su apoyo continuo y su ayuda con las pruebas de lanzamiento. Como equipo de producto, vivir para resolver nuevos problemas y crear nuevas funciones. ¡Gracias y disfruta!

Biografía de Robby McCullough

49 comentarios

  1. Puneet Sahalot el 5 de abril de 2018 a las 0:26 am

    ¡Otra actualización fantástica!
    ¡¡¡No puedo esperar a que BB 2.1 esté disponible para su uso!!!



    • Robby McCullough el 5 de abril de 2018 a las 12:27 pm

      Hola Puneet!! Es bueno verte. Yo también estoy emocionado por ese día.



  2. Johan Falk el 5 de abril de 2018 a las 1:00 am

    ¡Impresionante! Solo un pensamiento cuando leí "Por ejemplo, si descubrimos que el 95% de las páginas de Beaver Builder utilizan el módulo deslizante, podemos darle un poco de amor a ese módulo".

    Si el 95% usa el módulo deslizante, entonces probablemente sea un módulo bastante decente, pero si en cambio el 2% lo usa... entonces probablemente necesite mucho amor.

    ¡Sigan con el buen trabajo!



    • Robby McCullough el 5 de abril de 2018 a las 12:27 pm

      Ja ja. Buen punto. Eso podría haberse redactado mejor, como "queremos centrar nuestro esfuerzo en áreas que brindarán el mayor beneficio a nuestros usuarios".



  3. David el 5 de abril de 2018 a las 10:17 am

    ¡Beaver Builder revoluciona la Web!



  4. Tyler Golberg el 6 de abril de 2018 a las 4:20 am

    ¡Estoy entusiasmado con la edición en línea!



    • Robby McCullough el 30 de abril de 2018 a las 11:32 am

      ¡Sí! Me alegra escucharlo



  5. Krunal Desai el 6 de abril de 2018 a las 6:46 pm

    ¡Magnífico!

    Todas las nuevas funciones son muy interesantes, no puedo esperar para instalarlas en nuestro sitio web 'dvdasjobs.com'.

    Usamos BB Plugin desde 2016 y nos encanta. Hizo que la gestión de nuestro sitio web fuera muy fácil.



  6. Matt B el 9 de abril de 2018 a las 2:13 pm

    Para evitar tener que buscar cambios de estilo/formato realizados en instancias de texto específicas, ¿es posible desactivar la barra de herramientas de formato para fomentar/forzar el uso de estilos globales en v2.1 durante la edición en línea?



    • Robby McCullough el 10 de abril de 2018 a las 15:09

      No, aunque no es mala idea. FWIW, la misma opción de formato de texto está disponible en el editor TinyMCE.



      • Matt B el 11 de abril de 2018 a las 8:14 am

        Gracias por la respuesta. Sí, lo sé y ya he creado un complemento personalizado para deshabilitar dicha funcionalidad no deseada con la práctica API de TinyMCE. Probablemente también tendré que considerar la posibilidad de hacerlo con Gutenberg.



  7. abdulmuluq el 13 de abril de 2018 a las 8:16 am

    Me gustaría saber si es posible exportar la página completa.



    • Robby McCullough el 16 de abril de 2018 a las 10:15 am

      Sí, lo es



  8. Stephen Vaughan el 15 de abril de 2018 a las 6:12 am

    Hola robby,

    Con solo mirar la captura de pantalla en el artículo anterior, usted está dando el paso para trabajar con Gutenberg. Perdóneme si le pregunto como alguien que no ha usado Beaver Builder, pero ¿cómo está trabajando esto en este momento? Quiero decir, ¿está simplemente poniendo el funcionamiento de Beaver Builder en un bloque y luego entregando al usuario a su interfaz de usuario? Como sé muy poco en esta etapa sobre cómo funciona su constructor, ¿utiliza códigos shrot detrás de escena, como lo hacen otros constructores o algo más?

    Digo todo esto porque los creadores de páginas hasta la fecha nos han brindado una estructura construida en un modelo de caja desde secciones hasta filas, columnas y hasta el nivel de módulo. Por el momento, lo que ofrece Gutenberg es muy rudimentario en términos de estructura basada en el modelo de caja (está en la etapa de incunables, muy parecido a lo que estaba la imprenta cuando Johannes comenzó su revolución impresa). Supongo que necesitaremos que Gutenberg eventualmente nos proporcione una estructura más avanzada con la que los creadores de páginas puedan integrarse, incluida una API que les permita aplicar cosas como relleno y márgenes; de lo contrario, habrá una desconexión bastante grande entre qué puede hacer el creador de páginas ahora y qué ofrecerá WordPress en el futuro.



    • Robby McCullough el 24 de abril de 2018 a las 9:12 am

      Hola Esteban. Actualmente, nos estamos centrando en la compatibilidad entre Beaver Builder y Gutenberg y en poder movernos sin problemas entre los dos editores. A continuación, experimentaremos con una integración más profunda.



      • Stephen el 24 de abril de 2018 a las 11:13 am

        si eso tiene sentido



  9. Ed Holtzman el 25 de abril de 2018 a las 12:22 pm

    El centro de notificaciones de la nueva actualización me trajo aquí. ¡Grandes cosas!



  10. Frederique el 25 de abril de 2018 a las 12:47

    Hice algunas pruebas nuevas en páginas como esta > https://www.colormyweb.fr/createurs-dentreprise-un-site-web-pour-faire-connaitre-votre-activite-2/
    Creado con Gutenberg y mejorado con Beaver Builder. ¡Roca y funciona muy bien!
    El único "error" es que cuando regresas a la edición a través de Gutenberg, no se realizan los cambios, logré hacerlo a través del editor clásico y todo estuvo bien.
    Para reanudar:
    1/ crear con Gut está bien
    2/ editar ese contenido nuevo con BB está bien
    3/pero no es posible actualizar o volver a editar con Gut, es necesario editar la página a través del editor clásico...
    ¡Pero seguro que funcionará pronto!
    eso es asombroso



    • Robby McCullough el 30 de abril de 2018 a las 11:41 am

      Hola Frederique! Una vez que inicie sesión en Beaver Builder, probablemente la mejor práctica sea continuar editando contenido en Beaver Builder. Sin embargo, deberías poder cambiar a Gutenberg para actualizar cosas como el slug de la página u otros metadatos de la página.



  11. Zack el 25 de abril de 2018 a las 14:40

    IMPRESIONANTE



  12. Zack el 25 de abril de 2018 a las 2:48 pm

    Pregunta rápida sobre Font Awesome 5. Si tengo la versión Pro de FA5, ¿tienen planes de integrarla?

    Gracias,

    zack



    • Guido el 26 de abril de 2018 a las 6:38 am

      Puedes subirlos tú mismo.



    • Robby McCullough el 30 de abril de 2018 a las 11:50 am

      Estamos trabajando en eso ahora. Es posible que puedas hacerlo con Iconmoon actualmente. Esperamos aprovechar FA CDN ya que la descarga profesional es de ~60 MB.



  13. Athlone Harris-Compton el 25 de abril de 2018 a las 9:29 pm

    Esta es una actualización muy útil, ¡gracias Robby y el equipo de BB!

    Una pregunta: ¿podemos usar FA5 en ciertas páginas y FA4 en otras? en el sitio simultáneamente hasta que se haya realizado el cambio? ¿Y también se cargarán ambos conjuntos de iconos en una página o solo el que se está utilizando?



    • Robby McCullough el 30 de abril de 2018 a las 11:47 am

      Sí. Puedes hacer eso. Si se agregó un ícono FA4 a través de nuestra interfaz de usuario, aún se mostrará como FA4, el CSS se carga según demanda. Si lo cambias para que sea un ícono FA5, usará el CSS FA5.



  14. Anja Kretzer el 25 de abril de 2018 a las 22:02

    ¡Buen trabajo! No puedo esperar para probarlo todo. ¡¡¡Ayer mismo deseaba tener columnas guardadas globalmente!!! ¡Tengo la misma pregunta que Zack sobre FA5 Pro!
    ¡Sigan con el buen trabajo! ¡Te amo a ti y a tu bebé!



  15. Virgilio el 25 de abril de 2018 a las 22:24

    Preferiría tener una mejor edición e integración de dispositivos móviles en lugar de notificaciones. Aunque solo soy yo.



  16. Terry Majamaki el 25 de abril de 2018 a las 23:31

    Parece otra actualización estelar, muchachos, sigan con el increíble trabajo. Realmente emocionado por el soporte de FA5. ¿Se utiliza la versión SVG o hay opciones sobre qué formato elegir? También como se preguntó anteriormente, pero aún no se ha respondido, para aquellos de nosotros con Pro, ¿existe una opción para usar la versión Pro?



    • Robby McCullough el 30 de abril de 2018 a las 11:50 am

      Creo que está usando la versión SVG, sí.



  17. Víctor el 26 de abril de 2018 a las 4:49 am

    Encontrado a través del centro de notificaciones. Buen trabajo chicos.



  18. Johnny el 26 de abril de 2018 a las 5:08 am

    ¡Lindo! Sigan con el buen trabajo. Estoy muy feliz de utilizar un producto que se actualiza constantemente y se mantiene al día con los grandes cambios de WordPress.



  19. Geoffrey el 26 de abril de 2018 a las 13:57

    ¡Increíble trabajo chicos, como siempre! ¡La herramienta es un salvavidas! Y el apoyo que ofrece su equipo siempre es bienvenido, ¡sigan con el buen trabajo!



  20. David Alexander el 26 de abril de 2018 a las 2:24 pm

    ¡Algunos grandes pasos en la dirección correcta, muchachos! ¡Bravo!

    Tengo curiosidad, si tengo una cuenta FontAwesome5 Pro, ¿hay alguna manera de que podamos usar BB para acceder a la lista completa de funciones premium?

    Mi mayor solicitud de funciones tendría que ser una forma de tener plantillas de “Beaver Themer bloqueables”, donde pudiera diseñar un diseño con una barra lateral, por ejemplo, y bloquear todo excepto el buzón.

    De esta manera mis clientes

    a) No es necesario activar Page Builder, seleccionar una plantilla manualmente, reemplazar el diseño y luego editar.

    b) No corren el riesgo de romper la plantilla.

    c) Aún tienen acceso para utilizar los módulos BB dentro del área definida permitida.

    Esto potenciaría enormemente las capacidades de mi tema.

    Mi trabajo en este momento es, por decir lo mínimo, complicado e implica configurar plantillas de Beaver Themer y duplicarlas como plantillas normales que se pueden activar para reemplazar el diseño del tema por página o por publicación.

    Sin embargo, el proceso por el que debe pasar mi usuario final para cambiar de A a B está lejos de ser ideal.

    Comuníquese conmigo si desea obtener más información sobre esa idea o cómo esto causa fricción actualmente y se lo demostraré.



    • Robby McCullough el 30 de abril de 2018 a las 11:56 am

      Gracias por los comentarios, David. Respondí anteriormente, pero estamos trabajando para mejorar el soporte de FA Pro. Creo que puedes subirlo ahora y usarlo, pero nos gustaría tener una integración más fluida en el futuro.



  21. Jaap el 26 de abril de 2018 a las 15:19

    Otra actualización increíble. Me gusta cómo ustedes casi siempre agregan funciones de mis 3 cosas principales. No me pasa con la mayoría de las herramientas que utilizamos.

    Sigan con el buen trabajo



  22. Stefani el 26 de abril de 2018 a las 22:15

    ¡Excelentes actualizaciones y características! Todos ustedes son increíblemente INCREÍBLES – en todo (la comunicación es el número 1). ¡¡GRACIAS!!



  23. Geoffrey Gordon el 27 de abril de 2018 a las 4:11 am

    Excelente trabajo muchachos, como siempre, mi negocio no funcionaría sin su increíble producto. Bueno… no tan suavemente.

    Solo una sugerencia, sería genial guardar las fuentes de Google como ajustes preestablecidos, al igual que los colores. Sí, sé que puedes configurar las fuentes en el personalizador, pero debes seleccionar la fuente si quieres ajustar el tamaño en una página en particular.



    • Robby McCullough el 30 de abril de 2018 a las 12:14 pm

      ¡Gracias por los comentarios! Añadiendo eso a nuestra lista.



  24. Cindy Wyckoff el 29 de abril de 2018 a las 12:21 pm

    ¿Qué significa esto en el registro de cambios? Se solucionó un problema de marca con el paquete Agencia; ahora puede usar 'Page Builder' nuevamente.

    Una de mis clientas entró en pánico porque no podía encontrar las palabras del Page Builder en la barra de administración negra superior. Ahora dice Beaver Builder, lo que la confundió.



    • Cindy Wyckoff el 5 de mayo de 2018 a las 19:34

      No importa. Estoy seguro de que estás ocupado ya que no ha habido respuesta desde hace una semana. Finalmente lo descubrí. El registro de cambios no ofreció ninguna otra explicación, pero mi mejor suposición es que la última actualización cambió la redacción de Page Builder a Beaver Builder en el Administrador y si uno tiene el Paquete de Agencia, puede cambiarle el nombre a Page Builder.



      • Robby McCullough el 6 de mayo de 2018 a las 15:31

        ¡Oh, no! Lo siento, Cindy. No vi tu comentario original. Eso es correcto. Algunas personas estaban usando la función de marca blanca de Agencia para cambiar el texto a "Creador de páginas", pero esto estaba causando algunos problemas. ¡Sin embargo, todo debería estar arreglado ahora!



        • Cindy Wyckoff el 6 de mayo de 2018 a las 4:36 pm

          ¡Gracias!



  25. HouseofStrauss el 2 de mayo de 2018 a las 1:57 am

    Redridge instalado, caché vaciado pero sin ver ninguna opción de editor en línea. Hacer clic en un área de texto no hace nada más que abrir el módulo. ¿Algún consejo por favor?



    • HouseofStrauss el 2 de mayo de 2018 a las 2:32 am

      Acabo de ver esto... cuando abres un módulo, el editor en línea está activo en la página. Lo siento chicos, pero en mi humilde opinión, se han perdido el objetivo de la función de editor en línea. Habiendo usado el editor en línea de Wallace, funciona porque no hay distracciones del panel del módulo en el camino de la página, además puedo configurar permisos de usuario. Si tenemos que abrir el módulo primero, también podemos editarlo directamente en la pantalla del módulo. Si el módulo está acoplado, puede oscurecer o redistribuir el texto del diseño, por lo que la edición en línea no es útil. Si el módulo está flotando, probablemente tenga que arrastrarlo fuera del camino, entonces, ¿dónde está la conveniencia aquí? La edición en línea es especialmente útil para clientes que simplemente desean cambiar áreas de texto simples, números, corrección de pruebas, etc. En sus opciones no hay configuraciones para abrir la edición en línea solo para ciertos roles. Creo que hay funciones mejores y más útiles para la edición en línea y sugeriría 1) un botón de barra de administración separado para la edición en línea que no abre los módulos pero activa las áreas de texto y 2) opciones para permisos de acceso de usuario solo para el editor en línea.

      Gracias por su consideración.



  26. Raluca el 10 mayo 2018 a las 1:11 am

    Sé que las últimas actualizaciones mencionaron la posibilidad de desactivar la edición en línea. ¿Puedes indicar los pasos sobre cómo hacerlo? No puedo encontrar cómo desactivar esta función de edición en línea. También estoy en espera de actualizar el complemento en otro sitio web, porque creo que la versión anterior a Redridge es mucho más eficiente, se carga más rápido y es sencilla.



    • Robby McCullough el 10 de mayo de 2018 a las 11:59 am

      Hola Raluca! Lamento escuchar eso. Aquí hay un enlace a un tutorial que explica cómo deshabilitar la edición en línea:

      https://only.beaverjunction.com/disable-inline-editing/



  27. Iván el 30 de septiembre de 2018 a las 4:25 am

    ¿Es posible exportar la página completa?



  28. Sanjo el 22 de junio de 2019 a las 11:00 am

    Acabo de descubrir tu excelente artículo. Me ayudó mucho a evaluar el editor Gutenberg. ¡Beaverbuilder es ahora mi favorito! ¡Gracias desde Alemania!



  29. Sunil Patel el 30 de diciembre de 2019 a las 2:03 am

    ¡Impresionante!

    Todas las nuevas funciones son muy interesantes, no puedo esperar para instalarlas en nuestro sitio web 'sforceservices.com'.

    Usamos BB Plugin desde 2016 y nos encanta. Hizo que la gestión de nuestro sitio web fuera muy fácil.



Nuestro boletín

Nuestro boletín se escribe personalmente y se envía aproximadamente una vez al mes. No es en absoluto molesto ni spam.
Lo prometemos.

Únase al boletín

Pruebe Beaver Builder hoy

Beaver Builder