Comercialize os posts, eventos ou produtos incluídos em seu site com uma imagem convincente.
O Squarespace usa imagens em destaque para representar itens de coleção individuais — como publicações do blog, eventos e produtos — em diferentes áreas do seu site. Por exemplo, você pode usar um bloco de sumário para exibir publicações da página do seu blog que incluem a imagem em destaque de cada publicação.
Se o seu site estiver na versão 7.0, você também pode adicionar imagens em destaque da página para aparecer nas páginas de índice e criar imagens de banner por página em alguns templates.
Recomendamos sempre adicionar imagens em destaque quando a opção estiver disponível, para criar uma excelente experiência visual no site. Para receber ajuda para formatar imagens antes de fazer o upload, acesse Formatação de imagens para exibição na Web.
Dica: ao compartilhar um link do site nas mídias sociais, sua imagem de compartilhamento social poderá ser exibida em vez da imagem em destaque do item ou da página. Para saber mais sobre o que é exibido, acesse Como o conteúdo será exibido em publicações de redes sociais.
Imagens em destaque do item de coleção
A imagem em destaque de itens de coleção representam publicações individuais de blog, eventos e produtos em todo o site. Eles também podem ser exibidos quando os itens são compartilhados nas redes sociais.
Na versão 7.0, alguns templates usam imagens em destaque de itens de coleção para criar uma imagem de banner.
A forma como você adiciona uma imagem em destaque de um item de coleção depende da versão do Squarespace em que seu site está.
Para adicionar uma imagem em destaque de subpágina de publicação do blog, evento ou portfólio:
- Abra o painel "Páginas".
- No painel Páginas, clique em uma página de blog, eventos ou portfólio. Se você não adicionou imagens em destaque a uma publicação, evento ou subpágina, um ícone de imagem será exibido.
- Passe o cursor sobre o item (por exemplo, uma publicação do blog) e clique em ..., em seguida, clique em Configurações.
- Na aba Conteúdo ou Geral, arraste sua imagem para o carregador de imagens ou clique no carregador de imagens e escolha um arquivo do seu computador. Se o item já tiver uma imagem, clique em Remover imagem e adicione uma nova imagem.
- Para reutilizar uma imagem ou usar uma imagem de acervo, clique em Procurar imagens (somente publicações de blog e eventos).
- Clique em Salvar.
Como padrão, a primeira imagem que aparece no editor do produto será a imagem em destaque. Para alterar a imagem em destaque do produto:
- Abra o painel "Páginas".
- No painel "Páginas", clique em uma página da loja.
- Clique duas vezes em um produto.
- No editor de produtos, role para baixo até a seção Imagens e clique em Imagem em destaque.
- Faça upload de uma imagem; ou selecione uma na sua biblioteca de imagens.
- Se o produto já tiver uma imagem em destaque, clique nos três pontos à direita da imagem e depois clique em Apagar. Em seguida, faça o upload de uma nova imagem.
- Clique em Salvar.
Para adicionar uma imagem de destaque personalizada a um vídeo enviado em uma página de vídeos:
- Abra o painel "Páginas" e clique em uma página de vídeos.
- No painel lateral, clique em Todos.
- Passe o cursor do mouse sobre o vídeo ao qual você deseja adicionar uma imagem personalizada em destaque, clique em ... e depois em Editar vídeo.
- No editor de vídeo, ative a opção Imagem em destaque personalizada. Lembre-se de que essa opção está disponível apenas para vídeos enviados diretamente para o Squarespace. Não é possível adicionar imagens personalizadas em destaque aos vídeos incorporados.
- Clique em Adicionar uma imagem; depois carregue uma imagem ou selecione uma imagem da sua biblioteca de imagens. Se o item já tiver uma imagem, clique em Trocar e adicione uma nova imagem.
- Clique em Salvar.
Para adicionar uma publicação no blog ou uma imagem em destaque do evento:
- Abra o painel "Páginas".
- No painel Páginas, clique em uma Página de Blog ou Eventos.
- Abra as configurações do item e clique em Opções.
- Para escolher um arquivo salvo no seu computador, arraste a imagem para o carregador de imagem ou clique no carregador e escolha a imagem. Se o item já tiver uma imagem, clique em Excluir imagem ou no ícone da lixeira; em seguida, adicione outra imagem.
- Para reutilizar uma imagem ou utilizar uma imagem de acervo, clique em Procurar imagem.
- Clique em Salvar.
Como padrão, a primeira imagem que aparece no editor do produto será a imagem em destaque. Para alterar a imagem em destaque do produto:
- Abra o painel "Páginas".
- No painel "Páginas", clique em uma página da loja.
- Clique duas vezes em um produto.
- No editor de produtos, role para baixo até a seção Imagens e clique em Imagem em destaque.
- Faça upload de uma imagem; ou selecione uma na sua biblioteca de imagens.
- Se o produto já tiver uma imagem em destaque, clique nos três pontos à direita da imagem e depois clique em Apagar. Em seguida, faça o upload de uma nova imagem.
- Clique em Salvar.
Dica: use o editor de imagens para ajustar o estilo ou para cortar a imagem em destaque após o upload. Você também pode usar o ponto focal para centralizar a imagem dentro da altura.
O app Squarespace só oferece suporte à adição de imagens em destaque de itens de coleção a publicações do blog. Para adicionar imagens em destaque de eventos ou produtos, use um computador.
Para adicionar uma imagem em destaque de item de coleção:
- Toque em Páginas, toque na Página do Blog e, em seguida, toque na publicação do blog.
- Toque em ... na parte superior da tela e toque em Configurações da página.
- Toque em Adicionar imagem na parte superior das Configurações de publicação. Se o item já tiver uma imagem, clique em Substituir e adicione outra 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....
Imagens em destaque da página (versão 7.0)
A versão 7.1 não usa imagens em destaque na página. Para criar uma imagem do banner, adicione uma imagem de plano de fundo de seção a uma seção de página. Para representar a página nas redes sociais, adicione uma imagem alternativa de compartilhamento social.
As imagens em destaque de página aparecem nas Páginas Índice e criam imagens de banner por página em alguns templates. Alguns templates são compatíveis também com a inclusão de vídeos.
Para adicionar uma imagem em destaque da página:
- Abra o painel "Páginas".
- Passe o cursor sobre a página no painel esquerdo e clique para abrir Configurações de página.
- Em Configurações de página, clique na guia Mídias.
- Arraste uma imagem para a caixa Imagem em destaque ou clique em Adicionar imagem . Se o item já tiver uma imagem, clique em Remover imagem ou no ícone da lixeira e adicione outra imagem. Você pode também clicar em Pesquisar imagens para reutilizar uma imagem ou adicionar uma imagem de acervo.
- Clique em Salvar.
Dica: use o editor de imagens para ajustar o estilo ou para cortar a imagem em destaque após o upload. Você também pode usar o ponto focal para centralizar a imagem dentro da altura.
Para adicionar uma imagem em destaque da página:
- Toque em Páginas e, em seguida, toque na página.
- Toque em ... ou na parte superior da tela e em Configurações da página.
- Em Opções, toque em Mídia.
- Toque em Adicionar imagem em Imagem em destaque. Se o item já tiver uma imagem, clique em Substituir e adicione outra 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....
Solução de problemas de imagens em destaque da Página de Galeria
Na maioria dos templates, se a página de galeria não tiver uma imagem em destaque, será criada uma automaticamente a partir da primeira imagem na galeria. As etapas acima mostram como apagá-la ou trocar por outra imagem.
Em alguns templates, ao apagar a imagem em destaque da página, a primeira imagem da galeria automaticamente vira a imagem em destaque ao se fazer qualquer alteração na galeria. Isso é mais perceptível nos templates em que a imagem em destaque cria um banner de página.
Nesses exemplos, você pode apagar a nova imagem em destaque das Configurações de página para excluí-la após cada alteração. Se você adicionar manualmente uma imagem em destaque nas Configurações de página, a imagem em destaque não atualizará automaticamente ao realizar alterações na galeria. Para simular um visual sem banner, carregue uma imagem em destaque de cor cheia que combine com o fundo.
Como as imagens em destaque são exibidas
As imagens em destaque são exibidas de forma diferente dependendo da versão do seu site e de onde a imagem em destaque aparece.
A tabela mostra mais sobre como as imagens em destaque aparecem em diferentes áreas do seu site.
Área do site |
Exibição de imagem em destaque |
As imagens em destaque de itens são exibidas na página principal da coleção para representar cada item. Por exemplo, as Páginas de Eventos exibem a imagem em destaque de todos os eventos futuros. |
|
As imagens em destaque serão exibidas quando Mostrar imagem estiver marcada. |
|
As imagens em destaque são exibidas para os itens de coleção apresentados no bloco. Escolha entre os diversos layouts disponíveis. |
Use esta tabela para saber mais sobre como as imagens em destaque são exibidas em diferentes áreas do seu site.
Área do site |
Exibição de imagem em destaque |
As imagens em destaque são exibidas como banners de item de página e coleção em alguns templates. |
|
As imagens em miniatura são exibidas como grade, empilhadas ou em tela cheia, dependendo do template do site. |
|
Páginas de Blog, Eventos e da loja Avançadas |
As imagens em destaque de itens de coleção são exibidas na página principal da coleção para representar cada item. Por exemplo, as Páginas de Eventos exibem a imagem em destaque de todos os eventos futuros. |
As imagens em destaque serão exibidas quando Mostrar imagem estiver marcada. |
|
As imagens em destaque são exibidas para os itens de coleção apresentados no bloco. Escolha entre os diversos layouts disponíveis. |
|
São exibidas imagens em destaque das páginas ou dos itens a que você estiver vinculando. |