While html caters for simple mathematical symbols like these ∇² = φ. It doesn’t really make much sense to code ∇² to get ∇² ; nor to pre-type your mathematical symbols in a word doc or LaTex editor and convert to image or pdf. Not to mention, needing to deal with multiple line equations using HTML.

Find out how and the difference between these 4 easy and free solutions that can help you to display mathematics professional; and on what works and what doesn’t work for each solution.


I created my first mathematical blog posting using Jetpack’s “Beautiful Maths”. This seems naturally since “Beautiful Maths” came pre-activated with Jetpack. With is plugin, you can embed LaTex equations easily by enclosing your LaTex codes between ….. . You can also adjust the size of the LaTex font to blend in with your other text. The downside is that it does not allow for multiple line equations and alignment of all my “equals” elegantly.

Let X_1, X_2, \ldots, X_n be a sequence of independent and identically distributed random variables with {E}[X_i] = \mu and {Var}[X_i] = \sigma^2 < \infty, and let S_n = \frac{X_1 + X_2 + \cdots + X_n}{n} = \frac{1}{n}\sum_{i}^{n} X_i denote their mean. Then as n approaches infinity, the random variables \sqrt{n}(S_n - \mu) converge in distribution to a normal \mathcal{N}(0, \sigma^2). i\hbar\frac{\partial}{\partial t}\left|\Psi(t)\right>=H\left|\Psi(t)\right> {Var}[X_i] = \sigma^2 < \infty

You might have noticed from the above example that the mathematical text generated by Jetpack’s “Beautiful Maths” lays over a white background. This might cause a glaring mismatch if your theme does not have a white background.

WP QuickLaTex

WP QuickLaTex offers a little more sophistication and is able to convert the equations to pure text. It allows not only formulas but also graphics using native LaTeX expressions without the need of enclosing tags like …. . Other than inline formulas functionality, WP QuickLaTex is also able to display equations auto-numbering, labeling and referencing, AMS-LaTeX, TikZ and custom LaTeX preamble. Visit WP QuickLaTeX for more info. Below are 2 examples the QuickLaTex inputs in post editing and post view.



MathJax was recommended by a student who was using it on WordPress. I did explore it a little though not in-depth. The one thing I didn’t like about using MathJax is that it requires a specific Javascript to call to an external source to render the equations. Like QuickLaTex, it uses CSS with web fonts or SVG, instead of bitmap images or Flash, so equations scale with surrounding text at all zoom levels. Another unique feature is the “re-useable” functionality. Right-click any MathJax generated equation to get the MathML Code and TeX commands to get a pop-up that allows you to copy the math source into another application.


Code Codes HTML LaTeX equation Editor

For typing mathematical equations via comments, I recommend going to codecogs.com to convert latex into GIF on the fly. Below is a screenshot of what is looks like after I typed in LaTex equations in editing box.


It provides you an option to convert the inputted equations to HTML, URL, LaTex, PRE, TiddlyWiki, phpBB or WordPress. Below is an example of the earlier generated equation that was converted in gif.

Please share with us other WordPress plugin or online tool that can generate beautiful maths equations too.

Image Credit: freepik.com

Skip to toolbar