Você pode carregar uma imagem de logotipo para aparecer no lugar do título do site. Essa é uma ótima maneira de divulgar a marca no site.
Clicar na imagem do logo sempre leva à página inicial.
Adicione um título ao site
Antes de adicionar um logotipo, substitua o texto padrão no marcador de posição Título do seu site pelo nome do site, pois:
- O título do site cria o texto alternativo do logotipo.
- Os mecanismos de pesquisa indexam o título do site e podem exibi-lo nos resultados da pesquisa. Portanto, definir um título para o site é uma prática recomendada de SEO.
- O título do site pode ser exibido nas guias do navegador, dependendo do formato do título de SEO.
Para obter ajuda, acesse Adicionar o título de um site.
Prepare a imagem do seu logotipo
Para obter melhores resultados:
- Antes de carregar o seu logotipo, certifique-se de que ele tenha uma altura semelhante à desejada. Na versão 7.0, os logotipos são exibidos de forma diferente entre os modelos, e alguns usam o tamanho original da imagem como tamanho de exibição.
- Em caso de dúvidas, é melhor começar com imagens maiores, pois as menores podem ficar pixeladas quando redimensionadas.
- O logotipo pode estar no formato.jpg, .gif ou .png. Veja mais informações nos nossos requisitos de imagem.
- O logo substitui o título do site. Para incluir texto no logotipo, consulte nossas dicas abaixo.
Se você ainda não tiver um logotipo, poderá criar um com o logotipo do Squarespace. Não é possível usar imagens de acervos para o logotipo.
Adicionar uma imagem de logotipo
A forma de inclusão de uma imagem de logotipo em um computador depende da versão do seu site . Você pode também adicionar um logotipo no Squarespace App.
Para adicionar uma imagem de logotipo:
- Clique em Editar no canto superior esquerdo da prévia do site.
- Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
- Clique em Título do site e logotipo.
- Na seção Imagem do logotipo, arraste a imagem até o carregador de imagens; ou clique em um ponto da área do carregador para selecionar um arquivo no computador.
- Role para baixo para mudar a altura do logotipo em telas responsivas ou em dispositivos móveis.
- Passe o cursor sobre Concluído e clique em Salvar.
Para adicionar uma imagem de logotipo:
- Passe o mouse sobre o título em qualquer página e clique em Editar. Isso abrirá o painel Título e logotipo (você pode também acessar o Menu Inicial e clicar em Design e, em seguida, em Título e logotipo).
- Role até Imagem do logotipo). Arraste a imagem para o carregador de imagens; ou clique na área do carregador para selecionar um arquivo salvo no seu computador.
- Clique em Salvare atualize a página.
Para adicionar uma imagem de logotipo:
- Toque em Configuraçõese, em seguida, em Logotipo e título.
- Toque em Logotipo.
- Toque em Adicionar imagem.
- Escolha uma imagem:
- Tirar uma nova foto - toque em Tirar foto ou em Câmera.
- Escolher uma imagem do seu aparelho - toque em Biblioteca de fotos ou em Arquivos.
- Escolher uma imagem no iCloud - toque em Inserir de....
- Toque em Voltar para voltar às configurações de Logotipo e Título, e depois em Salvar para publicar as alterações.
Exibição do logo
Na maioria dos casos, o logotipo é exibido na parte superior do site. A forma como você vai estilizar seu logotipo depende da versão do site. O estilo do logotipo somente pode ser feito em um computadores.
Para alterar a posição e o tamanho do logotipo:
- Clique em Editar no canto superior esquerdo da prévia do site.
- Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
- Clique em Layout de Cabeçalho e, em seguida, clique no layout que preferir.
- Clique em Voltar para retornar ao editor de cabeçalho principal.
- Clique em Título do site e logotipo.
- Use os controles deslizantes para alterar a Altura do logotipo e a Altura máxima do logotipo na versão móvel.
- Passe o mouse sobre Concluído e clique em Salvar.
Dica: em dispositivos móveis, o título do site sempre aparece no lado esquerdo do cabeçalho.
A posição padrão e as opções para mover seu logotipo variam de acordo com o modelo e podem aparecer de forma diferente no celular. Para saber mais, visite o título do site e a exibição do logotipo.
Para saber mais sobre as configurações do logotipo do site, explore as opções de estilos do seu template e acesse nossos guias de template.
Na maioria dos templates, você pode mudar o tamanho do logotipo. Alguns templates têm limite máximo de altura ou largura.
Remova um logo
A forma de se remover uma imagem de logotipo em um computador depende da versão do seu site . Você pode também remover o logotipo do Squarespace App. Se você remover o logotipo, o título do site reaparecerá.
Para remover o logotipo do site, edite o cabeçalho:
- Clique em Editar no canto superior esquerdo da prévia do site.
- Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
- Clique em Título do site e logotipo.
- Na imagem do logotipo, clique em Excluir.
- Passe o cursor sobre Concluído e clique em Salvar.
Para remover o logotipo do site:
- No Menu Inicial, clique em Design e depois em Logotipo 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 Salvar.
- Toque em Configurações e depois em Logotipo e título.
- Toque em Logotipo.
- Toque em Remover sob a imagem.
- Toque em Voltar para voltar às configurações de Logotipo e Título, e depois em Salvar para publicar as alterações.
Use um logo com texto
Não é possível exibir um logotipo e o título do site ao mesmo tempo. Em vez disso, use uma imagem de logotipo que inclua o texto do título do site.
Como o texto presente no arquivo de imagem do logotipo não é indexável pelos mecanismos de pesquisa, recomendamos manter o texto do título do site, no campo Título do site, e utilizar um logotipo.
Fundos transparentes
Para criar um logotipo sem uma cor de fundo, verifique se o seu logotipo é um arquivo.png com fundo transparente. Você pode usar software de terceiros para criar o fundo transparente ou usar o Logotipo do Squarespace para criar fundo transparente automaticamente.
Atenção: se você editar a imagem com nosso Editor de imagens integrado, ela será salva em .jpg, e toda a transparência será perdida. Para manter o formato.png, use um software externo.
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.
A adição de códigos ao site é uma modificação avançada. Não oferecemos assistência para esse assunto, mas esta publicação no fórum do Squarespace dá mais informações e exemplos de código.
Como redimensionar um logotipo na versão 7.0
Dica: se o seu site estiver na versão 7.1, use as configurações de cabeçalho para alterar o tamanho do logotipo.
Nas seguintes famílias de templates, use os ajustes abaixo para ajustar o tamanho do logotipo:
Família de template | Computador | Dispostivos Móveis |
Adirondack |
Altura do logotipo. Altura máxima de 125 pixels. | O título do site é sempre exibido. |
Avenue |
Tamanho do logotipo (máx.). Tamanho máximo de 300 pixels. | Tamanho do logotipo móvel. Tamanho máximo de 300 pixels. |
Aviator |
Tamanho do logotipo e Página de informações de tamanho do logotipo. O tamanho máximo para ambos os logotipos é 100%. | Tamanho do logotipo no celular e na Página de informações Tamanho do logotipo. O tamanho máximo é 100%. |
Bedford |
Largura do Contêiner do Logotipo. Altura máxima de 100 pixels. |
Largura do Contêiner do Logotipo. Altura máxima de 65 pixels. |
Brine |
Largura do logotipo na seção Cabeçalho: Identidade visual. Largura máxima de 320 pixels. | Largura do logotipo na seção Móvel: Identidade visual. A largura máxima é de 240 pixels, mas é restrita pelo Ponto de interrupção móvel. |
Farro |
Largura do logotipo na seção Cabeçalho: Identidade visual. Largura máxima de 320 pixels. | Largura do logotipo na seção Móvel: Identidade visual. Largura máxima de 240 pixels. |
Five |
Altura do logotipo (Banner) e Altura do logotipo (Navegação). Ambas têm altura máxima de 480 pixels. |
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 logotipo. Altura máxima de 200 pixels. | Igual à do desktop |
Forte |
Imagem do logotipo Altura máx. Altura máxima de 200 pixels. | Igual à do desktop |
Galapagos |
Largura do logotipo do site. Largura máxima de 100%. | Para o logotipo específico da versão móvel: altura da navegação. |
Ishimoto |
Tamanho da imagem do logotipo. Tamanho máximo de 240 pixels. | Igual à do desktop |
Momentum |
Altura da imagem do logotipo. Altura máxima de 100 pixels. | Altura fixa. |
Montauk |
Tamanho do logotipo (máx.). Tamanho máximo de 300 pixels. | Igual à do desktop |
Native |
Largura do logotipo. Largura máxima de 1280 pixels. | Igual à do desktop. Altura máxima de 300 pixels. |
Pacific |
Largura do logotipo. Largura máxima de 300 pixels. | Igual à do desktop. Altura máxima de 70 pixels. |
Skye |
Altura do Logo. Altura máxima de 120 pixels. | Igual à do desktop |
Supply |
Tamanho do logotipo. Tamanho máximo de 160 pixels. | 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. |
Tremont |
Altura do Logo. Altura máxima de 150 pixels. | Tablet: Altura do logotipo e Móvel: Altura do logotipo. Ambos com altura máxima de 150 pixels. |
Wells |
Largura da imagem do logotipo. Largura máxima de 600 pixels. | Tamanho da imagem do logotipo móvel. Tamanho máximo de 255 pixels. |
Wexley | Tamanho da imagem do logotipo (máx.). Tamanho máximo de 200 pixels. | Igual à do desktop |
York |
Altura do logotipo (máx.). Altura máxima de 300 pixels. | Largura do logotipo na seção Móvel: Barra. Largura máxima de 240 pixels. |
Assistir a um vídeo
Este vídeo é referente à versão 7.0.