Por vezes, introduzir fórmulas de matemática num artigo pode ser uma grande ajuda. A biblioteca Mathscribe jqMath, desenvolvida por Dave Barton, oferece uma forma simples de introduzir fórmulas de matemática em páginas web. Assim, como podemos usar o jqMath no WordPress?
Para começar, o jqMath necessita do jQuery, mas isso não é um problema pois o WordPress inclui esta biblioteca. Então, após descarregar a biblioteca, o que precisamos fazer é adicionar ao WordPress o ficheiro CSS “jqmath-x.y.z.css” e o ficheiro JavaScript “jqmath-x.y.z.js”, com “x.y.z” a versão da biblioteca. À data deste artigo, a versão é a 0.4.3, pelo que teremos os ficheiros “jqmath-0.4.3.css” e “jqmath-0.4.3.js”.
Muito bem, agora a questão é… e como fazê-lo?
Há várias opções. Desde criar um tema filho do vosso tema actual, criar um plugin ou… usar um plugin que faça isto por vocês!
Para os utilizadores avançados, criar um tema filho ou criar um plugin, poderá ser uma opção interessante. Mas para o utilizador comum, pode ser complicado pois implica adicionar código e aceder via FTP ao servidor onde têm o sítio web alojado. Por isso, não vou abordar estas soluções, mas irei falar sobre estes temas em artigos futuros.
Ficamos então com a opção de usar um plugin e, efectivamente, temos um que eu desenvolvi para a WebMind. Trata-se do plugin WM jqMath e que até o temos instalado no Out4Mind. Pode ver um exemplo no artigo “Resistências em série e em paralelo“.
O plugin está alojado no WordPress, pelo que facilmente o irá encontrar na instalação de plugins (necessita de ter acesso de administração ao blogue). O plugin limita-se a adicionar os ficheiros CSS e JavaScript do jqMath ao WordPress mas também oferece um “shortcode” para facilitar a formatação da fórmula, como iremos ver mais adiante.
Após instalar e activar o plugin WM jqMath, poderá começar a usar a sintaxe do jqMath nos seus artigos! Para cada artigo que pretenda inserir fórmulas, deverá ainda inserir o shortocode [enable_jqmath]. Isto irá garantir que outros artigos, em que não use fórmulas e queira usa o símbolo \$, a biblioteca do jqMath não irá tentar renderizar texto que não é uma fórmula matemática!
Vejamos um exemplo:
Pretende-se introduzir a fórmula resolvente de uma equação do segundo grau. Para a introduzir na mesma linha do seu texto poderá escrever:
\$x={-b±√{b^2-4ac}}/{2a}\$ e obterá: $x={-b±√{b^2-4ac}}/{2a}\$
Ou outro exemplo, introduzir a fórmula do cálculo da função derivada, centrada num novo parágrafo. Bastará introduzir \$\$f'(x)=\lim↙{h→0}{f(x+h)-f(x)}/h\$\$ e obterá:
$$f'(x)=\lim↙{h→0}{f(x+h)-f(x)}/h$$
Uma questão que poderá surgir é, e como formatar o texto da fórmula? Bom, neste caso é necessário usar estilos CSS. Se o seu tema permitir introduzir classes CSS personalizadas, poderá criar essas classes e usá-las com a própria sintaxe do jqMath. Imagine que define a seguinte classe:
.formula_f { text-size: 12pt; color: steelblue; }
Poderá incluir agora esta classe na sua fórmula, usando a sintaxe do jqMath, com:
\cl "formula_f"
Consulte o sítio do autor do jqMath para mais informações.
Contudo, o plugin WM jqMath ajuda a simplificar este processo com a utilização de um “shortcode” onde poderá introduzir os seus estilos.
Por exemplo:
[jqmath expr="\$\$x={-b±√{b^2-4ac}}/{2a}\$\$" style="color: navy; font-size: 14pt"]
Irá produzir:
$$x={-b±√{b^2-4ac}}/{2a}$$
Para manter a fórmula na mesma linha:
[jqmath expr="\$x={-b±√{b^2-4ac}}/{2a}\$" style="color: steelblue"]
O que irá produzir: $x={-b±√{b^2-4ac}}/{2a}$
Este artigo foi escrito de acordo com a antiga grafia.
Referências e ligações:
- Sítio web do autor do jqMath: http://mathscribe.com/author/jqmath.html
- Sítio web do projecto do plugin: http://webmind.pt/portfolio/wm-jqmath
- Plugin no directório do WordPress: https://wordpress.org/plugins/wm-jqmath/
- Repositório SVN: http://plugins.svn.wordpress.org/wm-jqmath/