Squarespace Fluid Engine: ¡lo que necesitas saber!
En esta reseña analizaremos qué ofrece el nuevo editor Fluid Engine, cuál es la opinión de los usuarios y cómo utilizarlo.
¿Qué es el «Fluid Engine» de Squarespace?
Fluid Engine es el último editor de diseño de Squarespace para bloques y secciones de página. Se lanzó el 21 de julio de 2022. Los usuarios de Squarespace ya pueden mover, superponer y organizar bloques de contenido en una cuadrícula. Fluid Engine también te permite editar la vista para móvil por separado de la vista para ordenador.
¿A qué se debe este cambio?
Buena pregunta.
Según Anthony Casalena, director ejecutivo y fundador de Squarespace,
«Fluid Engine mejora tanto la facilidad de uso como la capacidad de expresión de nuestro sistema, lo que permite que un mayor número de nuestros clientes pueda acceder a una mayor variedad de diseños. Tanto si eres un diseñador profesional que trabaja con Squarespace como si acabas de empezar, Fluid Engine ayuda a nuestros clientes a conseguir una gran variedad de resultados de diseño fantásticos sin tener que recurrir a código personalizado».
Si llevas mucho tiempo utilizando Squarespace, probablemente ya te hayas acostumbrado a sus peculiaridades. Sin embargo, para muchos clientes, navegar por el editor basado en 12 columnas era el mayor obstáculo.
A menudo había que ser creativo y utilizar bloques espaciadores para conseguir que el diseño quedara como uno quería. Si se quería hacer algo más complejo, se necesitaba código personalizado o plugins.
Otras plataformas te permiten editar la versión móvil de tu página web y, ahora, Squarespace ofrece la misma funcionalidad a sus usuarios.
¿Cómo funciona Fluid Engine?
Fluid Engine solo está disponible con Squarespace 7.1. Funciona tal y como cabría esperar de un editor WYSIWYG típico. Se basa en un sistema de cuadrícula que te permite arrastrar, soltar, superponer y cambiar el tamaño de los elementos, igual que en Canva.
La cuadrícula aparece al arrastrar elementos o al pulsar la tecla G del teclado.
Fluid Engine NO funciona con los siguientes elementos del sitio web.
Entradas del blog
Eventos
Descripciones de los productos e información adicional
Secciones de bloques creadas antes de Fluid Engine
Correos electrónicos de Squarespace
Aplicación móvil
¿Cuál es la diferencia entre Fluid Engine y el Editor clásico (Layout Engine)?
Características principales del motor de fluido
Superponer bloques por capas
Editar los diseños para móviles de forma independiente de los diseños para ordenadores de sobremesa
Secciones a sangre
Colores de fondo de los bloques de texto
Imágenes que pueden ocupar todo el espacio de su contenedor
Las imágenes se pueden alinear dentro del contenedor
Seleccionar varias imágenes
¿Qué falta?
Diseños de bloques de imágenes
Animaciones de bloques de imagen
Ventajas e inconvenientes de Fluid Engine Pro (reacciones de la comunidad)
A falta de una cámara y un micrófono, he recorrido las redes sociales para hacerme una idea de qué opinan los usuarios sobre el nuevo editor Fluid Engine de Squarespace.
¿A quién le importa? A nosotros. A las personas que crean páginas web en esta plataforma cada día.
Para nosotros es una herramienta que se ha convertido en una parte fundamental de nuestro sustento. Nos esforzamos por utilizarla, la recomendamos a nuestros clientes y la apoyamos.
Squarespace ha sido una empresa pionera en marcar tendencia en cuanto al aspecto y la experiencia de uso de la web, por lo que estamos deseando ver cómo influirá en ello esta nueva evolución con Fluid Engine.
La mayor ventaja
Se necesita mucho menos código personalizado.
La mayor estafa
Dedicar más tiempo al diseño para móviles y prescindir del editor de vista para tabletas.
Cómo utilizar el motor Fluid de Squarespace
Cómo añadir una sección de Fluid Engine
La forma de añadir secciones no ha cambiado, pero se han actualizado los diseños predeterminados de las secciones.
Cómo editar la cuadrícula
Número de filas
Brecha
Altura
Alineación
Ventana de visualización
Cómo añadir bloques a las secciones de Fluid Engine
Pasa el cursor por la esquina superior izquierda de una sección y haz clic en «+ Añadir bloque».
Cómo alinear y superponer bloques
Cuando mueves un bloque a una nueva ubicación en Fluid Engine, aparece la barra de herramientas del bloque.
Para alinear el contenido del bloque horizontal, vertical o en ambos sentidos dentro de los bordes del bloque, haz clic en los iconos de alineación de la barra de herramientas del bloque. Ten en cuenta que los bloques de imagen y los bloques de botón configurados para «llenar» no disponen de opciones de alineación.
Cuando los bloques se superponen, la barra de herramientas muestra los iconos «Mover hacia delante» y «Mover hacia atrás» , para que puedas elegir qué bloque aparece en primer plano. Si hay muchos bloques superpuestos, es posible que tengas que hacer clic varias veces para llevar el bloque hasta el primer plano o hasta el fondo.
Para que el contenido de un bloque resulte más visible sobre otros bloques que se superponen, añade colores de fondo a determinados bloques.
Cómo mover varios bloques a la vez
Haz clic y arrastra el cursor por el fondo de la sección para resaltar los bloques.
Haz clic en uno de los bloques y arrástralo. De este modo, se moverán todos los bloques seleccionados a la vez, conservando su disposición actual.
Cómo añadir relleno a los bloques de botones
Cuando se configura en «relleno», los estilos del bloque de botones son los mismos que los estilos predeterminados de los botones en la configuración de estilos del sitio.
¿Debería actualizar a Fluid Engine?
Algunos expertos aconsejan esperar a que se solucionen los fallos. Otros te animan a lanzarte y aprender. En mi opinión, lo importante es que te sientas cómodo con lo que elijas. Con el tiempo, todas las páginas web de Squarespace tendrán Fluid Engine activado, así que merece la pena aprender a utilizarlo y acostumbrarse a él.
Cómo actualizar la sección del editor clásico a Fluid Engine
Ve a una sección de la página y cámbiala al motor «Fluid» haciendo clic en el botón «Actualizar» situado en la esquina superior izquierda.
¿Cómo desactivo Fluid Engine?
No puedes desactivar Fluid Engine una vez que hayas actualizado tus secciones. La única forma de hacerlo es que un miembro de Circle lo active en tu sitio web. No obstante, puedes seguir utilizando las opciones existentes del Editor clásico; ¡solo tienes que asegurarte de no hacer clic en «Actualizar»!
Cómo seguir utilizando el editor clásico de Squarespace
Si aún no estás preparado para utilizar Fluid Engine o prefieres el editor clásico, hay varias formas de seguir utilizándolo.
Cuando añadas una nueva página, ve a «Diseños de página» y desplázate hasta el final del catálogo. Verás una opción para los diseños creados con el Editor clásico.
También puedes acceder a la misma opción añadiendo una sección de página y desplazándote hacia abajo en el menú de diseño de la sección.
También puedes duplicar páginas o secciones creadas con el Editor clásico.
¿Qué ocurre al convertir una sección a Fluid Engine?
Es posible que observes un ligero desplazamiento a medida que los elementos se ajustan a la cuadrícula del Fluid Engine.
Cómo editar el diseño para móvil
Para editar tu sitio web móvil, haz clic en el icono de móvil situado en la esquina superior derecha de la pantalla.
Nota: No se pueden añadir bloques en el modo de diseño para móvil.
Para organizar los bloques, haz clic en uno de ellos y utiliza las flechas para moverlos hacia arriba y hacia abajo.
Cómo aplicar estilos a las secciones de Fluid Engine
Edición del formato de la sección
Puedes modificar el formato de la cuadrícula. Esto incluye los espacios, el número de filas y el relleno alrededor de la sección.
También puedes editar el fondo de la sección y el tema de color igual que lo harías con el editor clásico 7.1.
Preguntas frecuentes
Me gusta la uniformidad en el espaciado del editor clásico. ¿Cómo puedo conseguir que todo tenga esas líneas tan nítidas como antes?
Para crear un espaciado uniforme con Fluid Engine, debes ajustar el espacio en la pestaña «Formato». Esto te permitirá controlar el espaciado entre los bloques de estas secciones.
¿Funcionan las plantillas de Squarespace de terceros con Fluid Engine?
Sí. Consulta primero con el diseñador para asegurarte, pero la mayoría se han diseñado teniendo en cuenta el motor Fluid.
¿Cómo se controla el orden de los bloques en el móvil?
En la versión para móvil, los bloques se añaden en el mismo orden en que se añaden en la versión de ordenador.
¿Cómo optimizar la visualización en tabletas?
Por el momento, no hay forma de optimizar la visualización en tableta.
¿Cómo afecta Fluid Engine a la accesibilidad y al SEO?
Fluid Engine da prioridad al orden de los bloques procedentes de dispositivos móviles.
¿Cómo puedo obtener ayuda con Squarespace Fluid Engine?
¿Quieres saber más?
Echa un vistazo a este próximo taller de Inside the Square.
