Destaque conteúdo importante com um texto exclusivo e diferente.

Use o Bloco de Citação para adicionar citações e depoimentos estilizados ao site.

Assista ao vídeo

Adicione um Bloco de Citação

Para adicionar um Bloco de Citação:

1. Abra um editor de página ou publicação, clique em Adicionar bloco ou num ponto de inserção e, em seguida, clique em Citação.Confira as etapas detalhadas em Adição de conteúdo com blocos.
2. Para abrir o editor do bloco, clique no ícone de lápis no bloco.
3. Insira a cotação no primeiro campo.
4. Digite sua origem no segundo campo.
5. Clique em Design para adicionar uma animação ou ativar uma cor de fundo (somente sites da versão 7.1).

Editar um Bloco de Cotações existente

Para editar um Bloco de Cotações existente, clique duas vezes no bloco ou clique no bloco uma vez e, em seguida, clique no ícone de lápis ou Editar . Isso abre o editor de blocos. Não é possível editar a citação diretamente na página como faria com um Bloco de Texto.

Edite o estilo da citação

O estilo da citação depende do template e da versão.

Anime a citação

As animações do bloco de citação não funcionam no Editor Intuitivo. O bloco de citação segue as configurações gerais para as animações do site.

Para animar um Bloco de Citações:

1. No editor do bloco de citação, clique em Design.
2. Selecione um efeito no menu suspenso. Ao selecionar uma opção, aparece uma prévia na página.

Escolha entre:

• Nenhuma - sem animação, mesmo que haja configurações de animação gerais do site
• Padrão do site - o texto segue as configurações de animação gerais do site
• Fade In - o texto aparece gradualmente
• Deslizar para cima - o texto desliza de baixo para cima
• Foco - o texto aparece borrado e, em seguida, entra em foco
• Revelar - o texto desliza do centro para fora

Confira um exemplo de bloco de citação com a animação Foco.

Outras formas de adicionar uma citação

Veja outras opções para adicionar ao site uma citação com formatação específica.

Formate como texto de citação

Para destacar uma citação dentro do bloco de texto, selecione o texto e clique no ícone de citação no editor do bloco de texto; isso recua a citação. Dependendo do template, uma linha aparecerá ao lado, e o texto aparecerá em itálico.

Molde o texto

Para deixar a cotação com estilo de revista e se destacar na página, molde um Bloco de Texto em torno do outro. Saiba mais em Moldando o texto para destacar uma citação.

Sobreponha blocos de citação e blocos de imagem

No Editor Intuitivo, você pode posicionar um bloco de citação sobre um bloco de imagem para criar um fundo de imagem na citação. O fundo do bloco deve estar desativado para que o bloco de imagem atrás dele não fique coberto.

No editor clássico, não é possível sobrepor blocos. Em vez disso, adicione um bloco de imagem com sobreposição de texto e ajuste o estilo desse texto para que ele se pareça com uma citação. O artigo Bloco de imagem dá exemplos para cada uma das diferentes opções de bloco de imagem. Confira um exemplo com o bloco de imagem de pôster:

Formate como texto de título

Para destacar o texto, adicione o texto da citação a um bloco de texto e depois o formate como título. No editor do bloco de texto, realce o texto e use o menu suspenso de formatação para selecionar Título 2 ou Título 3. Em seguida, use as opções para o título 2 ou título 3 no painel de estilos do site para alterar como o texto aparece.

Dica: uma vez que os motores de busca identificam o conteúdo no título como área rica em palavras-chave para indexação, mudar o estilo da citação para título pode interferir no SEO do site. Recomendamos essa alternativa apenas se o template não oferecer estilos de Bloco de Citação e se o objetivo principal for aprimorar o design da citação.