Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como escrever equações matemáticas no WordPress

Escrever equações matemáticas no WordPress pode ser um desafio, pois o editor padrão não oferece suporte total à formatação matemática. No entanto, há maneiras de adicionar equações ao seu site facilmente.

Neste artigo, vamos orientá-lo em três métodos diferentes para escrever equações matemáticas no WordPress. Quer você precise de fórmulas simples ou equações complexas, essas técnicas o ajudarão a exibi-las corretamente em seu site.

Seguindo essas etapas, você pode garantir que suas equações sejam claras, profissionais e fáceis de serem lidas pelo seu público.

Writing math equations in WordPress

Por que é difícil escrever equações matemáticas no WordPress?

Escrever equações matemáticas e científicas no WordPress é difícil devido à falta de suporte para os caracteres em HTML.

O WordPress funciona de forma dinâmica, gerando o conteúdo do seu site e enviando a saída HTML de volta aos navegadores dos usuários para exibição.

Atualmente, o MathML e o LaTeX são considerados os padrões para escrever equações matemáticas e científicas na Web.

Infelizmente, achamos que eles não são ideais para iniciantes. Ambos exigem que você aprenda a sintaxe, o que pode se tornar complicado para equações mais longas e complexas.

Dito isso, vamos dar uma olhada em como escrever equações matemáticas em seu blog do WordPress.

Começaremos com uma solução fácil antes de mostrar como usar MathML ou LaTeX no WordPress. Você pode usar os links rápidos abaixo para ir para o método que deseja usar:

Método 1: Escrever equações matemáticas no WordPress usando caracteres Unicode

Esse método é mais simples e recomendado para usuários que não precisam escrever equações matemáticas com frequência. Para esse método, você usará caracteres Unicode e os inserirá diretamente no editor de postagens.

Unicode é o padrão de codificação que oferece suporte à codificação de caracteres para todos os idiomas. Ele é suportado por todos os criadores de sites, sistemas operacionais e dispositivos móveis.

Veja a seguir como adicionar caracteres matemáticos no WordPress usando Unicode.

1. Adição de caracteres matemáticos Unicode no Mac

Nos computadores Mac, você pode adicionar operadores matemáticos e caracteres na barra de ferramentas na parte superior.

Basta clicar em Editar ” Emoji & Symbols ou pressionar as teclas Command + Control + Espaço no teclado.

Character Viewer

Isso abrirá o aplicativo “Character Viewer” em uma janela pop-up. A partir daí, você pode selecionar os símbolos e caracteres que deseja inserir.

Basta clicar duas vezes em um caractere para inseri-lo no editor de postagens do WordPress.

Você também pode formatar caracteres no editor de postagem usando as opções de subscrito e sobrescrito na barra de ferramentas de parágrafo.

Using subscript and superscript in WordPress paragraph block

2. Adição de caracteres matemáticos Unicode no Windows

Os usuários do Windows podem usar um aplicativo semelhante para inserir operadores matemáticos e caracteres especiais no editor de postagens do WordPress.

Abra o aplicativo Character Map clicando em Iniciar ” Acessórios do Windows ” Character Map. Isso exibirá os caracteres comumente usados na tela.

Character Map app in Windows 10

O aplicativo Character Map é compatível com muitas codificações diferentes, inclusive Unicode. Você pode encontrar operadores matemáticos selecionando o Subintervalo Unicode em Grupo.

Depois de localizar um caractere, você precisa clicar para selecioná-lo e, em seguida, copiá-lo. Agora, volte para o editor de conteúdo do WordPress e cole o caractere.

A adição manual de caracteres especiais e operadores matemáticos é um incômodo, mas funciona se você estiver adicionando isso apenas de vez em quando.

No entanto, se você precisar escrever equações matemáticas regularmente em seu site, será melhor aprender a usar um dos dois métodos descritos abaixo.

Método 2: Como escrever equações matemáticas no WordPress usando o LaTeX

O LaTeX é um padrão de formatação projetado explicitamente para escrever documentação técnica e científica.

Ele é amplamente usado nos círculos acadêmicos e é considerado o padrão de fato para escrever equações e outros documentos científicos.

O site oficial do LaTeX tem documentação detalhada e links para tutoriais e guias que o ajudarão a aprender a usá-lo.

Vamos nos concentrar em como trazer a composição LaTeX para seu site WordPress.

Primeiro, você precisa instalar e ativar o plug-in MathJax-LaTeX. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Observação: o plug-in pode mostrar um aviso de que não é atualizado há algum tempo, mas nós o testamos em nosso site e ele funcionou bem.

Após a ativação, você precisa editar o post ou a página em que deseja inserir uma equação matemática. Na tela de edição do post, clique no botão adicionar novo bloco (+) e insira o bloco Shortcode em seu conteúdo.

Shortcode block

Dentro do bloco Shortcode, você precisa adicionar o shortcode no seguinte formato:

[latex]seu código LaTeX aqui[/latex]

Add your shortcoe with the latex code

Agora você pode salvar sua postagem e visualizá-la para ver sua equação matemática com formatação.

Esta é a aparência em nosso site de demonstração do WordPress.

A math equation displayed in WordPress using LaTeX

Usar um aplicativo LaTeX off-line para seu sistema operacional é uma maneira mais fácil de gerar o código de que você precisa.

Como alternativa, você também pode usar um ambiente LaTeX baseado na Web, como o Overleaf.

Overleaf

Em seguida, você pode copiar e colar suas equações no bloco Shortcode do WordPress.

Método 3: Como escrever equações matemáticas no WordPress usando MathML

MathML é uma linguagem de marcação projetada para publicar facilmente equações matemáticas na Web. Ela usa uma marcação XML semântica semelhante ao HTML.

O WordPress não é compatível com MathML imediatamente e, se você adicionar o código MathML no editor de postagens, ele não será renderizado corretamente.

Felizmente, há um plug-in que resolve esse problema.

Basta instalar e ativar o plug-in MathML Block. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Observação: o plug-in pode mostrar um aviso de que não é atualizado há algum tempo, mas nós o testamos em nosso site e ele funcionou bem.

Após a ativação, comece a editar o post ou a página em que você deseja adicionar a equação matemática. Na tela de edição do post, clique no botão adicionar novo bloco (+) e adicione o bloco HTML personalizado ao seu conteúdo.

Adding custom HTML block in WordPress

Agora você pode colar seu código MathML dentro do bloco HTML personalizado.

Ele deve ter a seguinte aparência.

Adding MathML code in WordPress

Depois disso, você pode salvar sua postagem ou página.

Ao visualizá-lo em uma nova guia, você verá o MathML maravilhosamente transformado em seu site.

MathML preview

O MathML Block usa o mecanismo MathJax JavaScript para converter sua marcação em equações matemáticas legíveis. Ele também oferece suporte a comandos LaTeX.

Para adicionar seu código LaTeX, basta adicionar o bloco MathML ao seu editor de conteúdo.

Adding MathML block

Na área de texto do bloco MathML, você pode colar seu código LaTeX da seguinte forma:

\[ sua equação está aqui\]

Agora você pode salvar e visualizar sua postagem para vê-la exibida na postagem ou página do blog.

LaTeX in MathML Block

Esperamos que este artigo tenha ajudado você a aprender como adicionar equações matemáticas no WordPress. Talvez você também queira ver nossas escolhas de especialistas para os melhores plug-ins de calculadora do WordPress e nosso guia sobre como escrever uma ótima postagem de blog.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

7 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Agu Sunday

    It was really helpful. it has solved the problem of many months of watching a lot of video without success. Thanks you so much

    • WPBeginner Support

      Glad our recommendation was helpful :)

      Administrador

  3. Ioannis Giftakis

    Do you also know a WP Plugin that allows to put math formulas in comments also?

    • WPBeginner Support

      The second option from this article should be what you’re looking for :)

      Administrador

  4. Ira Grossman

    I read on a Mircrossoft page that the shortest way to get to character map is to type “map” in the search bar and then select it from the list. Works for me, but with all things Windows you should check it out.

    • WPBeginner Support

      Thanks for sharing another way to find the character map :)

      Administrador

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.