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 templates, 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 logotipo, pode criar um com o Squarespace Logo. Não é possível usar imagens de acervo no 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.
- Nas seções Imagem do logotipo ou Imagem do logotipo móvel, clique em + para adicionar uma nova imagem:
- Para fazer upload de uma imagem do dispositivo, selecione Carregar arquivo.
- Para reutilizar uma imagem, clique em Selecionar da biblioteca.
- Na tela responsiva ou na versão móvel, role para baixo para mudar a altura do logotipo.
- Passe o cursor sobre Concluído e clique em Salvar.
Para adicionar uma imagem de logotipo:
- Passe o cursor sobre o título em uma página e clique em Editar. Isso abre 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ções, depois Configurações do site e, em seguida, Título e logotipo.
- 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.
Após carregar a imagem, você pode:
- Editar sua imagem
- Substituir ou remover a imagem
Exibição do logo
Geralmente, o logotipo é exibido na parte superior do site. A forma como você estiliza seu logotipo depende da versão do seu site. O estilo do logotipo só é aceito em computadores.
É possível alterar a posição e o tamanho do logotipo para a visualização do computador e do celular:
- 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 no ícone de Desktop ou Dispositivo móvel.
- Clique em Layout do cabeçalho e depois no layout desejado.
- Clique em Voltar para retornar ao editor do Cabeçalho principal e, em seguida, clique no ícone Global.
- 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 cursor sobre Concluído e clique em Salvar.
A posição padrão e as opções para mover seu logotipo variam de acordo com o template 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 Substituir para escolher um novo logotipo. Para excluir o logotipo, clique nos três pontos e selecione Remover.
- 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 imagem 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 e não podemos oferecer mais ajuda com esse tópico.
Como redimensionar um logotipo na versão 7.0
Dica: na versão 7.1, use as configurações do cabeçalho para alterar o tamanho do logotipo.
Nas seguintes famílias de template, 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 na versão móvel. Tamanho máximo de 300 pixels. |
|
Aviator |
Tamanho do logotipo e Página de informações do tamanho do logotipo. O tamanho máximo de ambos os logotipos é 100%. | Tamanho do logotipo na versão móvel e na Tamanho do logotipo na Página de Informações. 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 Versão móvel: identidade visual. A largura máxima é de 240 pixels, mas é limitada pelo Ponto de interrupção da versã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 Versão móvel: identidade visual. Largura máxima de 240 pixels. |
|
Five |
Altura do logotipo (banner) e Altura do logotipo (navegação). Ambos têm altura máxima de 480 pixels. |
Igual ao computador. Somente é exibido quando Conteúdo do banner: Slogan do logotipo do título do site é selecionado. |
|
Flatiron |
Altura da imagem do logotipo. Altura máxima de 200 pixels. | Igual ao computador. |
|
Forte |
Altura máxima da imagem do logotipo. Altura máxima de 200 pixels. | Igual ao computador. |
|
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 ao computador. |
|
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 ao computador. |
|
Native |
Largura do logotipo. Largura máxima de 1.280 pixels. | Igual ao computador. Altura máxima de 300 pixels. |
|
Pacific |
Largura do logotipo. Largura máxima de 300 pixels. | Igual ao do computador. Altura máxima de 70 pixels. |
|
Skye |
Altura do logotipo. Altura máxima de 120 pixels. | Igual ao computador. |
|
Supply |
Tamanho do logotipo. Tamanho máximo de 160 pixels. | Altura fixa. Marque Usar título do site no cabeçalho na versão móvel) para mostrar o título do site. |
|
Tremont |
Altura do logotipo. Altura máxima de 150 pixels. | Tablet: altura do logotipo e Versão 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 na versão móvel. Tamanho máximo de 255 pixels. |
| Wexley | Tamanho da imagem do logotipo (máx.). Tamanho máximo de 200 pixels. | Igual ao computador. |
|
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 é sobre a versão 7.0.