Plugin WordPress per visualizzare formule scientifiche

L’integrazione delle formule matematiche in un sito web è una necessità comune per chi lavora in ambiti accademici, scientifici e tecnologici. Tuttavia, rendere il testo matematico chiaro e leggibile sul web può essere complicato, poiché HTML da solo non supporta le complesse espressioni matematiche.

Fortunatamente, scrivere e visualizzare formule matematiche su un sito web è diventato molto più semplice grazie a strumenti come MathJax, che permette di integrare LaTeX e visualizzare formule con una grafica chiara e leggibile. Questo strumento consente di incorporare formule matematiche scritte in LaTeX (un linguaggio di markup molto popolare nel mondo della matematica e della scienza) e visualizzarle in modo leggibile direttamente su pagine web.

Cos’è MathJax?

MathJax è una libreria JavaScript che permette di visualizzare equazioni matematiche nei browser web, offrendo supporto per LaTeX, MathML e AsciiMath. La sua flessibilità, la qualità tipografica elevata e la compatibilità cross-browser ne fanno uno strumento ideale per siti che richiedono l’uso di formule. MathJax non richiede che l’utente finale abbia software speciale installato ed è compatibile con qualsiasi dispositivo moderno, rendendo la visualizzazione matematica accessibile a un’ampia gamma di utenti.

Perché Utilizzare LaTeX con MathJax?

LaTeX è ampiamente utilizzato nei documenti scientifici e accademici per la sua capacità di rappresentare formule matematiche complesse con chiarezza. Integrare questa scrittura tramite MathJax significa garantire una formattazione coerente e di alta qualità sul web, replicando la precisione tipografica che LaTeX offre tradizionalmente nei documenti PDF.

Scrivere Formule in LaTeX

Una volta integrato MathJax, puoi iniziare a scrivere formule in LaTeX. LaTeX utilizza comandi speciali che iniziano con un backslash (\) per rappresentare simboli matematici e strutture. Le formule possono essere scritte in due modalità principali: in linea e blocco.

Formule in Linea

Le formule in linea vengono integrate direttamente nel testo. Per esempio, supponiamo di voler scrivere la formula di una semplice somma: a+b=ca + b = ca+b=c. Per farlo, basta racchiudere il testo in $...$ (o \( ... \)) come segue:

 <p>La formula della somma è $a + b = c$.</p>

Oppure:

 <p>La formula della somma è \( a + b = c \).</p>

Formule in Blocco

Per formule più complesse o per equazioni che richiedono più spazio, le formule in blocco sono la scelta migliore. MathJax permette di inserire formule di blocco racchiudendole in $$...$$ o \[ ... \]. Questo rende la formula visibile su una linea separata, centrata, per una migliore leggibilità. Ecco un esempio:

 <p>L'equazione di secondo grado è data dalla formula:</p>
$$ ax^2 + bx + c = 0 $$

Oppure, con la notazione alternativa:

 <p>L'equazione di secondo grado è data dalla formula:</p>
\[
ax^2 + bx + c = 0
\]

Esempi di Formule Complesse

MathJax supporta tutte le principali funzioni matematiche di LaTeX, inclusi simboli speciali, frazioni, sommatorie e integrali. Ecco alcuni esempi di formule complesse:

1. Frazioni: La sintassi \dfrac{numeratore}{denominatore} permette di creare frazioni. Per esempio, per rappresentare ab\dfrac{a}{b}ba​: $$ \dfrac{a}{b} $$
2. Sommatorie e Prodotti: MathJax supporta la notazione \sum per la sommatoria e \prod per i prodotti. Ad esempio, per una sommatoria: $$ \sum_{i=1}^{n} i = \dfrac{n(n + 1)}{2} $$
3. Integrali: Gli integrali si scrivono con il simbolo \int. Ad esempio, per rappresentare un integrale definito: $$ \int_{a}^{b} x^2 \, dx $$
4. Matrici: Per rappresentare matrici, puoi usare la struttura \begin{matrix} ... \end{matrix}. Per esempio, una matrice 2×2 si scrive così: \[ \begin{matrix} a & b \\ c & d \\ \end{matrix} \] Se preferisci la visualizzazione tra parentesi quadre, usa \begin{bmatrix} invece di \begin{matrix}.

Personalizzare MathJax

MathJax offre varie opzioni di personalizzazione che ti permettono di configurare l’aspetto delle formule. Un modo comune di personalizzare MathJax è configurarlo per supportare una sintassi diversa per le formule matematiche (ad esempio, cambiando i delimitatori per le formule in linea).

Per farlo, puoi aggiungere un piccolo script di configurazione nel tuo <head>, prima del link a MathJax:

<head>
    <script type="text/javascript">
        window.MathJax = {
            tex: {
                inlineMath: [['$', '$'], ['\\(', '\\)']],
                displayMath: [['$$', '$$'], ['\\[', '\\]']]
            }
        };
    </script>
    <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>

Compatibilità e Accessibilità

Un vantaggio significativo di MathJax è la sua compatibilità con la maggior parte dei browser e dei dispositivi, inclusi quelli con limitate capacità grafiche. Inoltre, MathJax offre una buona accessibilità, supportando lettori di schermo e consentendo l’interazione con strumenti di accessibilità per utenti con disabilità visive.