Comprender las plantillas de Squarespace

Cómo funcionan las plantillas y cómo se desarrollan.

Última actualización: 17 de diciembre de 2024

Los sitios de Squarespace suelen empezar con una plantilla. Creadas por nuestro galardonado equipo de diseño, las plantillas de Squarespace son el punto de partida que inspira el diseño de tu sitio. Puedes mantener intacta la estructura del diseño original reemplazando el contenido de muestra por el tuyo, o bien, puedes cambiar completamente el diseño de tu sitio y comenzar desde cero. Cada diseño está codificado y diseñado exclusivamente para la plataforma Squarespace.

Esta guía revisa cómo funcionan las plantillas de Squarespace y cómo se desarrollan.

Plantillas versión 7.1 vs. versión 7.0

Las plantillas funcionan de manera diferente dependiendo de la versión del sitio.

Versión 7.1

En nuestra versión más reciente de Squarespace, la palabra "plantilla" se refiere al diseño que elegiste como punto de partida para tu nuevo sitio de Squarespace. Obtén inspiración para el diseño y la composición de tu sitio eligiendo entre las plantillas disponibles. También puedes crear tu propia plantilla usando el Kit de diseño de Squarespace con IA para personalizar todo el diseño inicial de tu sitio. 

No cambiarás las plantillas para obtener acceso a nuevas funciones o estilos. Todos los sitios de la versión 7.1 son parte de la misma familia de plantillas, por lo que cada sitio tiene las mismas características y opciones de estilo. Esto significa que puedes personalizar tu nuevo sitio de la versión 7.1 como quieras. Para ver alternativas a cambiar de plantilla, visita Empezar de nuevo.

Encuentra inspiración para tu sitio en nuestra serie de alianzas para nuestra Squarespace Collection. Nuestra colaboración actual es con el artista gráfico Jeff Koons. En conjunto, elaboramos la plantilla Reflect. Para descubrir otros artistas inspiradores y sus plantillas, visita Elegir la plantilla correcta.

Versión 7.0

En nuestra versión anterior, la plantilla de tu sitio tiene un mayor impacto, ya que cada plantilla tiene un conjunto fijo de configuraciones de estilo y características especiales que no se pueden cambiar. Para obtener más información, visita nuestros cuadros comparativos de plantillas.

Personalizar plantillas

Después de elegir una plantilla que se adapte a las necesidades de tu sitio, puedes personalizarla para darle vida al contenido de este. Para crear un sitio accesible, revisa nuestros consejos sobre diseño inclusivo.

La forma en la que personalices tu sitio depende de la versión de Squarespace que emplee.

En la versión 7.1:

En la versión 7.0:

Si tienes conocimientos de codificación, hay formas más avanzadas de personalizar tu sitio.

Desarrollo de plantilla

Nuestros desarrolladores y diseñadores colaboran para crear plantillas que son atractivas desde el punto de vista estético y técnico. Los principales lenguajes que nuestros desarrolladores usan para crear las plantillas son HTML, CSS, JavaScript, JsonT y JSON.

  • HTML crea los elementos estructurales de un diseño, como dónde se muestra el contenido en una página.
  • CSS determina las opciones de estilo para un diseño, como colores y fuentes. Utilizamos el preprocesador LESS CSS para optimizar nuestro proceso y ayudar a garantizar la continuidad en toda la plantilla.
  • JavaScript crea la funcionalidad principal de un diseño, como galerías, cargadores de imágenes y otras funciones interactivas.
  • JsonT es el lenguaje que especifica cómo los datos de nuestros servidores, como imágenes y texto, se convierten en el HTML que determina lo que se muestra en la página.
  • JSON  es un formato de datos que expresa las imágenes y el texto que añadiste a tu sitio en nuestra interfaz de edición. Es el enlace entre el editor en línea y el código JsonT de tu plantilla. Puedes imaginarlo como la arcilla en bruto que JsonT moldea. Para ver el JSON de tu sitio, agrega ?format=json-pretty al final de la URL en cualquiera de las páginas de tu sitio.

Nuevas plantillas y funciones

Después de probar y finalizar un nuevo diseño, lo agregamos a nuestras plantillas disponibles.

A medida que evolucionan los navegadores y las necesidades de los usuarios, actualizamos nuestras plantillas y la plataforma de Squarespace para contemplar las nuevas tendencias y para asegurarnos de que todos los sitios de Squarespace funcionen con la máxima eficiencia.

Como usuario de Squarespace, recibirás estas mejoras automáticamente. A menudo, los cambios son pequeños, como actualizar el nombre de un retoque de estilo para hacerlo más intuitivo. A veces, son opciones nuevas, como poder elegir un color de borde al establecer una imagen de fondo en Recuadro.

Nota

Los desarrolladores que han habilitado la Plataforma del Desarrollador de Squarespace no recibirán actualizaciones especificas para la plantilla.

Más ayuda

Para obtener más información sobre las plantillas, visita estas guías:

Preguntas frecuentes

¿Puedo controlar el aspecto de mi contenido por página?

En la versión 7.1, puedes ajustar el estilo de las secciones separadas en cualquier página.

En la versión 7.0, puedes personalizar algunas plantillas por página. Por ejemplo, en Supply puedes establecer otro color de fondo para las páginas de tienda y las páginas de índice. En general, sin embargo, las reglas de estilo para los elementos del sitio, como colores, fuentes y tamaños de encabezado, serán coherentes en todo el sitio.

¿Puedo pasar de la versión 7.0 a la versión 7.1?

Sí. Puedes usar la herramienta de actualización para mover tu sitio de la versión 7.0 a la versión 7.1. Si cambias a la versión más nueva, obtienes acceso a nuestras funciones más recientes, como secciones de página totalmente personalizables. Para obtener más información sobre cómo actualizar tu sitio a la versión 7.1, visita Pasar de la versión 7.0 a la versión 7.1 de Squarespace.

¿Por qué no tengo un control total sobre cada atributo de estilo de mi sitio?

Cada plantilla de Squarespace fue creada por nuestro equipo de diseño. Nuestros diseñadores elaboran reglas de estilo para cada plantilla que te ayudan a crear un sitio web atractivo si comienzas desde cero o si necesitas habilidades avanzadas de diseño. También emplean las últimas técnicas de codificación para asegurarte de que tu sitio sea compatible con los navegadores modernos y dispositivos móviles.

Para ayudar a tu sitio a mantener la coherencia y evitar conflictos entre diferentes elementos, las plantillas tienen retoques de estilo predeterminados con parámetros establecidos. Los usuarios avanzados pueden modificar aún más el código de su sitio con inserción de código, bloques de código, edición de CSS o la Plataforma para desarrolladores de Squarespace.

¿Por qué los desarrolladores no pueden diseñar y vender sus propias plantillas?

Nuestros diseños de plantillas son una de las características que hacen especial a Squarespace. Nos enorgullecemos de crear diseños que cumplan con nuestros estándares de excelencia y que estén optimizados para la plataforma Squarespace. Por lo tanto, no ponemos nuestros diseños a disposición de otras plataformas, y los diseñadores externos no pueden vender plantillas para su uso en un sitio de Squarespace.

Sin embargo, tenemos Squarespace Marketplace, donde puedes conectarte con los Experts. Los Squarespace Experts están familiarizados con nuestra plataforma y podrían ayudarte con la programación, el diseño o el desarrollo personalizado, que están fuera del alcance de nuestra Atención al cliente.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Comprender las plantillas de Squarespace