Quando você deseja que uma frase ou duas em seu texto realmente se destaque, você tem algumas opções de estilo para fazê-lo. Você pode usar negrito, itálico ou sublinhado para definir o estilo do texto, como opções óbvias. Você pode dar um passo adiante e colorir ou destacar o texto. Você também pode fazer algo mais drástico – uma opção chamada blockquote.
Recentemente, lançamos um plugin gratuito chamado Qi Addons for Elementor que contém 60 addons criados por nossa equipe. Entre esses addons está o widget blockquote – um addon que permite adicionar e estilizar blockquotes facilmente.
Se você quiser ver o addon em ação – aqui está um vídeo útil explicando como usá-lo para criar uma citação simples, mas eficaz.
Para aqueles que preferem ler, usaremos este artigo para mostrar o mesmo – como criar uma citação simples e familiarizar-se com algumas das opções que este complemento tem. Você vai ler:
Todo mundo sabe o que é citar – quando você pega algo que outra pessoa disse e escreve enquanto reconhece o que está fazendo. Muitas pessoas encontram citações e citações na sala de aula. Aqueles que não o fazem podem se familiarizar facilmente com ele consumindo a mídia.
Ao falar sobre blockquotes, você não deve interpretar a palavra “citação” da forma mais estrita possível. Mesmo que você frequentemente esteja citando outra pessoa no blockquote, também é uma ótima maneira de esclarecer algo importante que você escreveu – cite seu próprio texto.
Blockquotes são, como regra geral, estilizados de forma diferente do que o resto do texto. Freqüentemente, o texto em blockquote estará em uma fonte diferente, geralmente em itálico. Um tamanho de fonte maior também é comum em aspas em bloco, assim como o uso de aspas exageradas ou outros elementos visuais – as blockquotes usam quase todos os truques do livro para fazer seu conteúdo se destacar.
É por isso que dizemos que um blockquote é uma opção de design para destacar o texto. As pessoas foram capazes de adicionar um blockquote usando HTML com as tags
e
. Alguns podem tê-lo usado apenas como uma maneira conveniente de adicionar algum recuo ao texto, já que é assim que aspas em bloco eram frequentemente exibidas.
Hoje, entretanto, as blockquotes podem ser ricas e coloridas, ou simples e solenes. A aparência de um blockquote depende de você e do método que está usando para adicioná-lo ao WordPress.
Se você estiver interessado em adicionar aspas no WordPress com um pouco mais de estilo do que seria capaz de obter com uma tag HTML, você precisará fazer algumas coisas primeiro. Se você não tem Elementor já instalado e ativado, é algo que você precisa fazer. A versão gratuita funcionará perfeitamente.
Sua próxima etapa seria instalar nosso Complementos Qi para Elementor plugin da mesma forma que você instalaria qualquer outro plugin no WordPress. Após a ativação, você pode criar uma nova postagem ou página, ou abrir uma existente, e você estará pronto para adicionar uma citação em bloco no WordPress.
Você pode encontrar o widget procurando no painel esquerdo pelo termo “blockquote”. Será o widget vermelho que você verá nos resultados. Simplesmente arrastá-lo para uma seção livre seria o suficiente para adicionar um blockquote no WordPress. É assim que adicionamos o nosso, mas seguimos essa etapa com uma edição simples – editamos a seção escolhendo a largura do conteúdo em caixa e configurando-a para 735.
Isso nos deu a tela que usaremos para editar e estilizar o blockquote. Você é mais do que bem-vindo para escolher o layout e estilo de sua preferência ou até mesmo acessar as opções avançadas da seção.
Existem três coisas importantes que você pode fazer nas opções de conteúdo. Você pode escolher o layout – que se refere à posição dessas aspas – editar o texto e escolher o tipo de ícone.
Optamos por ficar com o layout superior, mantendo as aspas no topo do texto. Alteramos lorem ipsum para nosso próprio texto e usamos um ícone que carregamos em nossa biblioteca de mídia.
Como não há muito mais a fazer na guia Conteúdo, passamos a estilizar nosso blockquote. Não há razão para apressar seus experimentos com layouts, texto e tipos de ícone – reserve um tempo para encontrar uma boa combinação.
Movendo-se para a guia Estilo, você encontrará primeiro opções para alterar o alinhamento do texto, o tipo de fundo e o tipo de borda. O alinhamento é uma opção simples, mas o tipo de fundo e o tipo de borda escondem uma infinidade de escolhas interessantes que você pode fazer. Se você deseja criar um fundo gradiente de cor para seu blockquote ou uma borda dupla, é aqui que você poderá fazer isso.
Para o nosso blockquote, acabamos de alterar o alinhamento para o centro.
O cartão Estilo do texto é onde você encontrará todas as opções de cores e tipografia para o texto. Você também poderá escolher a tag de texto. Optamos por não alterar a cor ou a tag padrão, mas alteramos a fonte para DM Serif Text e o estilo para Itálico.
No cartão Estilo do ícone, você poderá escolher o alinhamento e o tamanho do ícone, bem como sua cor. Decidimos apenas mudar o tamanho do ícone, aumentando para 47 pixels.
Finalmente, o cartão Estilo de espaçamento é onde você pode ajustar o preenchimento do suporte para aumentar o espaço ao redor do texto, a margem superior do texto e a margem do ícone. Decidimos deixar essas opções em paz, felizes com o resultado do nosso blockquote.
Vamos encerrar!
Esteja você usando-os para citar as palavras de outra pessoa ou chamar mais atenção para as suas, o blockquote é a ferramenta que você pode usar para realizar o trabalho. E se for a ferramenta que você planeja usar em seu site, nosso widget estará lá com todas as opções de que você precisa para personalizar seu blockquote.
Apoie o nosso trabalho ❤️
Se você gostou deste artigo, considere deixar uma gorjeta para nos ajudar a continuar publicando conteúdo de qualidade.
