Destacando conteúdo no WordPress: Blockquote vs. Pullquote

Destacando conteúdo no WordPress: Blockquote vs. Pullquote

Ao postar um novo conteúdo, é importante prestar atenção ao layout gráfico geral – não apenas para deixar a página com uma boa aparência. O destaque adequado de certas seções aumenta a clareza e atrai a atenção do visitante para as partes principais do seu conteúdo. Como resultado, o usuário obterá as informações mais essenciais, mesmo que não leia o artigo inteiro e apenas folheie-o.

Hoje vamos nos concentrar em destacar o texto no editor do WordPress usando aspas. Mostraremos como fazer aspas em bloco e citações em situações específicas e explicaremos a diferença entre elas.

O artigo responde às seguintes perguntas:

Quando usar o blockquote

O termo blockquote foi criado encurtando a frase citações em bloco o que implica que é uma citação de uma peça individual (bloco) de conteúdo. Normalmente não é o texto extraído do próprio artigo. Blockquotes referem-se a fontes externas. Você pode usá-los como uma citação de:

  • Outra fonte e publicações profissionais
  • Citações de pessoas famosas
  • Depoimentos de clientes satisfeitos

Blockquotes direcionam a atenção para um determinado conteúdo. Eles marcam as informações como importantes, diferenciando-as graficamente do restante do conteúdo. Blockquotes geralmente são indicados visualmente por aspas ou vírgulas invertidas. No entanto, sua aparência final depende do tema do WordPress que você está usando.

Como inserir um blockquote no editor do WordPress

Existe um bloco especial para inserir um blockquote em uma página ou postagem chamado Quote Block. Ele pode ser adicionado à sua página com muita facilidade:

1. A primeira opção é clicar no símbolo “+” na barra superior ou dentro do editor onde deseja colocar o bloco. Em seguida, procure a palavra “citação” na barra de pesquisa.

Adicionando bloco de citações
Adicionando bloco de citações clicando em “+“

2. A segunda opção é procurar um bloco digitando seu nome após uma barra “/”.

Adicionar bloco de citações usando a barra “/”
Para localizar e adicionar um bloco de citação, você também pode usar a barra “/”

Tudo feito. Você criou um bloco com um espaço reservado e com o texto “Escrever citação”.

Bloquear estilos e formatação

Bloco de citações recém-adicionado tem estilo e formatação padrão. Há uma linha vertical para destacar a citação e separá-la do resto do seu conteúdo. No entanto, você pode alterar o estilo para “Grande” clicando no ícone de aspas (“) na barra de ferramentas ou escolhendo “Estilos” no Inspetor à direita.

Estilo Grande remove a linha vertical, aumenta o tamanho da fonte e a altera para Itálico. Embora a aparência final da citação na página de visualização dependa do design do tema do WordPress que você está usando.

Alterando o estilo do bloco de citação de padrão para grande
Veja como o bloco de Citação pode parecer diferente quando você altera seu estilo de bloco de Padrão para Grande

A formatação de blocos de citação é semelhante à formatação de um parágrafo. O formato das citações pode ser definido como Negrito ou Itálico, você pode até usar um hiperlink (URL) dentro de uma citação. O alinhamento do texto pode ser à esquerda, centralizado ou à direita. O próprio bloco Quote é sempre fixado na largura do conteúdo.

Transformar Blockquote em outro tipo de bloco

Você pode transformar blockquote em outro tipo de bloco com um clique. A vantagem é que você pode alternar diretamente do bloco Quote para Pullqoute e vice-versa. Aqui está uma lista completa de todos os blocos disponíveis para escolher:

  • Parágrafo
  • Retirar citação
  • Cabeçalho
  • Lista

Puxe aspas: quando usá-las?

Enquanto os blockqoutes se referem a fontes externas, as aspas destacam as informações mais importantes extraídas diretamente do conteúdo da sua página. Isso significa que eles direcionam a atenção para um parágrafo específico em sua postagem ou página e enfatizam sua importância.

Como funcionam as citações pull?

  • Como elemento gráfico que valoriza o conteúdo e sua estrutura
  • Chamam a atenção do usuário ao rolar a página
  • Eles podem ser usados como subtítulos ou cabeçalhos em uma página

Como adicionar um bloco Pullquote

Antes do lançamento do editor de blocos do WordPress (versões anteriores a 5.0), era necessário estilizar as aspas em CSS. Agora, graças ao bloco Pullquote, você pode adicioná-los com apenas alguns cliques. Inserir o bloco Pullquote na página é exatamente o mesmo que inserir o bloco Quote. Basta usar o nome deste bloco ao pesquisar.

Customização do bloco Pullquote

O bloco Pullqoute oferece 2 estilos básicos – Padrão e Cor sólida. Você pode alternar entre eles na barra de ferramentas ou no Inspetor. Como eles se parecem?

O estilo padrão é caracterizado por duas linhas horizontais, na parte superior e inferior da citação. Você pode alterar a cor dessas duas linhas, embora o fundo permaneça branco.

Estilo padrão de aspas
Estilo padrão de Pullquote

Por outro lado, Solid Color é um estilo em um design mais simples e sem nenhuma linha. Comparado ao estilo Padrão, o tamanho da fonte é um pouco maior e você pode escolher a cor de fundo de todo o bloco ao usar um estilo de Cor Sólida.

Aspas Cor sólida
Estilo de cor sólida do bloco Pullquote

Não importa qual estilo você escolher, você pode alterar a cor da fonte em ambos. Há também uma formatação de parágrafo padrão disponível, como negrito, itálico ou inserção de URL.

Opções avançadas de alinhamento de blocos Pullqout

Ao contrário do bloco Quote, o bloco Pullqoute oferece mais opções de alinhamento: largura larga ou largura total, além do alinhamento padrão (esquerda, direita, centro).

Graças à visualização em tela ampla, o pullqout pode ser usado como cabeçalho ou subtítulo. Não apenas pode dividir bem o conteúdo da página, mas também serve como um gancho para atrair o usuário a continuar navegando na página. Lembre-se de que a aparência final do seu Pullquote depende do design do seu tema. Nem todos os temas oferecem suporte a opções avançadas de alinhamento.

Alinhamento de largura total do bloco Pullqoute
Pullqoute que pode funcionar como um cabeçalho (esticado até a largura total)

O tema Citadela permite que você escolha largura larga ou largura total sem nenhum problema.
Faça o download e veja por si mesmo!

Transformando para outro tipo de bloco

O bloco Pullquote tem possibilidades limitadas de transformação para outro tipo de bloco. Na verdade, o bloco Pullquote só pode ser transformado no bloco Quote.

Conclusão: bloco de citação ou bloco de citação?

Quando usar o bloco Quote em vez do bloco Pullquote e vice-versa?

Recomendamos o Bloco de citações ao apresentar opiniões e citações de pessoas famosas ou para citação de fontes externas. A citação deve ser um texto que os usuários não encontrarão diretamente na página ou na publicação. É perfeito para depoimentos, pois separa graficamente as resenhas de outros conteúdos (tanto no design quanto na formatação – por exemplo, usando itálico). Fica claro à primeira vista que se trata de uma citação e, portanto, algo que precisa ser enfatizado.

O bloco pullqout deve ser usado para destacar as principais informações extraídas do texto na página diretamente. Uma vez que Pullquotes são trechos de conteúdo, eles permitem que seus visitantes aprendam a mensagem mais importante sem ler o artigo completamente. No entanto, se a informação em um bloco Pullquote for realmente atraente, ela incentivará o visitante a passar mais tempo em seu site. Além disso, você também pode usar Pullqoute como cabeçalho ou como substituto de legendas.

5 pensamentos sobre “Highlighting content in WordPress: Blockquote vs. Pullquote

  1. Olá Ivi,
    obrigado por este guia sobre como usar o wordpress blockquote da maneira correta, tentei adicioná-lo através do meu editor de temas e quase quebrei tudo. Obrigado novamente.

    Qual plug-in de tabela de conteúdo do WordPress você está usando? É lindo e eu adoraria implementá-lo em meu site.

    1. Olá Bolarisa,

      obrigado pelo seu elogio. Confira as informações detalhadas postadas em: https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/

      Atenciosamente!
      Zlatko
      equipe AIT

  2. Na minha amostra de layout de temas de plug-ins do citadela pro, não consegui encontrar como alterar a foto na citação de pull

    https://prnt.sc/v26fce

    1. Olá,

      obrigado por escrever. Gostaríamos de pedir que você verifique nossa base de conhecimento e/ou documentação com tutoriais em vídeo:
      https://www.ait-themes.club/ait-themes-documentation/
      Ou sinta-se à vontade para postar perguntas técnicas diretamente em nosso sistema de tíquetes de suporte dedicado. Faça login na sua conta em https://system.ait-themes.club/support/add-question.

      Atenciosamente!
      Zlatko
      equipe AIT

Comentários estão fechados.