Página de informações na versão 7.0

Ultima atualização 17 de maio de 2024

Na família de templates Aviator, a página de informações é uma página de destino especial com várias opções de layout, sendo ótima como página inicial. Ela mostra automaticamente os links de navegação e ícones integrados para redes sociais, além da área de conteúdo personalizável. Cada site tem uma página de informações.

Acessando o recurso

A versão 7.1 não oferece suporte a páginas de informações. Você não pode adicionar ou editar páginas de informações no aplicativo Squarespace.

Configurar a Página de Informações

Diferentemente de outras páginas, a página de informações não pode ser apagada nem adicionada. Você pode editar o conteúdo demo existente:

  1. Abra o painel "Páginas".
  2. Localize a página de informações, cujo ícone é uma caixa pontilhada. No template Aviator, ela se chama Boas-vindas. Nos templates Aubrey e Encore, ela se chama Início.
  3. Mova o cursor sobre eleo ícone de engrenagem, clique em e clique em Salvar.
KB Guide Image

Como padrão, a Página de Informações mostra o título do site e o slogan, além do número de telefone, o e-mail e a localização física presentes nas Configurações de informações comerciais. Atualize uma dessas informações para alterar o texto.

Para editar diretamente a área de conteúdo:

  1. Abra o painel "Estilos do site".
  2. Em estilos de página Info, marque Texto de forma livre na Página de Informações e clique em Salvar e saia do painel Estilos de site.
  3. Para personalizar a área de conteúdo com blocos, clique em Editar na página de informações.

Veja mais ajuda nas informações da Área de conteúdo abaixo.

aviator-content-area.jpg

Plano de fundo

A Página de Informações tem um plano de fundo separado do restante do site.

Para adicionar uma imagem de fundo:

  • Use Imagem de fundo da página de informações em Estilos da página de informações.
  • A sobreposição ao fundo da página de informações cria uma tonalidade de cor.
  • As imagens de fundo sempre aparecem na versão móvel.

Para adicionar uma cor de fundo, apague a imagem de fundo e defina a cor com a sobreposição de fundo da página de informações.

Área de conteúdo

A área de conteúdo pode mostrar sua identidade visual e suas informações de contato, ou você pode personalizá-la diretamente com blocos.

Identidade visual e informações de contato

Desmarque Texto em forma livre na página de informações em Estilos da página de informações para mostrar automaticamente sua identidade visual e seus dados para contato na área de conteúdo.

  • Para alterar a identidade visual, edite o título do site e o slogan.
  • Para alterar as informações de contato, edite o número de telefone de contato, o e-mail de contato e o local físico em Informações comerciais.
  • Para alterar ou excluir a descrição do site, mova o cursor sobre o texto e clique em Editar (a descrição do site não está disponível em sites criados a partir de novembro de 2018).
  • Ajuste o estilo do texto com a Fonte do título do site da página de informações, a Fonte do slogan da página de informações, a Fonte dos dados para contato da página de informações e a fonte da descrição da página de informações em Estilos da página de informações.
  • Para adicionar ou ocultar a linha entre os dados para contato e a descrição do site, use o ajuste Ocultar divisores da página de informações em Estilos da página de informações.

Área de blocos em forma livre

Para adicionar uma área que você pode personalizar com blocos, marque a opção Texto em forma livre na página de informações em Estilos da página de informações.

  • Para ajustar o estilo da fonte do texto do Cabeçalho 1, use Fonte do título do site da página de informações em Estilos da página de informações.
  • Para alterar a cor do texto Normal, use o ajuste Descrição da página de informações Em Estilos da página de informações.
  • Para todos os outros textos, use os ajustes na seção Tipografia nos estilos do site.
  • Se você mudar para a exibição da identidade visual e das informações de contato, o conteúdo personalizado será salvo e reaparecerá se voltar para a opção anterior.

Edite o estilo da área de conteúdo

Em Estilos da página de informações:

  • Altere a largura com a largura de conteúdo da Página Informações.
  • Mude a forma com o ajuste de cantos arredondados da página de informações.
  • Para adicionar uma caixa atrás da área de conteúdo, use Sobreposição de conteúdo da página de informações. Isso destaca o conteúdo e deixa o texto mais legível ao aparecer sobre uma imagem.
  • Adicione uma sombra ao redor da caixa da área de conteúdo com a sombra projetada do conteúdo da página Informações.
  • Altere a cor com o ajuste Cor de Sobreposição do Conteúdo da Página de Informações. Torne-a parcialmente transparente para permitir que o fundo da página de informações seja exibido.

Layout

Altere o layout da sua página de informações em Layout da página de informações em Opções. Esse ajuste também afeta o restante do site.

  • Offset — o conteúdo fica centralizado, com links de navegação à esquerda. Os ícones de redes sociais ficam no canto superior direito.
  • Pôster - o conteúdo e os links ficam centralizados, com ícones de redes sociais na parte inferior.
  • Cartão de visita - o conteúdo e os links de navegação ficam à esquerda. Os ícones de redes sociais ficam no canto superior direito.

Para alterar o espaçamento entre os elementos, use os ajustes em Estilos da página de informações.

Nos browsers de largura reduzida, o layout Pôster sempre mostra a Página de Informações.

KB Guide Image

Mais ajuda com as Páginas de Informações

  • Na versão 7.0, para criar um design semelhante à página de informações em qualquer template, use a página de entrada com layout em cartão.
  • Se você estiver usando uma página de informações como página inicial, altere sua página inicial para uma página diferente antes de mudar de template.
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.