Você pode carregar uma imagem de um logo para aparecer no lugar do título do site. Essa é uma ótima maneira de promover sua marca em seu site.
Clicar na imagem do logo sempre leva à página inicial.
Assistir a um vídeo
Passo 1 - Adicionar o título de um site
Antes de adicionar a sua logomarca, certifique-se de substituir o texto do espaço reservado padrão Título do Site Aqui pelo nome do seu site porque:
- Os mecanismos de busca indexam o título e o exibem nos resultados da busca; portanto, configurar o título do site é prática recomendada em termos de SEO.
- O título é exibido nas abas do navegador, o que ajuda os visitantes a identificá-lo.
Para atualizar o título, passe o mouse sobre ele e clique em Edit (Editar). Para obter mais ajuda, acesse Adicionar o título de um site.
Para atualizar o título:
- No Home Menu (Menu Inicial), clique em Design e em Logo & Title (Logo e Título).
- Atualização do campo Site Title (Título do Site).
Para obter ajuda, acesse Adicionar o título de um site.
Passo 2 - Prepare a imagem do seu logo
Para obter melhores resultados:
- Antes de carregar o logo, certifique-se de que a altura seja semelhante à que você gostaria de ver em exibição. Cada template dá um tratamento diferenciado aos logos e alguns utilizam o tamanho original da imagem como o tamanho de exibição.
- Em caso de dúvidas, é melhor começar com imagens maiores, pois as menores podem ficar pixeladas quando redimensionadas.
- O seu logo pode estar no formato .jpg, gif ou .png. Consulte nossos requisitos de imagem para obter mais informações.
- O logo substitui o título do site. Para incluir texto no seu logo, consulte nossas dicas abaixo.
Se você ainda não tem um logo, use o Squarspace Logo para criar um.
Etapa 3 - Adicione a imagem do logo
Para adicionar a imagem do logo:
- Passe o mouse sobre o título em qualquer página e clique em Edit (Editar). Isso abrirá o painel Logo & Title (Logo e Título).
- Desça até Logo Image (Imagem do Logo). Arraste a imagem para o carregador de imagem ou clique em qualquer ponto da área do carregador para selecionar um arquivo no computador.
- Clique em Salvar e atualize a página.
Dica: É possível também abrir o painel Logo e Título em Home Menu (Menu Inicial) clicando em Design e, em seguida, em Logo & Title (Logo e Título). Se você estiver conectado, mas não consegue ver o painel esquerdo, talvez seja necessário minimizar a visualização do site.
Para adicionar a imagem do logo:
- No Home Menu (Menu Inicial) clique em Design e clique em Logo & Title (Logo & Título).
- Desça até Logo Image (Imagem do Logo). Clique na área do carregador para tirar uma foto ou selecionar um arquivo.
- Toque em Save (Salvar).
Passo 4 - Defina o estilo da imagem do logo
A exibição do logo varia de acordo com o template. A exibição em dispositivos móveis pode ser diferente da exibição em computadores.
- a maioria dos templates permitem que você ajuste o tamanho da logo. Alguns templates têm alturas ou larguras máximas.
- O local de exibição do logo é definido pelo template. A posição pode ser diferente em dispostivos móveis. Em alguns templates, a posição é ajustável.
Para saber mais sobre as configurações do logo do seu site, explore o Style Editor (Editor de Estilos) do seu template e acesse nossos guias de template.
Nota: a aplicação de estilo ao logo está disponível apenas para computador.
Remova um logo
Se você não precisar mais da imagem do logo:
- Em Home Menu (Menu Inicial), clique em Design.
- Clique em Logo & Title (Logo e Título).
- Role para baixo e passe sobre a imagem do logo. Clique no ícone da lata de lixo para deletar a imagem.
- Clique em Save (Salvar).
O título do site será exibido.
Se você não precisar mais da imagem do logo:
- No Home Menu (Menu Inicial), clique em Design.
- Clique em Logo & Title (Logo e Título).
- Na seção Logo Image (Imagem de Logo), clique no ícone delata de lixo para excluir a imagem.
- Toque em Save (Salvar).
O título do site será exibido.
Crie um logo com o Squarespace Logo
Nota: o logo Squarespace só está disponível para o computador.
Com sua conta paga, é possível criar logos grátis utilizando o Squarespace Logo. Para começar, clique em Create a New Logo (Criar Novo Logo) no painel Logo & Title (Logo e Título) .
Use um logo com texto
Não é possível exibir o logo e o título do site ao mesmo tempo. Se desejar fazê-lo, inclua o texto do título do site na imagem do logo.
Nota: O texto do arquivo de imagem usado para o logo não é indexável pelos motores de busca. Recomendamos manter o texto do título do site no campo Site Title (Título do Site) quando utilizar um logo.
Fundos transparentes
Para criar um logo sem cor de fundo, certifique-se de que seu logo seja um arquivo .png com fundo transparente. Você pode usar softwares de terceiros para criá-lo, ou o Squarespace Logo cria fundos transparentes automaticamente.
Nota: se você editar sua imagem utilizando nosso Editor de Imagens Adobe Creative Cloud incorporado, as imagens serão salvas no formato .jpg, e toda a transparência será perdida. Para manter o formato .png, use software de terceiros.
Redirecione o logo
Clicar na imagem do logo sempre leva à página inicial. Clicar no logo não poderá direcionar a uma página diferente do site sem que seja aplicado código personalizado.
Observe que adicionar código ao seu site é uma modificação avançada. Mesmo não podendo oferecer mais ajuda sobre esse assunto, você pode visualizar esta postagem relevante do nosso fórum Answers para mais informações e exemplos de códigos.
Redimensione o logo
Veja aqui como ajustar a altura do logo em cada template com o Editor de Estilos. Os templates são agrupados por família.
Nota: alguns templates têm alturas ou larguras máximas.
|
Template |
Computador | Dispostivos Móveis |
|
Adirondack |
Altura do logo | O título do site é sempre exibido. |
|
Avenue |
Tamanho do logo (máx.) | Tamanho do Logo no Celular |
|
Família Aviator Aubrey, Aviator |
Tamanho do Logo e Tamanho do Logo na Página de Informações | Tamanho do Logo no Celular e Tamanho do Logo na Página de Informações |
|
Família Bedford Anya, Bedford, Bryant, Hayden |
Largura do Contêiner do Logo Altura máxima de 100 pixels. |
Largura do Contêiner do Logo Altura máxima de 65 pixels. |
|
Família Brine Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West |
Tamanho do Logo na seção Header: Branding (Cabeçalho: Identidade Visual). | Largura do Logo na seção Mobile: Branding (Celular: Identidade Visual). |
|
Família Farro Farro, Haute |
Tamanho do Logo na seção Header: Branding (Cabeçalho: Identidade Visual). | Largura do Logo na seção Mobile: Branding (Celular: Identidade Visual). |
|
Five |
Altura do Logo (Banner)e Altura do Logo (Navegação) |
Igual à do desktop. Exibida apenas quando Banner Content: Site Title Logo Tagline (Conteúdo do Banner: Slogan do Título do Site no Logo) for selecionado. |
|
Flatiron |
Altura da Imagem do Logo | Igual à do desktop |
|
Forte |
Altura Máxima da Imagem do Logo | Igual à do desktop |
|
Galapagos |
Largura do Logo do Site | Para logos específicos para celulares: Nav Height (Altura Nav). |
|
Ishimoto |
Tamanho da Imagem do Logo | Igual à do desktop |
|
Momentum |
Altura da Imagem do Logo | Altura fixa. |
|
Família Montauk Julia, Kent, Montauk, Om |
Tamanho do logo (máx.) | Igual à do desktop |
|
Native |
Largura do logo | Igual à do desktop Altura máxima de 300 pixels. |
|
Família Pacific Charlotte, Fulton, Horizon, Naomi, Pacific |
Largura do Logo | Igual à do desktop Altura máxima de 70 pixels. |
|
Família Skye Foundry, Indigo, Ready, Skye, Tudor |
Altura do logo | Igual à do desktop |
|
Supply |
Tamanho do Logo | Altura fixa. Marque Use Site Title in Mobile Header (Use o Título do Site no Cabeçalho do Celular) para exibir o título do site. |
|
Família Tremont Camino, Carson, Henson, Tremont |
Altura do logo | Tablet: Altura do Logo e Celular: Altura do Logo |
|
Wells |
Largura da Imagem do Logo | Tamanho da Imagem do Logo em Celulares |
| Wexley | Tamanho da Imagem do Logo (máx.) | Igual à do desktop |
|
Família York Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York |
Altura do Logo (máx.) | Largura do Logo na seção Dispositivo Móvel: Barra. |
Exibição de Logo por template
Veja a seguir como o logo é exibido em cada template. A não ser onde indicado, o logo é exibido na parte superior do site. Os templates são agrupados por família.
| Template |
Computador |
Dispostivos Móveis |
| Adirondack |
Centro. O título do site é exibido no lugar do logo quando o cabeçalho é minimizado para uma barra de navegação fixa na rolagem. |
Centro. O título do site é exibido no lugar do logo. |
| Avenue |
Esquerda, Centro ou Direita Use o ajuste de Estilo de Layout para definir a posição. |
Centro. |
|
Família Aviator Aubrey, Aviator |
Centro. Apenas na Página de Informações, use o ajuste Info Page Layout (Layout da Página de Informações) para centralizar ou alinhar à esquerda. |
Centro. |
|
Família Bedford Anya, Bedford, Bryant, Hayden |
Esquerda. | Esquerda. |
|
Família Brine Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West |
À esquerda, centro ou à direita da parte superior ou inferior do cabeçalho. Podem ser ocultados. Use o ajuste de Posição da Identidade Visual (Branding Position) na seção Cabeçalho: Layout para definir ou ocultar a posição. |
À esquerda, centro ou à direita da parte superior ou inferior da barra do dispositivo móvel. Podem ser ocultados. Use o ajuste de Posição na seção Dispositivo Móvel: Identidade Visual (Branding: Position) para definir ou ocultar a posição. |
|
Família Farro Farro, Haute |
À esquerda, no centro ou à direita; Podem ser ocultados. Use o ajuste de Posição da Identidade Visual (Branding Position) na seção Cabeçalho: Layout para definir ou ocultar a posição. |
Pode ser exibido à esquerda, à direita ou no centro da parte superior ou inferior da barra do dispositivo móvel. Use o ajuste de Posição na seção Dispositivo Móvel: Identidade Visual (Mobile: Branding) para definir a posição. |
| Five |
Quando o Conteúdo do Banner: Logo do Título do Site (Banner Content: Site Title Logo) for selecionado, use o ajuste de Alinhamento de Banner (Banner Alignment) para alinhá-lo à esquerda ou à direita, ou centralizá-lo. Quando o Conteúdo do Banner: Descrição do Título da Página (Banner Content: Page Title Description) for selecionado, use o ajuste de Alinhamento de Navegação Superior (Top Navigation Alignment) para alinhá-lo à esquerda ou à direita, ou centralizá-lo. |
Centro. Exibida apenas quando Banner Content: Site Title Logo Tagline (Conteúdo do Banner: Slogan do Título do Site no Logo) for selecionado. Caso contrário, o título do site é exibido. |
| Flatiron |
À direita ou à esquerda. Use o ajuste de Título do Site/Posição do Logo (Site Title/Logo Position) para definir sua posição. |
Centro. |
| Forte | Esquerda. | Esquerda. |
| Galapagos |
Centro. |
Centro. Se você não tiver um logo específico para celular, o título do site será exibido no lugar. |
| Ishimoto |
À esquerda, no centro ou à direita; Use o ajuste de Alinhamento de Cabeçalho (Header Alignment) para ajustar a posição. |
Esquerda. |
| Momentum |
À esquerda, na barra de navegação (pode ser na parte superior ou inferior). Use o ajuste de Posição de Navegação (Navigation Position) para mover a barra de navegação. |
Centralizado, na barra de navegação. |
|
Família Montauk Julia, Kent, Montauk, Om |
À esquerda, no centro ou à direita; Use o ajuste de Estilo de Área de Conteúdo Principal (Canvas Style) para definir sua posição. |
Centro. |
| Native | Centro. | Centro. |
|
Família Pacific Charlotte, Fulton, Horizon, Naomi, Pacific |
Centro. | Centro. |
|
Família Skye Foundry, Indigo, Ready, Skye, Tudor |
Centro. | Centro. |
| Supply |
É exibido na parte superior da barra lateral de navegação. |
Esquerda. É exibido apenas se Use Site Title in Mobile Header (Usar Título do Site no Cabeçalho do Celular) estiver desmarcado. |
|
Família Tremont Camino, Carson, Henson, Tremont |
À esquerda, no cabeçalho. O cabeçalho desaparece ao rolar para baixo. |
À esquerda, no cabeçalho. O cabeçalho desaparece ao rolar para baixo. |
| Wells |
É exibido na parte superior da barra lateral de navegação (esquerda ou direita). |
É exibido no mesmo lado do desktop. |
| Wexley |
À esquerda, no centro ou à direita; Use o ajuste de Alinhamento do Site (Site Alignment) para definir sua posição. |
Centro. |
|
Família York Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York |
À esquerda, no centro ou à direita; Use o ajuste de Posição da Identidade Visual (Branding Position) na seção Site: Layout de Cabeçalho (Site: Header Layout) para definir sua posição. Você também pode optar por empilhar elementos de cabeçalho. |
À esquerda, no centro ou à direita na barra do dispositivo móvel. Use o ajuste de Posição de Identidade Visual (Branding Position)na seção Dispositivo Móvel: Barra (Mobile: Bar) para definir sua posição. Use o ajuste Posição da Barra do Dispositivo Móvel (Mobile Bar Position) para definir onde a barra será exibida. |