5 consejos para trabajar con Squarespace como diseñador

Squarespace no es solo para no diseñadores y propietarios de pequeñas empresas. Independientemente de su nivel de habilidad, la plataforma puede ser una forma rápida y fácil de obtener un sitio en línea rápidamente. El creador de sitios web está repleto de herramientas e integraciones para que todo lo que necesita esté allí desde el principio.

Pero la mayor queja de los diseñadores es que, si bien las plantillas se ven bien, simplemente no hay suficiente flexibilidad. Solo tienes que cavar un poco más profundo. Squarepsace ofrece opciones para que los diseñadores y desarrolladores más avanzados puedan hacer aún más con la herramienta.

1. Añadir HTML personalizado

Casi cualquier creador de sitios web permite a los usuarios editar y agregar HTML personalizado al diseño. El espacio cuadrado no es diferente.

Estas personalizaciones avanzadas son bastante fáciles si tiene conocimientos de codificación, lo que las notas de Squarespace son muy importantes antes de realizar ajustes. El constructor de Squarespace en realidad cambia el CSS del sitio a medida que realiza cambios en el editor visual. Eso incluye y codifica los bloques. (Por lo tanto, el código erróneo podría hacerlo explotar si no tienes cuidado).

Lo bueno es que los cambios de código van más allá de simples modificaciones de color o fuente. Los usuarios pueden agregar bloques de código HTML en casi cualquier lugar del diseño, realizar cambios universales en el CSS usando el editor de CSS, insertar JavaScript con la herramienta de inyección de código e incluso mostrar código en bruto como texto sin formato con el bloque de código con la fuente de visualización. opción.

2. Cavar en archivos de plantilla

¿Sabía que puede acceder a los archivos de plantilla e incluso crear una plantilla personalizada desde cero? Muchos usuarios no saben que Squarespace tiene una plataforma para usuarios avanzados que realmente hacen algo diferente y completamente personalizado en el creador de sitios web.

Puede editar el marcado, los estilos y los scripts utilizando las herramientas que desee. Incluso puede crear una plantilla personalizada o un sitio web que viva en el alojamiento de Squarespace.

Todos los archivos que necesita para comenzar están disponibles, incluida una plantilla basada en clonación de Github, dependencias de instalación de NPM y la capacidad de instalar un servidor de desarrollo local antes de implementar un sitio.

La opción de crear su propia plantilla es ideal para los desarrolladores y diseñadores que desean trabajar con Squarespace (o tienen un cliente que desea un sitio de Squarespace) mientras mantienen la independencia que conlleva crear algo desde cero. Es una excelente opción y le brinda toda la flexibilidad de diseño que necesita.

3. Utilice la plataforma de desarrollador

El acceso a los archivos de plantilla no es la única herramienta en la Plataforma de desarrollo de Squarespace. Si realmente quieres construir algo desde cero, este es el lugar para comenzar.

La plataforma para desarrolladores permite a los diseñadores crear un sitio completamente personalizado desde cero y utilizar herramientas de terceros. La plataforma incluye un servidor de desarrollo local, un cinturón de herramientas, una API de JavaScript central y más.

Los diseñadores obtienen control de código completo, acceso a todos los repositorios de Git, un lenguaje de plantilla simple (plantilla JSON), una infraestructura de host sólida, CDN incorporada que reduce los tiempos de carga y un administrador de sitio backend robusto (que se puede implementar en los clientes) .

Hay muchas grandes marcas que usan sitios de Squarespace, como John Malkovich Fashion (arriba). ¿Te detuviste a pensar en el hecho de que no se parecen a la plantilla? El desarrollo personalizado tiene mucho que ver con esto, y la plataforma está disponible para cualquier usuario que quiera crear un diseño verdaderamente personalizado en la plataforma Squarespace.

4. Usa las plantillas

En realidad, hay mucho valor en comenzar con una plantilla de creador de sitios web.

Puede ahorrar tiempo y ayudarlo a pensar en problemas de diseño de una manera nueva. En lugar de ver una plantilla como una frustración de diseño, abordarla como un desafío. Use las restricciones de la plantilla para ayudarlo a diseñar algo dentro de ese cuadro.

Este puede ser un gran ejercicio para cualquier diseñador que ayude a estirar un poco los músculos creativos. También te ayudará a pensar en cómo otros diseñadores ponen contenido y elementos de diseño juntos y podrías descubrir algo nuevo.

Squarespace no es el único creador de sitios web disponible con plantillas y opciones para comenzar. Hay muchos otros también. (Utilice esta guía de comparación para elegir la que sea adecuada para sus proyectos).

5. Usar personalizaciones de terceros

Cree la funcionalidad de un sitio web de Squarespace con aplicaciones y personalizaciones de terceros. La mayoría de los usuarios no van más allá del conjunto de herramientas incluido, pero hay muchos otros elementos que puede integrar con el diseño para que se sienta suyo.

Squarespace dice que la personalización de terceros está disponible para características y funcionalidades que no están integradas en la herramienta. Las aplicaciones de terceros resuelven este problema para muchos diseñadores. La mayor parte de esta personalización incluye la inyección de código en un bloque de Squarespace.

Algunas personalizaciones comunes de terceros incluyen BeerMenus, Bloglovin ', Etsy, Eventbrite, Feedly, Google Translate, Issuu, búsqueda MLS, Apple Touch Icons, Wufoo, Zocdoc y Swiftype.

Si las aplicaciones de terceros te asustan un poco, Squarespace no ofrece soporte para ellas, hay integraciones integradas que ofrecen muchas funciones similares.

Conclusión

Más creadores de sitios web están ofreciendo herramientas de desarrollo para animar a los usuarios más avanzados a echar un vistazo a las plataformas.

Squarespace es una gran herramienta, pero es solo una de las varias opciones que existen, aquí hay una comparación de algunas de las opciones más populares. Si bien no todos los diseñadores aman a un creador de sitios web, puede ser una gran opción en caso de apuro. Además, hay muchas formas de agregar personalización adicional e incluso crear un sitio web desde cero en una plataforma como Squarespace.