Monday, August 24, 2020

How to Write Math Equations in WordPress

Do you want to write math equations in WordPress?

Writing math equations in WordPress is a bit difficult as the default WordPress editor does not come with full support for mathematical equations.

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

Writing math equations in WordPress

Why Writing Math Equations in WordPress is Difficult?

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

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

Currently, MathML and LaTeX are considered to be 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 could 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 off 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 don’t need to write math equations frequently. For this method, we’ll be using Unicode characters and inserting them directly in the post editor.

Unicode is the encoding standard with the aim to provide character encoding support for all languages. It is supported by all website builders, operating systems, and mobile devices.

Here is how to add mathematical characters in WordPress using Unicode.

1. Adding Unicode Mathematical Characters in Mac

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

Character Viewer

This will bring up the ‘Character Viewer’ app in a popup. From here you can select the symbols and characters that you want to insert.

Simply double click on a character to insert it in the WordPress post editor.

You can also format characters in the post editor using the subscript and superscript options in paragraph toolbar.

Using subscript and superscript in WordPress paragraph block

2. Adding Unicode Mathematical Characters in Windows

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

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

Character Map app in Windows 10

The Character Map app supports many different encodings including Unicode. You can find math operators by selecting the Unicode Subrange under Group.

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

Manually adding special characters and mathematical operators is a hassle, but it works if you’re only adding this once in a while.

However, if you regularly need to write mathematical equations on your site, then you’ll be better off learning to use either of the two methods described below.

2. Writing Math Equations in WordPress using LaTeX

LaTeX is a typesetting standard designed specifically for writing technical and scientific documentation. It is widely used in academic circles and is considered to be the de facto standard for writing equations and other scientific documents.

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

We’ll focus on how to bring LaTeX typesetting to your WordPress website.

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

Upon activation, you need to edit the post or page where you want to insert a math equation. On the post edit screen, click on the add new block button (+) and insert the shortcode block to your content.

Shortcode block

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

Adding a LaTeX command in a shortcode block

You can now save your post and preview it to see your math equation with formatting.

A math equation displayed in WordPress using LaTeX

An easier way to generate the code that you need to paste is by using an offline LaTeX app for your operating system or a web-based LaTeX environment like Overleaf.

Overleaf

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

3. Writing Math Equations in WordPress using MathML

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

WordPress doesn’t support MathML out of the box, and if you added the MathML code in the post editor, then it will not render correctly.

Luckily, there is a plugin that solves that problem.

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

Upon activation, simply edit the post or page where you wan to add the math equation. On the post edit screen, click on the add new block button (+) and add the Custom HTML block to your content.

Adding custom HTML block in WordPress

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

Adding MathML code in WordPress

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

MathML preview

MathML Block uses the MathJax JavaScript engine to convert your markup into readable math equations. It also supports LaTeX commands.

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

Adding MathML block

In the MathML block’s text area, you can paste your LaTeX code like this:

\[ your equation goes here\]

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

LaTeX in MathML Block

We hope this article helped you learn how to add math equations in WordPress. You may also want to see our ultimate list of the most useful WordPress widgets and the must have WordPress plugins recommended by our experts.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Write Math Equations in WordPress appeared first on WPBeginner.



from WPBeginner https://ift.tt/3lcsyFl
via IFTTT

No comments:

Post a Comment