Do you want to write math equations in WordPress?

Writing math equations in WordPress is a bit tricky because the default WordPress editor doesn't come with full support for math equations.

In this article, we're going to show you how to easily write math equations in WordPress using 3 different methods. 

But if you have never installed WordPress, discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

Then back to why we are here.

Why is writing math equations in WordPress difficult?

The way WordPress works is that it dynamically generates content for your website and sends the HTML back to users' browsers for display.

Writing math and science equations in WordPress is difficult due to the lack of support for characters in HTML.

Discover also our 6 WordPress plugins to add Authorize.Net to your website

Currently, MathML et LaTeX are considered the standard for writing mathematical and scientific equations on the web.

Unfortunately, they are both less than ideal for beginners. They both require you to learn their own syntax which might get complicated for longer and more complex equations.

That being said, let's take a look at how to write math equations in your WordPress blog.

We'll start with an easy solution first before showing how to use MathML or LaTeX in WordPress.

Method 1. Writing Math Equations in WordPress Using Unicode Characters

This method is simpler and is recommended for users who do not need to write mathematical equations frequently. For this method, we are going to use Unicode characters and insert them directly into the post editor.

Unicode is the encoding standard for the purpose of providing character encoding support for all languages. It is supported by all website builders, operating systems and mobile devices.

Here's how to add math characters in WordPress using Unicode.

1. Adding Unicode math characters on Mac

On Mac computers, you can add math operators and characters from the toolbar at the top. Just click on Edit »Emoji & Symbols or press Command + Control + Space keys on your keyboard.

Characterviewer blogpascher

This will bring up the app 'Character Viewer'in a pop-up. From here you can select the symbols and characters you want to insert.

Also read our tutorial on How to create a multi-step form with lottie animation

A double click on a character is enough to insert it in the WordPress article editor.

You can also format characters in the Post Editor using the Script and Superscript options on the Paragraph toolbar.

Subscript superscript wp blogpascher

2. Adding Unicode math characters on Windows

Windows users can use a similar app to insert math operators and special characters in the WordPress post editor.

Also read our guide on 10 Automation Tools for Small Business Marketing

Just open the app character Map clicking on Start »Windows Accessories» Character Map. This will bring up commonly used characters on the screen.

Selectcharacters blogpascher

The Character Map application supports many different encodings, including Unicode. You can find mathematical operators by going right away Group By : and selecting Unicode Subrange.

After locating a character, you need to click to select it and then copy it. Now go back to the WordPress post editor and paste the character.

See also our article on How to organize files in WordPress media library folders

Adding special characters and math operators manually is a problem, but it works if you only add them every now and then.

However, if you regularly need to write math equations on your website or blog, then you might be better off learning how to use one of the two methods described below.

3. Write math equations in WordPress using LaTeX

LaTeX is a typography standard designed specifically for writing technical and scientific documents. It is widely used in academia and is considered the de facto standard for writing equations and other scientific documents.

The official website by LaTeX contains detailed documentation and links to tutorials and guide that will help you learn how to use it.

We will focus on how to bring LaTeX typography to your WordPress website.

First of all, you need to install and activate the plugin WP QuickLaTeX. For more details, see our step-by-step guide on how to install a WordPress plugin.

After activation, you need to edit the post or page where you want to insert a math equation. On the article editor screen, click the Add a new block button capacitor positive (+) lead et insert the shortcode block to your content.

Blogpascher block shortcode

Inside the shortcode block, you need to add the shortcode followed by your LaTeX code. [latexpage]

Latex blogpascher commandYou can now save your article and preview it to see your math equation with its formatting.

Maths eqauation latex preview blogpascher

An easier way to generate the code you need to paste is by using an offline LaTeX application for your operating system or a LaTeX web environment like over-leaf.

Overlead blogpascher

You can then copy and paste your equations into the WordPress shortcode block.

4. Writing math equations in WordPress using MathML

MathML is a markup language designed to easily publish mathematical equations to the web. It uses semantic XML markup similar to HTML.

See also our 10 WooCommerce plugins to boost your online store

WordPress does not support MathML, and if you add the MathML code in the post editor, it will not render as well.

Fortunately, there is a plugin that fixes this problem.

Just install and activate the plugin MathML Block. For more details, see our step-by-step guide on how to install a WordPress plugin.

After activation, just edit the post or page where you want to add the math equation. In the article editing screen, click on the button capacitor positive (+) lead to add a new block and add the custom HTML block to your content.

Custom html block blogpascher

You can then paste your MathML code inside the custom HTML block.

Mathml code blogpascher

After that, you can save your post or page and view it in a new tab to see beautifully transformed MathML on your website.

Mathml preview blogpascherMathML uses the MathJax JavaScript engine to convert your tags into readable math equations. It also supports LaTeX commands.

To add your LaTeX code, just add the MathML block to your content editor.

Math ml block blogpascher

In the text box of the MathML block, you can paste your LaTeX code like this:

[your equation goes here]

You can then save and preview your post to see it beautifully displayed in your blog or page.

Latexinmathml blogpascherDiscover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. WooCommerce Multisite Duplicator

You have just opened your online store and you want to create another one whose configuration will be almost identical, at the same time you want to manage these two online stores in one place, then this WooCommerce plugin premium of WordPress will help you create a multi-site network that is easy to administer and manage.

Woocommerce multisite duplicator

You will have the possibility to clone your old website and after that you will just have to create new products. the WordPress Plugin WooCommerce Multisite Duplicate therefore helps you to duplicate your products in your multisite network.

Enrich your exploration by discovering our article on: Page Builder: 5 WordPress plugins to create your pages

You can duplicate one or all websites. You can even specify what you want to copy or not.

Download | Demo | Web hosting

2. Easy Custom JS and CSS 

Ce WordPress Plugin premium is a powerful CSS and JavaScript code editor that allows you to add them to any section of your website. It allows you to keep your customizations even after a major update of your WordPress theme. Easy custom js and css extra customization wordpress plugin

You have the option of limiting the field of use of your personalized code. For example, you can use your code only for an article in the video format.

See our articles on How to require acceptance of the terms of use on WordPress

Or you can limit your code to a WordPress theme specific; Which is handy if you frequently change themes for your WordPress blog.

Download | Demo | Web hosting

3. CSS3 Vertical Web Pricing Tables

Sometimes a column layout is not suitable for the information you are trying to convey. If this is your case, then this plugin might be the solution you are looking for. With CSS3 Vertical Web Pricing Tables, tables are displayed as vertically stacked rows instead of the horizontally placed columns as is common.

Css3 vertical web pricing tables for wordpress

Like some other plugins, CSS3 Vertical Web Pricing Tables is based on CSS3 and HTML5. You can create an unlimited number of tables although the plugin only offers 10 different appearances, PSD source files are also included.

See also 9 WordPress plugins to customize your dashboard

Its other additional features are: unique effects with animations on hovering over columns, a customizable column width, support for HTML, support for shortcodes and much more.

Download Demo | Web hosting

Recommended Resources

Find out about other recommended resources to help you build and manage your website.

Conclusion

Here ! That's it for this tutorial. We hope this article has helped you learn how to add math equations in WordPress. You can also see our ultimate list of WordPress dashboard widget plugins  most useful and recommended by our experts.

However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on WordPress blog creation.

If you have suggestions or remarks, leave them in our section Comments. Do not hesitate to share with your friends on your favorite social networks

...