Compreender os templates do Squarespace

Como funcionam e como são desenvolvidos os templates.

Ultima atualização 17 de dezembro de 2024

Os sites da Squarespace geralmente começam com um template. Criados pela nossa premiada equipe de design, os templates do Squarespace são um ponto de partida para o design do site. Você pode manter intacta a estrutura do design original, bastando trocar o conteúdo demo pelo seu; ou pode alterar completamente o design do site e começar do zero. Cada design é codificado de forma exclusiva e projetado exclusivamente para a plataforma do Squarespace.

Este guia analisa como os templates da Squarespace funcionam e como são desenvolvidos.

templates da versão 7.1 versus versão 7.0

Os templates funcionam de forma diferente dependendo da versão do site.

Versão 7.1

Na versão mais recente do Squarespace, a palavra "template" se refere ao design escolhido como ponto de partida para um novo site Squarespace. Para inspiração para o layout e o design do seu site, escolha um dos templates disponíveis. Você também pode criar um template no Kit de Design Squarespace com IA e personalizar totalmente o design inicial do site. 

Você não precisa trocar de templates para ter acesso a novos recursos ou estilos. Na versão 7.1, todos os sites fazem parte da mesma família de template e têm os mesmos recursos e as mesmas opções de estilo. Assim, você pode personalizar como quiser seu novo site na versão 7.1. Para alternativas à troca de templates, consulte "Recomeçando tudo".

encontre inspiração para o seu site na nossa série de parcerias da Squarespace Collection . Nossa atual colaboração é com o artista visual Jeff Koons, com quem criamos o template Reflect. Para conhecer outros artistas e templates inspiradores, confira "Escolhendo o template certo".

Versão 7.0

Na versão anterior, o template do seu site tem um impacto maior, pois cada template tem um conjunto fixo de configurações de estilo e recursos especiais que não podem ser alterados. Saiba mais nos nossos gráficos de comparação de templates.

Personalizando templates

Escolhido um template que atenda às demandas do seu site, você pode personalizá-lo para dar vida ao seu conteúdo. Para criar um site acessível, confira nossas dicas sobre design inclusivo.

O modo de personalizar o site depende da versão do Squarespace usada.

Na versão 7.1:

Na versão 7.0:

se você tem conhecimento de programação, há maneiras mais avançadas de personalizar seu site.

Desenvolvimento de template

Nossos desenvolvedores e designers colaboram para criar templates com beleza técnica e estética. As principais linguagens web usadas pelos desenvolvedores para criar esses templates são HTML, CSS, JavaScript, JsonT e JSON.

  • O HTML cria os elementos estruturais do design, como onde o conteúdo é exibido na página.
  • O CSS determina as opções de estilo de um design, como cores e fontes. Usamos o pré-processador CSS LESS para agilizar nosso processo e ajudar a garantir a continuidade em todo o template.
  • O JavaScript cria o funcionamento principal do design, como galerias, carregadores de imagens e outros recursos interativos.
  • O JSONT é a linguagem que especifica como os dados de nossos servidores, como imagens e texto, são transformados no HTML que determina o que é exibido na página.
  • O JSON é um formato de dados que expressa as imagens e o texto adicionados ao site na nossa interface de edição. É a ligação entre o editor on-line e o código JsonT do seu template. Pense nele como uma argila moldada pelo JsonT. Para ver o JSON do seu site, adicione ?format=json-pretty ao fim da sua URL de uma página do seu site.

Novos templates e recursos

Depois de um novo design ter sido testado e finalizado, nós o adicionamos aos nossos templates disponíveis.

À medida que as necessidades dos browsers e dos usuários evoluem, atualizamos os templates e a plataforma Squarespace para acompanhar as novas tendências e para que todos os sites funcionem com máxima eficiência no Squarespace.

Como usuário da Squarespace, você recebe essas melhorias automaticamente. Muitas vezes, as mudanças são pequenas, como atualizar o nome de um ajuste de estilo para torná-lo mais intuitivo. Às vezes, são novas opções, como poder escolher uma cor de borda quando você define uma imagem de fundo como Inserção.

Anotação

Os desenvolvedores que ativaram a Plataforma do Desenvolvedor Squarespace não receberão atualizações específicas do template.

Mais ajuda

Para saber mais sobre os templates, acesse estes guias:

Perguntas frequentes

Posso controlar a aparência do meu conteúdo, página a página?

Na versão 7.1, é possível estilizar seções individuais em qualquer página.

Na versão 7.0, você pode personalizar alguns templates por página. Em Suprimento, por exemplo, você pode especificar uma cor de fundo diferente para as Páginas da loja e para a Página Índice. Em geral, no entanto, as regras do estilo dos elementos do site, como cores, fontes e tamanhos de cabeçalho, valerão para todo o site.

Posso mudar da versão 7.0 para a versão 7.1?

Pode. Para isso, use a ferramenta de atualização. Ao mudar para a versão mais recente, você tem acesso aos nossos recursos mais recentes, como seções de página totalmente personalizáveis. Saiba mais sobre como atualizar seu site para a versão 7.1 em "Mudando da versão 7.0 para a versão 7.1 do Squarespace".

Por que não tenho controle total sobre cada atributo de estilo no meu site?

Todos os templates do Squarespace foram elaborados pela nossa Equipe de Design. Nossos designers desenvolvem regras de estilo para cada template, que ajudam você a criar sites lindos sem começar do zero e sem precisar de habilidades avançadas de design. Eles também utilizam as técnicas de programação mais recentes para garantir que o site seja compatível com os navegadores e dispositivos móveis modernos.

Para ajudar seu site a permanecer coerente e evitar conflitos entre diferentes elementos, os templates têm ajustes de estilo predeterminados com parâmetros definidos. Os usuários avançados podem modificar ainda mais o código do site com Injeção de código, Blocos de código, Edição de CSSou a Plataforma do desenvolvedor da Squarespace.

Por que os desenvolvedores não podem criar e vender os próprios templates?

Nossos designs de templates são uma das coisas que tornam a Squarespace especial. Temos muito orgulho em criar designs que atendam aos nossos padrões de excelência e sejam otimizados para a plataforma da Squarespace. Portanto, não disponibilizamos nossos designs para outras plataformas e não é possível que designers de terceiros vendam templates para uso em um site da Squarespace.

No entanto, temos o Squarespace Marketplace, onde você pode entrar em contato com Experts. Os Squarespace Experts conhecem nossa plataforma e prestam ajuda personalizada em relação a código, design ou desenvolvimento, que não são cobertos pelo nosso Suporte ao Cliente.

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Compreender os templates do Squarespace