Mathematische Gleichungen und Formeln verwende ich persönlich regelmäßig auf meinen Websites. Da meine Websites auf WordPress laufen, brauche ich eine verlässliche und optisch ansprechende Möglichkeit genau zu diesem Zweck. Wie kann man also eine Formel auf der WordPress-Website gut darstellen?
Seit WordPress 6.9 geht es ohne Plugin: Im Block-Editor fügen Sie den Block „Mathematik“ ein und tippen die Formel in LaTeX. Für den Classic Editor, für viele oder komplizierte Formeln ist ein Plugin mit MathJax die bessere Wahl; dort schreiben Sie das LaTeX zwischen Shortcodes wie \[…\] in den Text. Die dritte Möglichkeit ist eine Formel als Bild.
Im Folgenden erfahren Sie alle Details zu meinem Setup für Formeln in WordPress, inklusive der Plugin-Einrichtung für MathJax, bzw. wie ich den Quellcode für meine Formeln schreibe.
Mathematische Formeln auf Websites im Allgemeinen und mit WordPress im Besonderen
In meinem Artikel Mathematische Formeln auf Websites schreiben: So geht’s habe ich bereits im Detail die Grundlagen und die verschiedenen Lösungen für das Problem beschrieben, mathematische Formeln ansprechend auf einer Website darzustellen.
Hier geht es nun um die Umsetzung dieser Möglichkeiten mit WordPress als Plattform für die eigene Website. Die konkreten Möglichkeiten sind:
- Die Formel in LaTeX in den WordPress-eigenen Block „Mathematik“ zu schreiben (ab WordPress 6.9)
- Die mathematische Formel als Grafik auf der Website einzubinden
- Den Formelcode in LaTeX oder MathML zu schreiben und über die MathJax-JavaScript-Bibliothek darstellen zu lassen
- Die mathematische Formel als MathML direkt auf der Website einzufügen, vorausgesetzt, diese verwendet HTML5 (weil dort MathML bereits enthalten ist), zum Beispiel im Block „Individuelles HTML“
Als dieser Artikel 2019 entstand, war die letzte Möglichkeit keine echte Option, weil Chrome MathML nicht darstellte. Das hat sich geändert: Seit Januar 2023 können es alle gängigen Browser. Davon profitiert vor allem der neue Block „Mathematik“, denn er speichert Ihre Formel als MathML.
Vom Workflow her sind der Block und MathJax einer Grafik vorzuziehen, weil sie den Arbeitsschritt der Grafikerzeugung einsparen. Grafiken können trotzdem in bestimmten Situationen von Vorteil sein. Außerdem werden Bilder seit Anbeginn des WWW auf mannigfaltige Weise unterstützt und sind auch als Medium sehr anpassungsfähig.
Ich möchte hier also trotz meiner persönlichen Vorlieben alle Varianten so gut es geht beschreiben und klar machen, wie sie mit WordPress am besten umzusetzen sind.
Der einfachste Weg seit WordPress 6.9: der Block „Mathematik“
Seit Version 6.9 (Dezember 2025) bringt WordPress einen eigenen Block für Formeln mit, ganz ohne Plugin. Er heißt „Mathematik“, und Sie finden ihn im Block-Editor wie jeden anderen Block über das Plus-Zeichen oder indem Sie /Mathematik tippen. So funktioniert er:
- Sie tippen Ihre Formel in LaTeX in das Feld „LaTeX-Mathematik-Syntax“, also zum Beispiel
x_{1,2}=\frac{1}{2a}\left(-b\pm\sqrt{b^2-4ac}\right). Die fertige Formel erscheint sofort im Editor. - Bei einem Tippfehler, etwa einer fehlenden Klammer, zeigt der Block die Meldung „Fehler bei der Auswertung des mathematischen Ausdrucks“ samt der Stelle, an der es hakt.
- Für eine Formel mitten im Satz markieren Sie in einem Absatz eine Stelle und wählen in der Werkzeugleiste (im Menü mit dem kleinen Pfeil) die Formatierung „Mathematik“.
So sieht die quadratische Lösungsformel aus, wenn sie mit diesem Block gesetzt ist:
Der Trick dahinter: Der Editor übersetzt Ihr LaTeX mit der kleinen Bibliothek Temml in MathML und speichert dieses MathML im Beitrag. Auf der fertigen Seite läuft dann kein JavaScript, und es wird nichts von einem fremden Server geladen; der Browser zeichnet die Formel selbst. Das klappt, weil inzwischen alle gängigen Browser MathML beherrschen (mehr dazu im nächsten Abschnitt).
Zwei Einschränkungen sollten Sie kennen. Erstens gibt es den Block nur im Block-Editor, nicht im Classic Editor. Zweitens hängt das Aussehen vom Browser und den Schriften auf dem Gerät des Besuchers ab. Die Entwickler von Temml schreiben selbst, dass Chromium (also Chrome und Edge) mit den Systemschriften Darstellungsfehler hat. In meinem Test in Chrome 152 auf dem Mac war zum Beispiel das Integralzeichen in einer abgesetzten Formel nicht größer als der Text, während MathJax es in der gewohnten Größe zeichnet. Für einfache Formeln ist der Block deshalb die bequemste Lösung; für viele oder komplizierte Formeln bleibt MathJax die schönere.
Mathematische Formeln als Bilder auf der WordPress Website
Mathematische Formeln als Bilder auf der Website einzubinden liegt auf der Hand. Bilder gibt es praktisch genau so lange wie das WWW. Die Möglichkeiten, Bilder in Szene zu setzen, sind vielfältig. Von Rahmen, Schatten über Animationen bis zu Verzerrungen oder Abdunkeln ist alles dabei.
Bilder sind in WordPress daher ein fixer Bestandteil der Plattform und grundsätzlich gut zu organisieren und einfach zu handhaben. In meinem Artikel Bilder in WordPress, einfach erklärt habe ich alle Details zum Umgang mit Bildern auf der eigenen WordPress-Website gesammelt und aufgeschrieben.
Bei Formeln als Bildern gibt es aber ein paar wichtige Punkte zu beachten:
- Man braucht ein extra Programm, mit dem man die Formel irgendwie schreibt und dann als Bild exportieren oder speichern kann.
- Dieser zusätzliche Schritt in der Vorbereitung kann mühsam sein, wenn man sehr viele Formeln erzeugen will oder muss.
- Um einen Fehler zu korrigieren oder etwas anderes an der Formel zu verändern, muss man das Bild der Formel neu erzeugen.
- Um Korrekturen und Änderungen auch rasch ausführen zu können, muss man den Ausgangscode für die Formel so speichern, dass man die richtige Datei leicht finden kann. Das kann bei komplexen Inhalten mit vielen Formeln zu einer Herausforderung werden.
Abgesehen von der aufwändigen Organisation und Speicherung des Formel-Quellcodes und des zusätzlichen Arbeitsschrittes der Erzeugung einer Bilddatei stellt sich für mich persönlich hauptsächlich folgende Frage: Was ist der Ausgangspunkt der Formel? Wie wird sie geschrieben? Und kann man diese Methode nicht vielleicht etwas direkter auf einer WordPress-Website einsetzen?
Die Antwort darauf ist ja, das geht. Im Allgemeinen ist das auch besser, einfacher und schneller. Die einzige Ausnahme ist, wenn man tatsächlich ein Bild der Formel für einen bestimmten Zweck unbedingt braucht oder haben will. Und in so einem Fall kann man mit dem Hintergrundwissen aus diesem Artikel dann auch ganz einfach eine Formel-Grafik erstellen.
Die Grundlegende Voraussetzung für mathematische Formeln in WordPress und auf anderen Websites: Mathematisches Markup
Im vorigen Abschnitt sind wir bereits bei der eigentlich wichtigsten Frage des Problems Formeln für die Website angelangt: Welches mathematische Markup eignet sich am besten für diesen Einsatz? Es besteht nämlich kein Zweifel daran, dass man irgendeine Form von mathematischem Markup braucht, um die Formel erst einmal in Computer-lesbarer Form aufzuschreiben.
In meinem Artikel Mathematische Formeln auf Websites schreiben: So geht’s diskutiere ich unter anderem die Frage, warum es eigentlich nicht so einfach ist, mathematische Formeln auf Websites darzustellen. Die Antwort auf diese Frage kommt aus der komplexen Natur einer mathematischen Formel: Man muss genau wissen, wohin ein Buchstabe oder Ausdruck gehört und in welcher Beziehung er zu denen anderen Teilen der Formel steht.
Mathematisches Markup erlaubt es, genau diese Struktur und Beziehungen ganz klar festzulegen und auch aufzuschreiben. Ansatzweise tun wir das übrigens auch auf dem Papier, so wie wir es in der Schule gelernt haben. Mit der Einschränkung der Texteingabe beim Tippen kann und muss man aber eben alles genau definieren und klar machen.
Das klingt jetzt vielleicht kompliziert, unnötig und wie ein Nachteil, aber so ist das immer, wenn ein System viel kann: Man muss dann eben auch genau sagen, was man möchte. Von den verschiedenen Möglichkeiten des mathematischen Formel-Markups hat sich im wissenschaftlichen Bereich das System LaTeX etabliert.
LaTeX als mächtiges mathematisches Markup, auch für WordPress Websites
LaTeX liefert also mathematisches Markup. LaTeX ist allerdings auch ein komplettes Textverarbeitungssystem. Es kann so ziemlich alles, was man z.B. braucht, um ein wissenschaftliches (oder sonstiges) Buch zu schreiben, mit Querverweisen, Referenzen, Fussnoten, und eben Formeln und Gleichungen.
Weil uns hier ja nur der letzte Teil interessiert, möchte ich diesen hier isoliert betrachten. Und weil sehr viele Menschen das möchten, gibt es dafür eigene Werkzeuge, also kleine Programme, in denen man auch einzelne Formeln schreiben kann, ohne ein ganzes Dokument drumherum zu brauchen.
Wie wir gleich weiter unten sehen werden, kann man bei geeigneter Implementierung eine in LaTeX geschriebene Formel direkt in einem Artikel in WordPress einbinden. De facto (und das ist auch meine bevorzugte Lösung) kann man den Formelcode in LaTeX direkt im WordPress-Beitrag schreiben, und zwar im Block „Mathematik“ oder zwischen zwei Shortcodes. Mehr dazu wie gesagt gleich.
Für den Moment sei also festgehalten: Mathematisches Markup ist unerlässlich, LaTeX ist dafür die beste Möglichkeit. Aber es gibt auch andere Möglichkeiten, allen voran MathML.
MathML auf der WordPress Website direkt einbinden
MathML ist ebenfalls eine Markup-Sprache für mathematisches Markup, und sie heißt auch so. Die Idee dahinter ist, die Struktur der Formel durch XML-artige Tags festzulegen und dann das Layout und die restliche Darstellung der Formel über die im WWW übliche Kombination von HTML und CSS zu bewerkstelligen.
Das muss der Internet-Browser des Website-Besuchers unterstützen, und lange war genau das der Haken: Chrome hatte MathML in Version 24 kurz eingebaut und mit Version 25 wieder entfernt. Seit Chrome und Edge 109 (Januar 2023) ist es zurück, Firefox und Safari konnten es schon lange. Damit stellen alle gängigen Browser MathML selbst dar (webstatus.dev).
Nichtsdestotrotz kann man MathML in WordPress verwenden, und zwar direkt. Dazu müssen Sie beim Schreiben einfach nur den MathML-Code für Ihre Formel an der gewünschten Stelle einfügen. Im Classic Editor wechseln Sie dafür in den Tab „Code“, im Block-Editor nehmen Sie den Block „Individuelles HTML“. Nach dem Einfügen des Inhalts kommt dann wieder ein neuer Absatz bzw. beginnt wieder ein neuer Block, fertig.
Für MathML brauchen Sie also auf der WordPress Website selbst keine zusätzliche Software oder Plugins, sondern nur den Code einzufügen. Um MathML-Code zu schreiben eignen sich am besten MathML-Editoren oder eine Konversion von LaTeX nach MathML. Einen Überblick darüber, wie Sie zu MathML-Code kommen können, gebe ich ebenfalls in meinem Artikel Mathematische Formeln auf Websites schreiben: So geht’s, der Link hier bringt Sie direkt zum relevanten Abschnitt dort.
Am Beispiel "MathML-Code aus LaTeX-Code erzeugen" merkt man schon, dass LaTeX einfacher zu schreiben ist, viel einfacher. Beschäftigen Sie sich also lieber mit LaTeX. Sollten Sie einmal MathML brauchen, können Sie es recht einfach erzeugen.
MathJax für die Darstellung mathematischer Formeln nutzen
Lange bevor die Browser MathML selbst konnten, gab es dafür eine JavaScript-Bibliothek, nämlich MathJax. Sie ist bis heute die verbreitetste Lösung. Dabei darf man Formel-Markup sowohl in LaTeX als auch MathML schreiben und dieses wird per JavaScript in sehr schöne und korrekte Formeln umgewandelt.
Das hat mehrere Vorteile:
- Die fertige Formel sieht in verschiedenen Internet-Browsern gleich aus, unabhängig von deren Schriften.
- Die Eingabesprache ist flexibel, auch wenn wir inzwischen wissen, dass man alles aus LaTeX erzeugen kann und daher nicht viele andere Markup-Sprachen beherrschen muss.
- JavaScript ist auf Websites und auch auf WordPress einfach zu handhaben
- Das Formel-Markup steht wieder direkt im Website-Text und kann leicht editiert bzw. korrigiert werden.
- Die Darstellung der Formel skaliert auf verschiedenen Bildschirmgrößen und Endgeräten automatisch
- Die Struktur der Formel ist auch bei der Darstellung vorhanden und kann z.B. von Text-zu-Sprache Ausgabehilfen gut gelesen bzw. vorgelesen werden.
Insgesamt ist das kurz gesagt die vielseitigste Lösung für Formeln auf Websites, was die Flexibilität, den Workflow und die Lesbarkeit betrifft.
MathJax auf der WordPress Website aktivieren
MathJax ist eine JavaScript-Bibliothek, die als Open-Source-Projekt administriert wird. Um MathJax auf einer WordPress Website einzubinden, muss man zwar kein Plugin verwenden, dies ist aber die bequemste Möglichkeit. Alternativ kann man auch einfach etwas Code in den <head> der eigenen Website einfügen, und zwar:
<script defer src="https://cdn.jsdelivr.net/npm/mathjax@4/tex-mml-chtml.js"></script>
Diese Zeile lädt die aktuelle Version 4 vom CDN jsDelivr; im <body> der Seite schreibt man die Formeln dann zwischen die Begrenzer \( … \) oder \[ … \]. Alte Anleitungen (auch dieser Artikel in seiner früheren Fassung) haben davor noch eine Zeile mit polyfill.io. Die gehört gelöscht, denn über diese Domain wurde 2024 Schadcode verteilt. Und denken Sie daran: Beim Laden vom CDN geht die IP-Adresse jedes Besuchers an den CDN-Betreiber. Was das für Ihre Datenschutzerklärung heißt und wie man MathJax stattdessen selbst hostet, steht in meinem Artikel MathJax für Anfänger: Einbinden, Brüche, Befehle und Beispiele.
Dabei gilt es jedoch zu beachten, dass man im Grunde die aktuellste Version von MathJax verwenden möchte und sich der Text auf der eigenen Website nicht unbedingt automatisch aktualisiert, wenn eine neue Version von MathJax publiziert wird. Ein Plugin nimmt einem das Einbinden ab, vor allem aber bringt es praktische WordPress-Shortcodes mit. Auch ein Plugin liefert allerdings nur die MathJax-Version, die es mitbringt oder die man einstellt. Dazu gleich noch mehr.
Hier ein kurzer Hinweis zu dem Code-Beispiel, das Sie gerade gesehen haben: Solche übersichtlichen und praktischen Einbindungen können Sie ebenfalls recht einfach in WordPress umsetzen. Wie? Das habe ich hier beschrieben: So geht’s: Code-Beispiele auf der WordPress-Website und Das Enlighter WordPress-Plugin: Installation, Einstellungen, Vorteile.
Mathematische Formeln in WordPress mit dem Plugin MathJax-LaTeX
Es gibt mehrere Plugins für das Einbinden von MathJax auf der eigenen WordPress Website. Hier auf WebsiteBerater.com läuft seit 2019 das Plugin MathJax-LaTeX, und es funktioniert auch unter WordPress 7.1 weiterhin. Ehrlicherweise muss ich aber dazusagen (Stand Oktober 2026): Die letzte Aktualisierung ist vom Januar 2025, auf wordpress.org ist es nur bis WordPress 6.7 getestet, und es bringt MathJax 2.7.9 mit, also die alte Version 2 von 2020 statt der aktuellen Version 4. Wer heute neu anfängt, kann sich zwei Alternativen ansehen: Simple Mathjax lässt Sie zwischen MathJax 2, 3 und 4 wählen (Version 2.1.1 vom September 2025), und das Plugin KaTeX setzt auf die schnellere Bibliothek KaTeX, versteht ebenfalls den Shortcode \[ und lädt seit Version 2.2.5 nichts mehr von fremden Servern. Die Einrichtung von MathJax-LaTeX ist jedenfalls einfach, und es gibt nicht viel einzustellen. Zunächst zur Plugin-Installation.
Installation des WordPress Plugins MathJax-LaTeX
Wenn Sie noch nie ein Plugin in WordPress installiert haben oder mehr zu diesem Vorgang wissen möchten, dann empfehle ich Ihnen meinen Artikel WordPress Plugins einfach erklärt gleich hier auf WebsiteBerater.com. Sollten Sie beim Installieren des Plugins Probleme haben, finden Sie die Lösung sehr wahrscheinlich in meinem Artikel Warum kann ich bei WordPress keine Plugins installieren?. Doch das nur der Vollständigkeit halber. Hier die Kurzversion:
Um das Plugin zu installieren, gehen Sie im WordPress Dashboard im linken Seitenmenü auf Plugins und dann Plugin hinzufügen. Tippen Sie "MathJax-LaTeX" ins Suchfenster ein und suchen Sie dieses Plugin:
Klicken Sie zunächst auf Jetzt installieren und danach auf Aktivieren, um das Plugin für den Einsatz auf der Website bereit zu machen.
Einstellungen für das WordPress Plugin MathJax-LaTeX
Als nächstes muss man noch einmal kurz auf die Einstellungsseite des Plugins MathJax-LaTeX gehen, um MathJax auf der eigenen Website zu konfigurieren. Suchen Sie dazu im linken Seitenmenü den Punkt Einstellungen und dort den neuen Unterpunkt MathJax-LaTeX.
Klicken Sie darauf und Sie gelangen zu einer Übersicht über die wenigen Einstellungen, die hier notwendig sind (die Einstellungsseite des Plugins ist auf Englisch). Hier ist eine Übersicht:
Als Erstes habe ich die Grundeinstellung für den Shortcode, Default [latex] syntax attribute, von inline auf display umgestellt. Dabei geht es darum, wie die Zeichen in einer LaTeX-Formel angeordnet und in welcher Größe sie dargestellt werden. Kurz gesagt, ist die Darstellung für inline etwas kompakter, die Darstellung für display ist jedoch ausgedehnter, übersichtlich und ansprechend, so wie bei einer abgesetzten Formel bzw. Gleichung in LaTeX.
Ich persönlich habe übrigens display ausgewählt, weil ich diese Art von Darstellung mehrerer Formeln im Text schätze. Wenn man z.B. ein Skriptum oder eine längere Anleitung (in LaTeX oder sonstwo) schreibt, hilft es beim Lesen enorm, wenn die Formeln abgesetzt sind. Das erleichtert das Lesen jeder einzelnen Formel, erzeugt aber auch ein stimmiges Textbild.
Was aber auch immer Sie an dieser Stelle einstellen, es betrifft nur das Standardverhalten des LaTeX-Shortcodes. Zusätzlich kann man allerdings auch die für MathJax üblichen Anfangs- und End-Tags für mathematischen inline- bzw. display-Code verwenden, doch dazu gleich noch mehr, wenn es um die Shortcodes geht.
Zwei weitere Einstellungen würde ich heute anders empfehlen als 2019. Bei MathJax Configuration steht anfangs default. Damit kennt MathJax die Befehle des Pakets AMS-Math nicht, und schon ein \dfrac erscheint als rote Fehlermeldung „Undefined control sequence“. Wählen Sie TeX-AMS_HTML; auf dieser Website habe ich beides ausprobiert. Außerdem ist von vornherein Use MathJax CDN Service? angehakt. Dann lädt jede Seite mit Formel MathJax von cdnjs, einem CDN von Cloudflare, und schickt dabei die IP-Adresse des Besuchers dorthin. Hier auf WebsiteBerater.com habe ich den Haken deshalb entfernt und bei Custom MathJax location? die Adresse einer eigenen Kopie von MathJax auf meinem Server eingetragen. Danach die Änderungen speichern, fertig.
Die Benutzung des MathJax-LaTeX WordPress-Shortcodes latex
Damit ist die Installation und grundsätzliche Bereitstellung von MathJax auf der eigenen WordPress-Website bereits erledigt. Nun muss man es "nur noch" benutzen und jeweils vorher laden lassen. Dazu verwendet man z.B. einen sogenannten WordPress Shortcode, nämlich
Wenn Sie noch nicht direkt mit WordPress Shortcodes zu tun hatten, dann empfehle ich Ihnen meinen Artikel Shortcodes in WordPress, einfach erklärt, wo Sie alles nötige über diese wichtigen WordPress-Helferlein erfahren.
Die Verwendung des latex-Shortcodes triggert zunächst automatisch das Laden der MathJax Javascript-Bibliothek, sodass Formeln korrekt dargestellt werden. Der Formeltext kommt dabei zwischen die Anfangs- und End-Tags des Shortcodes. Ein einfaches Beispiel in LaTeX sieht so aus:
Das Resultat, gerendert von MathJax (auch auf dieser Seite hier), sieht so aus:
[latex] x_{1,2}=\frac{1}{2a}\left(-b\pm\sqrt{b^2-4ac}\right) \]Diesen Shortcode können Sie grundsätzlich überall auf einer Seite oder einem Beitrag in WordPress verwenden, also in allen Inhalten, die Sie mit den Standard-Editoren bearbeiten. Im Classic Editor (für Details dazu lesen Sie meinen Artikel Schreiben in WordPress, einfach erklärt) schreiben Sie einfach mitten in Ihren Text den Shortcode samt Formel-Markup hinein, insbesondere dann, wenn Sie eine Formel im inline-Stil erzeugen wollen.
Alternativ können Sie auch einen neuen Absatz machen, bevor und nachdem Sie den Shortcode samt Inhalt eingefügt haben. Allerdings wird dann auch Ihre inline-Formel gegebenenfalls mit Absatz dargestellt, was vermutlich nicht gewünscht ist. Wenn Sie eine Formel im display-Stil einfügen, dann spielt es keine Rolle, ob Sie rund um die Shortcodes Absätze gemacht haben oder nicht - diese werden automatisch eingefügt.
Im neuen WordPress Block-Editor Gutenberg gilt im Prinzip das gleiche. Hier können Sie allerdings auch das neue Konzept der Blöcke nutzen: Bei einer Formel im display-Stil kommt der Shortcode samt Inhalt in einen extra Block (es gibt nämlich einen extra Block für Shortcodes). Beide Varianten führen jedoch für display-Formeln letztlich zum gleichen Ergebnis und werden auf der fertig publizierten Seite als schön gesetzte mathematische Formel dargestellt.
Umschalten zwischen Inline- und Display-Formel-Stil beim MathJax-LaTeX WordPress-Shortcodes latex
An dieser Stelle fragen Sie sich allerdings vermutlich bereits, wie man nun eigentlich zwischen diesen Stilen (inline oder display) umstellt, wenn der Shortcode ja von vornherein auf eins davon voreingestellt ist. Zum einen können Sie dem Shortcode ein Attribut verpassen. Zum anderen können Sie die nativen MathJax-Befehle für inline und display verwenden, aber dazu gleich noch mehr.
Zunächst zu den Shortcode-Attributen: Das benötigte Attribut heißt syntax und hat die Werte inline und display. Attribute in WordPress-Shortcodes werden immer als Strings (also unter Anführungszeichen) übergeben, sodass Sie zum Umschalten auf den inline-Stil folgendes als Anfangs-Shortcode verwenden müssen (der End-Shortcode bleibt gleich):
Wie sieht das Resultat aus? Hier ist es, und zwar ohne davor und danach einen Absatz zu machen: \( x_{1,2}=\frac{1}{2a}\left(-b\pm\sqrt{b^2-4ac}\right) \) Wie Sie sehen können, wird die Formel tatsächlich wie normaler Text in die Zeile eingefügt und der Formelsatz etwas komprimiert.
Die Benutzung des MathJax-LaTeX WordPress-Shortcodes mathjax
Wie bereits im vorigen Abschnitt erwähnt, können Sie bei der Verwendung dieses Plugins auch die nativen Anfangs- und End-Tags verwenden, die MathJax bereitstellt. Diese sind für Formeln im display-Stil
\[ ... ... \]
und für Formeln im inline-Stil
\( ... ... \)
Dadurch stellt MathJax automatisch die Formel richtig dar. Allerdings muss in so einem Fall noch das Laden der MathJax-Bibliothek auf der jeweiligen Seite aktiviert werden, das ja beim verwenden des latex-Shortcodes automatisch ausgelöst wird.
Für genau diesen Fall gibt es noch einen Shortcode, den dieses Plugin bereitstellt, nämlich mathjax. Schreiben Sie also
irgendwo in den Text der Seite, auf der Sie MathJax aktivieren wollen, allerdings vor dem ersten Auftauchen einer Formel, sonst wird diese nicht ordentlich dargestellt. Mit diesen Möglichkeiten haben Sie nun für das Schreiben von Formeln in WordPress mit LaTeX-Code freie Hand.
Workflow für mathematische Formeln in WordPress mit einem MathJax-Plugin
An dieser Stelle haben Sie bereits (fast) den gesamten Workflow beim Arbeiten mit mathematischen Formeln in WordPress und dem Einsatz von MathJax kennen gelernt. Wenn MathJax einmal per Plugin installiert und konfiguriert ist, dann geht es eigentlich nur noch ums Schreiben der Formeln.
Der Formelcode wird dabei explizit zwischen den Anfangs- und End-Tags des Shortcodes gespeichert und Sie können ihn beim Editieren Ihres Artikels bzw. Ihrer Seite im WordPress Editor Ihrer Wahl jederzeit sehen. Natürlich können Sie die Formel dort aber auch ganz einfach korrigieren oder verändern. Somit ist der MathJax-Workflow genau gleich einfach wie derjenige für WordPress selbst.
Natürlich können Sie auch Formeln, die Sie bereits an anderer Stelle (z.B. in einer Veröffentlichung, einem Skriptum o.ä.) in LaTeX geschrieben haben, ganz einfach zwischen einem Shortcode-Paar in einen WordPress-Artikel hineinkopieren.
Mathematische Formeln in WordPress: Mein Fazit
Mein persönliches Fazit zur Problematik einer guten und verlässlichen Darstellung mathematischer Formeln auf einer WordPress Website fällt also sehr positiv aus. Es gibt in WordPress mit dem Block „Mathematik“ und über geeignete Plugins die Möglichkeit, LaTeX-Formelcode direkt in den Standardeditoren zu verwenden und zu speichern.
Das ist ein denkbar einfacher Workflow. Gleichzeitig hat man mit MathJax eine korrekte, ansprechende und Browser-unabhängige Darstellungsmethode, die kostenlos ist und per CDN oder als eigene Kopie auf dem Server zur Verfügung steht. Selbst, wer seine Formeln nicht direkt in LaTeX schreiben will, kann entsprechenden Code mit einem Formel-Editor relativ einfach erzeugen.
Trotzdem bin ich, wie schon an anderer Stelle erwähnt, persönlich der Meinung, dass das Schreiben von Formeln in LaTeX nicht schwieriger ist, als die Formel einerseits zu verstehen und andererseits, in einem Formel-Editor zusammenzusetzen. Ich kann das also nur jedem empfehlen, vor allem, wenn Sie vorhaben, viele Formeln zu erstellen.
Mehr Informationen zur Nutzung von MathJax
MathJax ist hier als meine persönlich favorisierte Variante herausgekommen, wie man mathematische Formeln auf einer Website und insbesondere in WordPress darstellen kann. Ich habe daher noch einen anderen Artikel hier auf WebsiteBerater.com geschrieben, der sich mit den wichtigsten Informationen befasst, die man über MathJax wissen sollte, wenn man damit arbeiten will.
Sie finden diesen Artikel unter dem Titel MathJax für Anfänger: Einbinden, Brüche, Befehle und Beispiele. Dort erfahren Sie die Grundlagen der Funktionsweise von MathJax, sowie die wichtigsten Varianten und Einstellungen für diese JavaScript-Bibliothek. Wenn Sie sich den allgemeinen Fall (d.h. eine Website, die nicht unbedingt auf WordPress läuft) noch etwas genauer ansehen wollen, dann empfehle ich Ihnen meinen umfassenden Artikel Mathematische Formeln auf Websites schreiben: So geht’s.
Ihr Feedback zu diesem Artikel
Über Feedback zu diesem Artikel freue ich mich, z.B. welches Problem bei Ihnen vorlag und wie Sie es konkret lösen konnten, ob mit Hilfe dieses Artikels oder ohne. Falls Ihnen der Artikel nicht geholfen hat, kommentieren Sie bitte unbedingt ein paar Zeilen zu Ihrem konkreten Problem. Ich werde versuchen, der Sache auf den Grund zu gehen.
Oder lassen Sie einfach unten einen Kommentar für mich da, ob Lob, Kritik oder eine Frage, die ich hier nicht beantwortet habe, ich bin immer für Hinweise und Anregungen dankbar, die diesen Artikel verbessern. Bitte beachten Sie: Um Spam zu vermeiden, lese ich jeden Kommentar persönlich und gebe ihn dann erst frei. Seien Sie also nicht überrascht, wenn es ein Bisschen dauert, bis er zu sehen ist. Danke für Ihr Verständnis!
Weitere Informationen zu WordPress Websites
Wenn Sie selbst eine WordPress Website haben und daran noch mehr ändern wollen als nur Formeln darauf zu schreiben, dann sind Sie hier auf WebsiteBerater.com genau richtig. Mein Leitfaden zur kompletten Erstellung einer WordPress Website hält sogar für erfahrene Anwender noch einiges and Überraschungen parat!
