Como criar notas de rodapé no WordPress

Se você precisa fazer citações de fontes e referências bibliográficas em posts, insira notas de rodapé no WordPress. Veja como fazer isso com ou sem plugin!

Por Fabio Lobo, publicado em 22/12/2020.

Citar fontes e referências bibliográficas pode ser um pouco complicado na internet. Enquanto em programas como Microsoft Word o processo é mais automatizado, inserir notas de rodapé no WordPress pode até mesmo envolver alguns códigos.

Mas nem sempre! Felizmente há plugins que facilitam todo esse processo.

Criei esse post para você que:

  • Quer fazer notas de rodapé em posts e não sabe como;
  • Quer aprender a melhor forma de citar fontes e referências na internet;
  • Tem dúvidas sobre o impacto no SEO do seu site ao linkar outros sites em seus posts;
  • Ou até mesmo não sabe muito bem para que servem as notas de rodapé.

Então, espero que este conteúdo te ajude!

página de um livro com notas de rodapé em destaque

O que são e para que servem notas de rodapé?

Notas de rodapé normalmente são usadas para citações referenciais (como fontes) ou explicativas.

A formatação tanto em documentos impressos quanto na internet é a mesma: em determinados pontos do texto há números sobrescritos que numeram referências com maiores informações sobre o que está escrito, por exemplo.

Assim, no final do texto há uma lista com todas essas citações, tudo organizado pelos números.

O diferencial em textos na internet é que essas notas de rodapé podem ter links. Assim o usuário não vai precisar percorrer a página inteira para verificar a referência: basta clicar no link, localizado no número sobrescrito.

Um bom exemplo disso são as notas de rodapé encontradas em páginas da Wikipédia, como essa aqui.

Quer ver alguns exemplos práticos?

Citações e referências

São notas que citam uma fonte, podendo conter o link para alguma referência. Por exemplo:

O Estado de bem-estar social, ou Estado-providência, ou Estado social, é um tipo de organização política, econômica e sócio-cultural que coloca o Estado como agente da promoção social e organizador da economia.

Cabe, ao Estado de bem-estar social, garantir serviços públicos e proteção à população, provendo dignidade aos naturais da nação.1

1 SCHUMPETER, Joseph E. On the Concept of Social Value. in Quarterly Journal of Economics, volume 23, 1908-9. Pp. 213-232

Notas explicativas

São textos curtos para comentários ou explicações. Por exemplo:

O Estado de bem-estar social, ou Estado-providência, ou Estado social, é um tipo de organização política, econômica e sócio-cultural que coloca o Estado como agente da promoção social e organizador da economia.1

Cabe, ao Estado de bem-estar social, garantir serviços públicos e proteção à população, provendo dignidade aos naturais da nação.

1 Nesta orientação, o Estado é o agente regulamentador de toda a vida e saúde social, política e econômica do país, em parceria com empresas privadas e sindicatos, em níveis diferentes de acordo com o país em questão.

Normas ABNT para notas de rodapé em posts

A não ser que seja um trabalho acadêmico ou um texto muito formal, você não precisa se preocupar com normas ABNT em textos do seu site ou blog.

Afinal, você pode simplesmente linkar alguma referência no meio das frases, como fiz no parágrafo acima.

Ademais, basta fornecer uma descrição completa o suficiente para que seu leitor possa ter informações complementares ao que está lendo.

Como inserir notas de rodapé no WordPress?

Se você procura uma solução prática para inserir citações em textos, recomendo utilizar um plugin de notas de rodapé no WordPress.

Entretanto, há outras formas simples de citar fontes sem precisar de plugins.

Vou falar sobre todas elas a seguir!

Plugin para notas referenciais e explicativas

O plugin mais completo para notas de rodapé no WordPress é o footnotes.

Além de ter várias opções de customização, tem uma vantagem em sua usabilidade: ao clicar para ler uma nota de rodapé, com um novo clique o usuário pode retornar ao mesmo trecho do texto que estava lendo.

Siga o passo-a-passo abaixo para instalar e utilizar o footnotes, plugin para notas de rodapé no WordPress.

  1. Instale e ative o plugin footnotes

    Em seu painel do WordPress, no menu de Plugins, clique em Adicionar novo e pesquise por footnotes. O plugin é do autor Mark Cheret.
    Se você tiver alguma dúvida nesse processo, entretanto, confira este manual aqui.printscreen de instalação do plugin

    Esse conteúdo não pode ser exibido em seu navegador.

  2. Configure o plugin

    Se desejar, acesse o painel de configurações do plugin para customizá-lo como traduzir textos, por exemplo.printscreen de configurações do plugin

    Esse conteúdo não pode ser exibido em seu navegador.

  3. Adicione notas de rodapé em posts

    Para inserir notas de rodapé em seus posts, basta escrever a nota entre dois parênteses onde você quer que o número sobrescrito apareça. A nota aparecerá no rodapé automaticamente!printscreen de exemplo de como o plugin funciona

    Esse conteúdo não pode ser exibido em seu navegador.

Simples assim! Não há botões ou um painel para cada post, por exemplo. É tudo feito diretamente no decorrer do texto.

Como você pode ver no printscreen do passo 3, ao adicionar a nota entre dois parênteses o processo é todo automático.

Por exemplo:

O seu texto no WordPress:

Essa é uma frase((Por outro lado, essa é uma explicação para a frase.)).

Por fim, essa é outra frase((Mas esse aqui é um link de referência.)).


O resultado na página do post:

Essa é uma frase1.

Por fim, essa é outra frase2.

Referências:
1 Por outro lado, essa é uma explicação para a frase.
2 Mas esse aqui é um link de referência.

Entretanto, se você procura uma alternativa ainda mais simples, experimente o plugin Easy Footnotes.

Como citar fontes manualmente?

Há três formas práticas para citar fontes e referências manualmente (ou seja, sem plugin):

  • Link de âncora
  • Tag de citação
  • Links simples

Veja como é fácil:

Crie um link de âncora para o rodapé

Essa é uma forma muito parecida com a que o plugin supracitado faz.

Nesse caso, porém, o resultado é mais simples.

Veja o passo-a-passo:

  1. Ao editar o post, escreva o número da nota que você deseja fazer. Então selecione-o e clique no botão Mais controles de rich text (seta para baixo). Clique na opção Superescrito, assim o número ficará formatado corretamente.printscreen de criação de número sobrescrito
  2. Ainda com o número selecionado, clique no ícone Link (corrente) e escreva um nome para a seção de notas de rodapé, como se fosse uma hashtag. Por exemplo: #notasderodapeprintscreen de criação de link âncora
  3. Agora role a tela para baixo e crie a seção de notas de rodapé. Neste exemplo criei um título e a nota para a referência 1. Selecione tudo e clique no botão Mais opções (três pontos), e então clique em Agrupar.printscreen de criação de notas de rodapé
  4. Por fim, ao selecionar o grupo de blocos que você criou no passo anterior, clique em Avançado na barra Configurações do Gutenberg (ela fica visível se o ícone de engrenagem estiver ativo). Em Âncora de HTML, basta digitar o nome definido no passo 2, mas agora sem o jogo da velha (#).printscreen de criação da âncora para o link

Use o <blockquote>

Uma forma muito boa de fazer citações no decorrer do texto é utilizar a tag <blockquote>, que foi criada justamente para isso.

Assim você pode citar trechos de outros sites sem correr o risco de ser acusado de plágio.

Veja como é simples:

  1. Ao editar o post, selecione a opção de adicionar um novo bloco. Pesquise por Citar, e então clique no bloco que leva este nome. printscreen de seleção de bloco de citação
  2. Por fim, basta adicionar o texto desejado no bloco. No final, adicione o nome do autor da frase, de preferência com um link.printscreen de bloco de citação

Faça as referências no decorrer do texto

A forma mais fácil de citar fontes é linká-las em frases no decorrer do texto, como você pode ver em alguns trechos deste e de outros posts do meu blog.

Assim o usuário não precisa ser deslocado para outra parte da página toda vez que precisar conferir as referências.

E, de quebra, você ainda dá uma forcinha para o SEO da fonte citada!

Créditos das imagens: Freepik e sites citados.

Revisão

Sabe tudo sobre citação de fontes e referências, além de notas de rodapé no geral? Confira abaixo!

Como citar fontes do jeito certo em posts?

Links são a forma mais justa para citar fontes e referências. Você pode inserí-los no decorrer do texto ou em notas de rodapé, por exemplo. A não ser que seja um trabalho acadêmico ou um texto muito formal, você não precisa se preocupar com normas ABNT em posts.

Qual é o melhor plugin de notas de rodapé no WordPress?

O melhor plugin de notas de rodapé no WordPress é o footnotes, criado por Mark Cheret. Outra alternativa é o Easy Footnotes, um plugin bem mais simplificado.

Citar fontes atrapalha o SEO?

Muito pelo contrário. Citar referências e fontes confiáveis ajudam a aumentar a autoridade da sua página. Ou seja, além de trazer benefícios para a fonte em si em termos de link building, também deixa seu post mais confiável – o que é um critério de ranqueamento.

A cópia dos conteúdos e trabalhos deste site não é permitida. Saiba mais clicando aqui!

Quem é Fabio Lobo?

Web designer, desenvolvedor front-end e programador WordPress.

Quem é Fabio Lobo?

Estou há mais de uma década na área. O foco do meu trabalho é em usabilidade, facilidade pro usuário, acessibilidade, SEO e performance.

Também tenho alguns projetos open source, além de prestar consultoria em hospedagem WordPress e criação de conteúdo.

Como posso te ajudar hoje?

Trabalho com consultoria, suporte, manutenção, criação e desenvolvimento.

Fale comigo

Leia também...

...alguns textos que têm a ver com o assunto:

Cuidados ao fazer alterações em um tema WordPress

Editar o código-fonte de um tema pronto para WordPress pode quebrar seu site. Saiba como personalizar um template do jeito certo, do painel ao child theme.

Publisher Center: Como cadastrar um site no Google News

Conheça o Google Publisher Center (Central do Editor) para cadastrar sua publicação. Veja dicas sobre como aparecer no Google News – no Discover também!

Suporte para WordPress: serviços e soluções

Quer suporte para WordPress / WooCommerce, plugins e temas? Confira: de um chamado urgente a manutenção mensal, de ajuda grátis a atendimento profissional especializado.

Deixe seu comentário

Se você deseja um orçamento, entre em contato clicando aqui.

Quero um orçamento